@charset "utf-8";

/*default setting==============================================================================================*/

/*new overwrite/addon to default.css file=================================*/
body {line-height: 1.3;}

/*end new overwrite/addon to default.css file=============================*/

html, body{
	width:100%;
	height:100%;
}

img{
	max-width:100%;/*responsive*/
	display:block;/*for centering*/
	/*width:100%;stretch the img and fill up the available space in the container*/
	width:auto\9; /*always place at the bottom, prevent ie8 squeeze bug*/
}

.imageOne {
	z-index: 0;
	position:absolute;

}

.imageTwo {
    z-index: 1;
}

.imageThree {
    z-index: 0;
	position:absolute;
}

.imageFour {
    z-index: 1;
}

.imageFive {
    z-index: 0;
	position:absolute;
}

.imageSix {
    z-index: 1;
}

.imageSeven {
    z-index: 0;
	position:absolute;
}

.imageEight {
    z-index: 1;
}



@font-face {
	font-family: 'MYRIADB';
    src: url('allsection/alllanguage/fonts/MYRIADB.eot');
	src: url('allsection/alllanguage/fonts/MYRIADB.ttf') format('truetype');
}

@font-face {
	font-family: 'MYRIAD';
    src: url('allsection/alllanguage/fonts/MYRIAD.eot');
	src: url('allsection/alllanguage/fonts/MYRIAD.ttf') format('truetype');
}

@font-face {
	font-family: 'MYRIADPROREGULAR';
    src: url('allsection/alllanguage/fonts/MYRIADPROREGULAR.eot');
	src: url('allsection/alllanguage/fonts/MYRIADPROREGULAR.ttf') format('truetype');
}


.text01 {
	font-size: 16px;
	font-family    : "MYRIADPROREGULAR", Arial, Verdana, Helvetica;
	font-weight:bold;
}

.text02 {
	font-size: 14px;
	font-family    : "MYRIADPROREGULAR", Arial, Verdana, Helvetica;
}

.text03 {
	font-size: 13px;
	font-family    : "MYRIADPROREGULAR", Arial, Verdana, Helvetica;
}

.text04 {
	font-size: 15px;
	font-family    : "MYRIADPROREGULAR", Arial, Verdana, Helvetica;
}

body{
	font-family: 'MYRIADPROREGULAR';
	font-size:100%;
}
/*end default setting==============================================================================================*/

/*main template styling================================================================*/
header,#mainWrapper,footer{
	width:100%;
	max-width:100%;
	/*margin:0 auto; problem with plugin, layout must cling to the left*/
	overflow: hidden;
	background: white;
	position: relative;
}

header{
	z-index: 1;
	position: fixed;  left: 0;
	top: 0;
}

#mainWrapper{
	padding-top: 60px;/*offset menu*/
}	

.innerWrapper{
	padding: 0 1.5%;
}
/*end main template styling================================================================*/

/*template components==================================================================================*/
hr.menuRule {
	margin: 0;
	padding: 0;
	color: #e5e5e5;
	background: #e5e5e5;
	height: 1px;
	border: 0;
}
hr.horizontalSeparator {
	margin: 0;
	padding: 0;
	color: black;
	background: black;
	height: 1px;
	border: 0;
}
hr.horizontalDottedSeparator {
	margin: 15px 0 15px 0;
	padding: 0;
	background: url('allsection/alllanguage/live-images/dotted-repetitive.jpg') repeat;
	height: 18px;
	border: 0;
}
hr.horizontalDottedLine {
	margin: 0;
	padding: 0;
	border: 0;/*reset default border*/
	border-bottom: 1px dotted #999999;
}
/*universal setting for form==================================================================*/
.allContactForm {
	font-size: 0.875em;
	font-family: 'Lucida Grande', 'Gisha', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Arial, Verdana, sans-serif;
	line-height: 1.4em;
}
.allContactForm fieldset {
	border: 1px solid #939393;
	padding: 30px 3%;
	font-size: 1.125em;
}
.allContactForm fieldset legend {
	font-family: 'MYRIADB';
	font-size: 2.1em;
	line-height: 1em;
	font-weight: normal;
	margin-left: -10px;
	padding: 0 .4em;
}
.allContactForm .formError {
	color: red;
	display: block;
	width: auto;/*display:none; hide by default*/
}
.allContactForm .formError a {
	color: red;
	text-decoration: underline;
	border-bottom: 0;
}

.label {
  width:210px;
  text-align:left;
  padding-right:10px;
  padding-bottom:5px;
  font-weight:normal;
}

.label2 {
  width:210px;
  text-align:left;
  padding-right:10px;
  padding-bottom:5px;
  font-size:13px;
  font-weight:bold;
}

#register-form label.error {
  color:#FB3A3A;
  font-size:12px;
  font-weight:bold;
}

/* for custom contest styling only========================================*/
.customContest p {
	margin-bottom: .3em;
	margin-top: .3em;
}
.customContest [type="radio"] {
	margin-left: 1.2em;
}
.customContest>div {
	margin-bottom: 16px;
}
/*end for custom contest styling only======================================*/
		
/* for preset form styling only=================================================*/
		
.allContactForm fieldset .signtable {
	margin: 0 auto;
	padding: 20px 0;
}

.allContactForm fieldset .signtable>div {
}
.allContactForm .signtable label {
	font-size: 1.25em;
}
.allContactForm .signtable input {
	background: #edecec;
	border: 0;
	margin: 0;
	border: 1px solid #edecec !important;
	padding: 10px 15px;
	width: 100%;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.allContactForm .signtable textarea {
	width: 400px;
	height: 175px;
	background: #edecec;
	margin: 0;
	border: 1px solid #edecec !important;
	padding: 10px 15px;
}

.allContactForm .sideText {
	float: left;
	margin-top: 20px;
	clear: both;
}
.allContactForm .btnWrapper {
	/*float: right;*/
	margin-right: 0;
}
.allContactForm fieldset .signtable>div>div:first-child {
	padding-right: 10px;
}
.allContactForm .spacer {
	height: 1em;
}
.allContactForm fieldset .signtable a {
}
.allContactForm fieldset .signtable>div>div {
	position: relative;
}
.allContactForm fieldset .signtable>div>div .forgotPass {
	display: block;
	text-align: right;
	margin-top: 10px;
	text-decoration: underline;
}
/*.allContactForm input:focus {
	background: white !important;
}
.allContactForm textarea:focus {
	background: white !important;
}*/
.allContactForm fieldset .formSubmit {
	font-family: "MYRIADB", Arial, Verdana, Helvetica;
	border: 0;
	margin: 15px 0 0 10px;
	color: white;
	background: url(allsection/alllanguage/green-btn-bg.jpg) repeat-x #a6ce39;
	padding: 12px 27px;
	font-size: 1.5em;
	border-radius: 5px;
	cursor: pointer;
}


/*default dropdown styling================================================*/
.allContactForm .dropdownWrapper {
    width: 100%;     
    height: 35px;
	overflow: hidden;
	background: url(allsection/alllanguage/dropdown_button.jpg) no-repeat right #edecec;
    border: 0;
}

.allContactForm .dropdownWrapper select {
	background: transparent;     
	width: 100%;     
	padding-left: 9px;     
	padding-right: 38px;
	font-size: 1em;
	line-height: 1;
	border: 0;
	border-radius: 0;     
	height: 35px;
	-webkit-appearance: none;
}


/*default dropdown styling=================================================*/

/*end for preset form styling only=============================================*/		
/*universal setting for form==========================================================*/
		
		

	/*pagination*/
	.pagination:last-child{
		overflow:hidden;
		margin-top: 30px;
	}
	
	.pagination .paginationWrapper{
		overflow:hidden;
		padding:17px 0;
		font-family: 'MYRIADB',Arial,Verdana,sans-serif;
		font-size:0.875em;
		line-height: 1.7em;
	}
	
	.pagination .paginationWrapper>p{
		float:left;
		margin: 0 6px;
	}
	
	.pagination .paginationWrapper .rightPagination{
		float:right;
	}
	
	.pagination .paginationWrapper .rightPagination>span,
	.pagination .paginationWrapper .rightPagination p{
		float:left;
		margin: 0 6px;
		color: #797778;
	}
	
	.pagination .paginationWrapper .rightPagination .paginationPrev a{
		width: 24px;
		height: 24px;
		background: url('allsection/alllanguage/live-images/gallery-navigation-outer.gif') no-repeat 0;
		text-indent:-9999px;
		display: block;
	}
	
	.pagination .paginationWrapper .rightPagination .paginationNext a{
		width: 24px;
		height: 24px;
		background: url('allsection/alllanguage/live-images/gallery-navigation-outer.gif') no-repeat -24px 0px;
		text-indent:-9999px;
		display: block;
	}
	/*end pagination*/
	
	
		
	/*share buttons (horizontal)===============================================================*/
	.allsharebtnsWrapperHori {
	height: 33px;/*no choice but to style it manually*/
	}
	
	.allsharebtnsWrapperHori .allsharebtns {
	/* overflow: hidden; */
	float: right;
	border-top: 1px solid black;
	border-right: 1px solid black;
	position: relative;
	padding: 4px 6px;/*no choice but to style it manually*/
	}
	
	.allsharebtnsWrapperHori .allsharebtns span {
		display:block;
		border-bottom: none;
		margin: 0;
		float:left;
		padding: 0 .1em;
		position: relative;
	}
	
	.allsharebtnsWrapperHori .allsharebtns:before {
	content: url('allsection/alllanguage/live-images/share-slanted.jpg');
	display: block;
	float: left;
	margin-left: 50px;
	width:21px;
	height:32px;
	position: absolute;
	top: 0;
	left: -70px;
	}
	
	.allsharebtnsWrapperHori .allsharebtns>span {
	cursor:pointer;
	}
	
	.allsharebtnsWrapperHori .allsharebtns .tool_tip {
	display: none;/*hide by default*/
	opacity:0;/*invisible by default*/
	position: absolute;
	top: -115px;
	left: -30px;
	
	
	background: #eeeeee;
	padding: 1em;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #9f9f9f;
	
	margin-top: 5px;
	}
	
	
	.allsharebtnsWrapperHori .allsharebtns a{/*prevent inteference from article*/
	border-bottom: none;
	margin:0;
	
	}
	
	
	/*each share btn styling=============================================*/
	.allsharebtnsWrapperHori .allsharebtns .s1 .tool_tip {
		
	}
	.allsharebtnsWrapperHori .allsharebtns .s2 .tool_tip {
	
		left: -35px;
	}
	
	
	.allsharebtnsWrapperHori .allsharebtns .s3 .tool_tip {
	
		width: 40px;
		height: 20px;
		top: -68px;
		left: -26px;
	}
	
	.allsharebtnsWrapperHori .allsharebtns .s3 .tool_tip .pointer{
		top: 52px;
	}
	
	.allsharebtnsWrapperHori .allsharebtns .s4 .tool_tip {
	}
	
	.allsharebtnsWrapperHori .allsharebtns .s4 .tool_tip .pointer{
	top: 97px;
	}
	
	.allsharebtnsWrapperHori .allsharebtns .s5 .addthis_button_email .at16nc{
		background:url('allsection/alllanguage/live-images/5.jpg');
		background-repeat: no-repeat;
		width: 20px;/*unknown white space from addThis*/
		height:24px;
	}
	
	.allsharebtnsWrapperHori .allsharebtns .s6 .tool_tip {
	}
	
	.allsharebtnsWrapperHori .allsharebtns .s6 .tool_tip .pointer{
	top: 94px;
	}
	
	.allsharebtnsWrapperHori .allsharebtns .s7 .tool_tip {
	}


	/*end each share btn styling=============================================*/
	
	
	/*the arrow for tooltips=============================================*/
	.allsharebtnsWrapperHori .allsharebtns .tool_tip .pointer {
	padding: 0px;
	margin: 0px;
	display: block;
	position: absolute;
	top: 98px;
	color: transparent;
	
	/*center align pos absolute*/
	width: 16px;/*width of pointer must be specify*/
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	/*center align pos absolute*/
	}
	
	.allsharebtnsWrapperHori .allsharebtns .tool_tip .pointer span {
	display: block;
	margin: auto;
	border-top: 8px solid #9f9f9f;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	width: 0px;
	height: 0px;
	padding:0;
	}
	
	/*end the arrow for tooltips=============================================*/
	/*end share buttons (horizontal)=============================================================*/
/*end templates components==================================================================================*/



/*header======================================================================================*/
.topAds{
	margin:0 auto;
	padding-top: 12px;
	padding-bottom: 12px;
}

#topNav {
	padding-left: 0;
	overflow: hidden;
}


#topNav ul{
	font-size:0.59em;
	line-height:3.3em;
	letter-spacing:.1em;
	float: left;
	border-top: 1px solid #e5e5e5;
	padding-left: 20px;
	background:url('allsection/alllanguage/live-images/verticalLine.jpg') no-repeat;/*vertical grey line*/
	background-position:center left;
	text-align: center;
}

#topNav ul:first-child:after{/*slanted line graphic*/




	content:url('allsection/alllanguage/live-images/slantHead.jpg');
	margin-right:-18px;
	width:19px;
	height:31px;
	float:right;
	padding-left: 20px;
}


#topNav li{
	list-style-type: none;
	padding-bottom: 0;
	display:inline-block;
}



#topNav li:nth-child(even) {
    padding: 0 .5em;
}

#topNav ul li a:link,#topNav ul li{
	text-decoration:none;
	color:#8e8e8e;
	float:left;
}

.headerLogoRow{
	overflow:hidden;
	display:table;
	width:100%;
	table-layout:fixed;
	padding-top: 21px;
	padding-bottom: 21px;
}

.headerLogoRow div{
	/*float:left; css table doesnt work with float*/
	display:table-cell;
	vertical-align:middle;
	
}

.elleLogo {
background: #000000;
width:100%;
}

.elleLogo h1{
	background: #a6ce39 url('allsection/alllanguage/ServiceOfficesMY-logo.gif') no-repeat;
	background-size: 100%;
	width: 200px;
	height: 33px;
	text-indent:-9999px;
	margin:0 auto;
	text-align:center;
	position: absolute;
	left: 0;  right: 0;  
	top: 10px;
	margin-left: auto;  margin-right: auto;
}

.navExpander{

}

.navExpander a{
	display: block;
	background:url(mobileNav.gif) no-repeat;
	width: 30px;
	height: 26px;
	background-size: contain;
	margin: 15px;
}


.navExpander img{
	width:30px;
	height:26px;
	padding: 15px;
}

	/*mobile menu overwrite======================================================*/
	.mm-menu.mm-current {
	background: #a6ce39;
	}
	
	#mainNavWrapperMobile{
		display:none;/*hide while load/close state*/
	}
	
	#mainNavWrapperMobile > li:nth-child(1) {
		margin-top: 20px;
	}

	#mainNavWrapperMobile>li {
		padding-bottom: 0;
		list-style-type: none;
	}

	#mainNavWrapperMobile.mm-opened{
		display:block;/*show while open state*/
	}
	
	#mainNavWrapperMobile a {
		font-family: 'MYRIADB',Arial,Verdana,sans-serif;
		color: white;
		display: block;
		padding: .5em 2em;
		font-size: 1.1em;
	}
	
	#subNavWrapperMobile{
		display:block;/*hide while load/close state*/
	}
	
	#subNavWrapperMobile > li:nth-child(1) {
		margin-top: 2px;
	}
	
	#subNavWrapperMobile>li {
		padding-bottom: 0;
		list-style-type: none;
	}

	#subNavWrapperMobile.mm-opened{
		display:block;/*show while open state*/
	}
	
	#subNavWrapperMobile a {
		font-family: 'MYRIADPROREGULAR',Arial,Verdana,sans-serif;
		color: white;
		display: block;
		padding: .4em 2em;
		font-size: 0.85em;
	}
	
	.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
		border-bottom-style: none;
	}
	
	.mm-fixed-top {
	background: #a6ce39;
	z-index: 100 !important;
	}
	/*end mobile menu overwrite=============================================*/
	
	/*header search btn=====================================================*/
	.searchExpander{
		background: url(allsection/alllanguage/live-images/searchBtnMobile.gif) no-repeat;
		background-size: cover;
		width: 55px;
		height: 56px;
		cursor: pointer;
		position: fixed;
		right: 0;
		z-index: 101;
	}

	.searchExpanderClose{
		background: url(allsection/alllanguage/live-images/searchBtnMobileClose.gif) no-repeat;
		background-size: cover;
		width: 55px;
		height: 56px;
		cursor: pointer;
		position: fixed;
		right: 0;
		z-index: 101;
		
		/*default set to close*/
		display:none;
	}
		
	.searchBtn{
		position: fixed;
		top: 0;
		width: 100%;
	
		z-index: 102;
		margin-top: 56px;
		-moz-box-shadow: 0px 3px 5px -2px #a7a7a7;
		-webkit-box-shadow: 0px 3px 5px -2px #a7a7a7;
		box-shadow: 0px 3px 5px -2px #a7a7a7;
		
		/*default set to close*/
		display:none;
	}
	
	.searchBtn>div {
    overflow: hidden;
	
    width: 100%;
	}

	.searchBtn .searchContent{
		background: #8f8f8f;
		padding: 10px 10px;
	
		overflow: hidden;
		width: 100%;
		-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  
		box-sizing: border-box;
}
	
	
	
	.searchBtn .searchContent input[type="text"]{
		margin: 0;
		border: 0;
		background: white;
		padding: 0 0;
		width: 100%;
		padding-top: 13px;
		padding-bottom: 13px;
		font-size: 1em;
	
		padding-left: 10px;
		padding-right: 65px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */      -moz-box-sizing: border-box;    /* Firefox, other Gecko */      box-sizing: border-box;         /* Opera/IE 8+ */;
}
	
	.searchBtn .searchContent input[type="submit"]{
		top: 10px;
		position: absolute;
		right: 10px;
		width: 55px;
		height: 45px;
		padding: 0;
		margin: 0;
		border: 0;
		cursor: pointer;
		background: url(allsection/alllanguage/live-images/searchBtnMobileInner.jpg) no-repeat;
		background-size: cover;
		text-indent: -9999px;
	}
	
	.searchBtn:before{
		/*control limitation
		content: "";
		display:block;
		background:url(allsection/alllanguage/live-images/searchBtnMobile.gif) no-repeat;
		background-size:cover;
		width: 53px;
		height: 46px;
		float: right;
		margin-top: 3px;
		margin-bottom: 7px;		
		*/
	}
	/*header search btn=====================================================*/
	
/*end header==================================================================================*/






/*template default(black bar, heart icon,hidden content)================================================*/

.articleHeadingWrapper{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index:2;
}

.articleHeadingInnerWrapper{
	/*
	position: absolute;
	bottom: 0;
	*/
	background: black;/*set the background for title and hidden content*/
	width:100%;
}

.articleHeadingInnerWrapper img{
	position: absolute;
	top: -70px;
	right: 10px;
	opacity:1;
}

.articleHeadingInnerWrapper h3{
	text-transform: uppercase;
	font-size: 1em;
	line-height:1.1em;
	font-weight:normal;
	font-family: 'texgyreadventor';
	color: #FFF;
	padding: .7em .5em;
	margin:0;
}
	/*articleHiddenContent======================================================================================================================*/
	.articleHeadingInnerWrapper .articleHiddenContent{
		color:white;
		height:0%;
		/*padding: 0 .5em .7em .5em; this will cause choppy animation add this to child instead*/
	}
	
	.ie8Below .articleHeadingInnerWrapper .articleHiddenContent {
		height: auto;/*fix ie8 animation glitch*/
	}
	
	.articleHeadingInnerWrapper .articleHiddenContent h4{
		padding: 0 .5em .7em .5em;
		text-align:center;
	}
	
	.articleHeadingInnerWrapper .articleHiddenContent p{
		padding: 0 .5em .7em .5em;
		font-size: .8em;
	
		line-height: 1.4em;
}
	/*end articleHiddenContent======================================================================================================================*/


/*end template default(black bar, heart icon,hidden content)================================================*/


/* all templateM general style============================================================================*/
.tWrapper{
	overflow:hidden;
}
/* end all templateM general style========================================================================*/

/*templateM1=========================================================*/
.templateM1{
	overflow:hidden;
	margin-bottom: 42px;
}

.templateM1 h2 {
	margin-top: 40px;
	font-family: 'MYRIADB';  font-size: 3.75em;  line-height: 1em;  font-weight: normal;  font-style: normal;
}

.templateM1 .breadCrumbs{
	font-family: 'texgyreadventor';
	font-size:0.8125em;
	line-height: 1.3em;
	font-weight:normal;
	font-style:normal;
	color:#686868;
	text-transform: uppercase;

}

.templateM1 .breadCrumbs a{
	color: #686868;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	margin: 0 3px;
}

.templateM1 .breadCrumbs a:hover{color: black;}

.templateM1 article>img{
	width:100%;/*fill up div space and stretch image, but without stretching the yellow elle icon*/
}

.templateM1 span{
	font-size:.7em;
}

.templateM1 article:nth-of-type(4n+1){
	margin-left:0;
	clear: both;/*ensure images is on the right place(if no caption given or caption too long)*/
}

.templateM1 article{/*container size(background image+caption)*/
	float:left;
	width: 24.447717%;
	margin-left: 0.736377%;
	position:relative;
}

.templateM1 article+article+article+article+article {
	margin-top: 32px;

}

.templateM1 article h3{
	font-weight: normal;
	font-size: 1em;
	line-height: 1.2em;
	padding-top: .5em;
	padding-bottom: .5em;
	text-transform: uppercase;
}

.templateM1 article p {
	font-size: 0.875em;
	color: #686868;
}

.templateM1 article>img{
		width:100%;/*fill up div space and stretch image, but without stretching the yellow elle icon*/
}	

.templateM1 .breadCrumbs {
line-height: 2em;
}

.templateM1 h2 {
margin-top: 0px;
font-size: 2em;
line-height: 1.4em;
}

.templateM1 article:nth-of-type(4n+1) {/*reset*/
margin-left: 1.5%;
clear:none;
}



.templateM1 article {
width: 49.25%;
margin-left: 1.5%;
}

.templateM1 article+article{
margin-top: 7px !important;

}

.templateM1 article:nth-of-type(3n+1) {
	clear: both;
	width: 100%;
	margin-left: 0%;
}

.templateM1 article:nth-of-type(3n+2) {
	margin-left:0;
}

.templateM1 article a>img{
width:100%;
}


/*end templateM1=========================================================*/


/* templateM2======================================================================*/
.templateM2 {
width: 100%;
overflow: hidden;

font-family: "MYRIADPROREGULAR", Arial, Verdana, Helvetica;
}

.templateM2 h2 {
/*text-transform: uppercase;*/
color:#007071;
font-family: "MYRIADB", Arial, Verdana, Helvetica;
font-size: 2.0em;
font-weight: normal;
font-style: normal;
margin-top: 5px;
margin-left: 4px;
}

.templateM2 img {
	width: 100%; /*all images should stretch bigger than it should*/
	display:inline;
}


.templateM2 h3{/*general style for h3 within templateM2*/
	font-size:1.5em;
	line-height:1.3;
	padding-top: .5em;
	margin-left: 4px;
	font-weight:bold;
	/*text-transform:uppercase;*/
}

.templateM2 p{/*general style for p within templateM2*/
	font-size:0.9em;
	line-height:1.3;
	padding: .5em .5em;
}


.templateM2 h3 a{
	color:white;
	display:block;
}

.templateM2 h4{/*general style for h3 within templateM2*/
	font-size:1em;
	line-height:1.3;
	padding: .5em .5em;
	font-weight:bold;
	/*text-transform:uppercase;*/
}

.templateM2 h4 a{
	color:black;
	display:block;
}


.templateM2 .imgBlock{
	overflow:hidden;
	float:left; max-width:30%; 
	padding-top:10px; 
	padding-bottom:10px;
}

	.templateM2 .imgBlock:nth-of-type(1)>div article{
		float:left;
		width:100%; /*fill up all space*/
	}
	
	.templateM2 .imgBlock:nth-of-type(1)>div.titleContainer{
		background:#a6ce39;
	}

	.templateM2 .imgBlock:nth-of-type(2){
		display:table;
		table-layout:fixed; /*use this to avoid spacing bug, and u dont have to put width for the white space*/
		
		margin-top:4px;
		width:100%;

	}
	
		.templateM2 .imgBlock:nth-of-type(2)>div{
			display:table-row;
			
		}
		
			.templateM2 .imgBlock:nth-of-type(2)>div>article{
				display:table-cell;
			}
			
			.templateM2 .imgBlock:nth-of-type(2)>div>article:nth-of-type(1),
			.templateM2 .imgBlock:nth-of-type(2)>div>article:nth-of-type(3){
				width:49.4475138122%;
			}
			
			
			.templateM2 .imgBlock:nth-of-type(2)>div>article:nth-of-type(2){
				/*width:1.1049723756%;  no need this use table layout fix to fix the problem*/
				/*got it fix from stackoverflow*/
			}
	
			.templateM2 .imgBlock:nth-of-type(2)>div.titleContainer>article:nth-of-type(1),
			.templateM2 .imgBlock:nth-of-type(2)>div.titleContainer>article:nth-of-type(3){
				background:#a6ce39;
				
			}


.templateM2 .horizontalList{
	margin-top: 5px;
}
	.templateM2 .horizontalList article:first-child{
		/*border-top: 1px dotted #999999;*/
	}
	
	.templateM2 .horizontalList article{
		border-bottom: 1px dotted #999999;
	}

		.templateM2 .horizontalList h3{
			padding-bottom: 0em;
		}
		
			.templateM2 .horizontalList h3 a{
				color: black;
			}
			
			.templateM2 .horizontalList p{
				padding-top: 0em;
			}
			
			.templateM2 .horizontalList p a{
				color: black;
			}
	





/* end templateM2==================================================================*/

/*templateM3==================================================================*/
.templateM3 {
width: 100%;
overflow: hidden;

font-family:'MYRIAD';

margin-top: 10px;
}

.templateM3 img {
	width: 100%; /*all images should stretch bigger than it should*/
}

.templateM3 h2{
	font-family: 'MYRIAD';
	font-size: 2.1em;
	font-weight: normal;
	font-style: normal;
	letter-spacing: -.04em;
}

.templateM3 h3{/*general style for h3 within templateM2*/
	font-size:1em;
	line-height:1.3;
	padding: .5em .5em;
	font-weight:bold;
	text-transform:uppercase;
}

.templateM3 h3 a{
	color:white;
	display:block;
}

.templateM3 .imgBlock{
	overflow:hidden;
}

.templateM3 .imgBlock{
	display:table;
	table-layout:fixed; /*use this to avoid spacing bug, and u dont have to put width for the white space*/
	
	margin-top:4px;
	width:100%;

}

	.templateM3 .imgBlock>div{
				display: table-row;
				
			}
			
				.templateM3 .imgBlock>div>article{
					display:table-cell;
				}
				
				.templateM3 .imgBlock>div>article:nth-of-type(1),
				.templateM3 .imgBlock>div>article:nth-of-type(3){
					width:49.4475138122%;
				}
				
	
				.templateM3 .imgBlock>div.titleContainer>article:nth-of-type(1),
				.templateM3 .imgBlock>div.titleContainer>article:nth-of-type(3){
					background:#a6ce39;
					
				}


	.templateM3 .textBlock {
	margin-top: 5px;
	border-top: 1px dotted #999999;
	/* display: table; */
	/* table-layout: fixed; */
	width: 100%;
	border-bottom: 1px dotted #999999;
	
	background: white url('http://elle.my/templates/default/allsection/alllanguage/live-images/vertical-dotted-separator.gif') repeat-y 49.9% 0%;

}

	.templateM3 .textBlock section:first-child{
    /* border-top: 1px dotted #999999;*/
	
    width: 100%;
}
	
	.templateM3 .textBlock section{
    overflow: hidden;
   /*  border-bottom: 1px dotted #999999;*/
	
    /*display: table-row;*/
    width: 100%;
	position:relative;
}
	
	.templateM3 .textBlock article{
    width: 49.4475138122%;
	float:left;

	
   /* display: table-cell;*/
}
	
			.templateM3 .textBlock h3 {
				font-weight: normal;
				text-transform:capitalize;
			}
		
/* end templateM3==================================================================*/

/* templateM4==================================================================*/
.innerWrapper>.templateM4:first-child {
margin-top: 0;/*if templateM4 happens to be the first block remove the margin-top instead*/
}


.templateM4 {
width: 100%;
overflow: hidden;
font-family:'MYRIAD';
margin-top: 10px;
padding-bottom: 10px;
}


.templateM4 h2{
	font-family: 'MYRIAD';
	font-size: 2.1em;
	font-weight: normal;
	font-style: normal;
	
	margin-top: 5px;
	margin-left: 4px;
}

.templateM4 h3{/*general style for h3 within templateM2*/
	font-size:1em;
	line-height:1.3;
	padding: .5em .5em;
	font-weight:bold;
	text-transform:uppercase;
}

.templateM4 h3 a{
	color:white;
	display:block;
}


/*table layout ============================================================================================*/
.templateM4 .imgBlock{
	overflow:hidden;

}

.templateM4 .imgBlock{
	display:table;
	table-layout:fixed; /*use this to avoid spacing bug, and u dont have to put width for the white space*/
	
	margin-top:4px;
	width:100%;

}

.templateM4 .imgBlock:nth-of-type(1){
	margin-top:0;

}

	.templateM4 .imgBlock>div{
				display: table-row;
				
			}
			
				.templateM4 .imgBlock>div>article{
					display:table-cell;
				}
				
				.templateM4 .imgBlock>div>article:nth-of-type(1),
				.templateM4 .imgBlock>div>article:nth-of-type(3){
					width:49.4475138122%;
				}
				
	
				.templateM4 .imgBlock>div.titleContainer>article:nth-of-type(1),
				.templateM4 .imgBlock>div.titleContainer>article:nth-of-type(3){
					background:#a6ce39;
				}
/*end table layout ============================================================================================*/



/*templateM4 horizontalList===============================================================================*/
.templateM4 p {/*general style for p within templateM2*/
	font-size: 1em;
	line-height: 1.3;
	padding: .5em .5em;
}
.templateM4 .horizontalList {
	margin-top: 15px;
}
.templateM4 .horizontalList article:first-child {
	border-top: 1px dotted #999999;
}
.templateM4 .horizontalList article {
	border-bottom: 1px dotted #999999;
}
.templateM4 .horizontalList h3 {
	padding-bottom: 0em;
}
.templateM4 .horizontalList h3 a {
	color: black;
}
.templateM4 .horizontalList p {
	padding-top: 0em;
}
.templateM4 .horizontalList p a {
	color: black;
}
/*templateM4 horizontalList end===============================================================================*/


			
/* end templateM4=============================================================================================*/





/* templateM5==================================================================*/
.templateM5{
	margin-top: 10px;
	overflow: hidden;
}

.templateM5 article {
    width: 49.4475138122%;
    float: left;
	position: relative;
}

.templateM5 article+article+article {
	margin-top: 4px;
}

.templateM5 article:nth-child(odd) {
	clear:both;
}

.templateM5 article:nth-child(even) {
    float: right;
}

.templateM5 article img {
	width:100%;
}					
/* end templateM5=============================================================================================*/


/*templateM6==================================================================*/
.templateM6 {
width: 100%;
overflow: hidden;
font-family:'texgyreadventor';
margin-top: 10px;
background: white url('http://elle.my/templates/default/allsection/alllanguage/live-images/vertical-dotted-separator.gif') repeat-y 49.9% 0%;

}

.templateM6 img {
	width: 100%; /*all images should stretch bigger than it should*/
}

.templateM6 h3{/*general style for h3 within templateM2*/
	font-size:1em;
	line-height:1.3;
	padding: .5em .5em;
	font-weight:bold;
	text-transform:uppercase;
}

.templateM6 h3 a{
	color:white;
	display:block;
}

.templateM6 .imgBlock{
	overflow:hidden;
}

.templateM6 .imgBlock{
	display:table;
	table-layout:fixed; /*use this to avoid spacing bug, and u dont have to put width for the white space*/
	
	margin-top:4px;
	width:100%;

}

	.templateM6 .imgBlock>div{
				display: table-row;
				
			}
			
				.templateM6 .imgBlock>div>article{
					display:table-cell;
				}
				
				.templateM6 .imgBlock>div>article:nth-of-type(1),
				.templateM6 .imgBlock>div>article:nth-of-type(3){
					width:49.4475138122%;
				}
				
	



	.templateM6 .textBlock {
	margin-top: 5px;
	border-top: 1px dotted #999999;
	/* display: table; */
	/* table-layout: fixed; */
	width: 100%;
	border-bottom: 1px dotted #999999;
	

}

	.templateM6 .textBlock section:first-child{
    /* border-top: 1px dotted #999999;*/
	
    width: 100%;
}
	
	.templateM6 .textBlock section{
    overflow: hidden;
   /*  border-bottom: 1px dotted #999999;*/
	
    /*display: table-row;*/
    width: 100%;
	position:relative;
}
	
	.templateM6 .textBlock article{
    width: 49.4475138122%;
	float:left;
   /* display: table-cell;*/
}
	
			.templateM6 .textBlock h3 {
				font-weight: normal;
				text-transform:capitalize;
			}
		
/* end templateM6==================================================================*/

/* templateM7==================================================================*/
.templateM7{
	margin-top: 10px;
	overflow: hidden;
	position: relative;
}

.templateM7 article {
    width: 49.4475138122%;
    float: left;
	position: relative;
}

.templateM7 article+article+article {
	margin-top: 4px;
}

.templateM7 article:first-child {
width: 55.4%;
position: absolute;
z-index: 1;
}

.templateM7 article:nth-child(odd) {
	clear:both;
}

.templateM7 article:nth-child(even) {
    float: right;
}

.templateM7 article img {
	width:100%;
}					
/* end templateM7=============================================================================================*/

/*Search-Results-page===========================================================================================================*/
/* template Result==============================================================================================================*/
.templateM8 {
	margin: 10px 0 10px 0;
}
.templateM8 .horizontalList-results {
	margin-top: 5px;
}

	.templateM8 .horizontalList-results article {
		border-bottom: 1px dotted #999999;
	}
	.templateM8 .horizontalList-results article:first-child {
		border-bottom: 1px dotted #999999;
		border-top: 1px dotted #999999;
	}
	.templateM8 .horizontalList-results article:last-child {
		margin-bottom:10px;
	}
	.templateM8 .horizontalList-results h3 {
		padding-bottom: 0em;
	}
		.templateM8 .horizontalList-results h3 a {
			color: black;
		}
	.templateM8 .horizontalList-results p {
		padding-top: 0em;
	}
		.templateM8 .horizontalList-results p a {
			color: black;
		}
	.templateM8 .horizontalList-results .listingForSearch {
		background-color: #FFF;
		padding: 15px;
	}
	.templateM8 .horizontalList-results .listingForSearch:nth-child(even) {
		background-color: #f0f0f0
	}
	/*pagination*/
	.templateM8 .pagination:last-child {
		overflow: hidden;
		margin: 0;
	}
	.templateM8 .pagination .paginationWrapper {
		overflow: hidden;
		padding: 17px 0;
		font-family: 'Lucida Grande', 'Gisha', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Arial, Verdana, sans-serif;
		font-size: 0.875em;
		line-height: 1.7em;
	}
	.templateM8 .pagination .paginationWrapper>p {
		float: left;
		margin: 0 6px;
	}
	.templateM8 .pagination .paginationWrapper .rightPagination {
		float: right;
	}
	.templateM8 .pagination .paginationWrapper .rightPagination>span, .templateM8 .pagination .paginationWrapper .rightPagination p {
		float: left;
		margin: 0 6px;
		color: #797778;
	}
	.templateM8 .pagination .paginationWrapper .rightPagination .paginationPrev a {
		width: 24px;
		height: 24px;
		background: url(allsection/alllanguage/live-images/gallery-navigation-outer.gif) no-repeat 0;
		text-indent: -9999px;
		display: block;
	}
	.templateM8 .pagination .paginationWrapper .rightPagination .paginationNext a {
		width: 24px;
		height: 24px;
		background: url(allsection/alllanguage/live-images/gallery-navigation-outer.gif) no-repeat -24px 0px;
		text-indent: -9999px;
		display: block;
	}
	/*end pagination*/
/*end template Result==============================================================================================================*/

/*templateM12==================================================================*/
.templateM12 {
	width: 100%;
	overflow: hidden;
	font-family: 'texgyreadventor';
	margin: 20px 0 20px 0;
}
.templateM12 img {
	width: 100%; /*all images should stretch bigger than it should*/
}
.templateM12 h3 {/*general style for h3 within templateM2*/
	font-size: 1em;
	line-height: 1.3;
	padding: .5em .5em;
	font-weight: bold;
	text-transform: uppercase;
}
.templateM12 h3 a {
	color: white;
	display: block;
}
.templateM12 .imgBlock {
	overflow: hidden;
}
.templateM12 .imgBlock {
	display: table;
	table-layout: fixed; /*use this to avoid spacing bug, and u dont have to put width for the white space*/
	margin-top: 4px;
	width: 100%;
	background: white url('http://elle.my/templates/default/allsection/alllanguage/live-images/vertical-dotted-separator.gif') repeat-y 49.9% 0%;
}
.templateM12 .imgBlock>div {
	display: table-row;
}
.templateM12 .imgBlock>div>article {
	display: table-cell;
}
.templateM12 .imgBlock>div>article:nth-of-type(1),  .templateM6 .imgBlock>div>article:nth-of-type(3) {
	width: 49.4475138122%;
}
.templateM12 .textBlock {
	margin-top: 5px;
	border-top: 1px dotted #999999;
	/* display: table; */
	/* table-layout: fixed; */
	width: 100%;
	border-bottom: 1px dotted #999999;
}
.templateM12 .textBlock section:first-child {
	/* border-top: 1px dotted #999999;*/
	
	width: 100%;
}
.templateM12 .textBlock section {
	overflow: hidden;
	/*  border-bottom: 1px dotted #999999;*/
	
    /*display: table-row;*/
	width: 100%;
	position: relative;
}
.templateM12 .textBlock article {
	width: 100%;
	float: left;/* display: table-cell;*/
}
.templateM12 .textBlock h3 {
	font-weight: normal;
	text-transform: capitalize;
}


.templateM12 .imgBlock>div {
margin-top: 10px;
overflow: hidden;
}

.templateM12 .imgBlock>div article {
width: 49.4475138122%;
float: left;
position: relative;
}

.templateM12 .imgBlock>div article:nth-child(even) {
float: right;
}

.templateM12 .imgBlock>div article:nth-child(odd) {
clear: both;
}
/* end templateM12==================================================================*/

/*templateM13==================================================================*/
.templateM13 {
	width: 100%;
	overflow: hidden;
	font-family: 'texgyreadventor';
	margin-top: 10px;
}
.templateM13 img {
	width: 100%; /*all images should stretch bigger than it should*/
}
.templateM13 h2 {
text-transform: uppercase;
font-family: 'MYRIAD';
font-size: 1.9em;
font-weight: normal;
font-style: normal;
margin-top: 5px;
margin-left: 4px;
}

.templateM13 .imgBlock {
	overflow: hidden;
}
.templateM13 .imgBlock {
	display: table;
	table-layout: fixed; /*use this to avoid spacing bug, and u dont have to put width for the white space*/
	margin-top: 4px;
	width: 100%;
}
.templateM13 .imgBlock>div {
	display: table-row;
}
.templateM13 .imgBlock>div>article {
	display: table-cell;
}
.templateM13 .imgBlock>div>article:nth-of-type(1),  .templateM3 .imgBlock>div>article:nth-of-type(3) {
	width: 49.4475138122%;
}
.templateM13 .imgBlock>div.titleContainer>article:nth-of-type(1),  .templateM3 .imgBlock>div.titleContainer>article:nth-of-type(3) {
	background: #a6ce39;
}
.templateM13 .textBlock {
	width: 100%;
	border-bottom: 1px dotted #999999;
	background: white url('http://elle.my/templates/default/allsection/alllanguage/live-images/vertical-dotted-separator.gif') repeat-y 49.9% 0%;
}
.templateM13 .textBlock section:first-child {
	/* border-top: 1px dotted #999999;*/
	
	width: 100%;
}
.templateM13 .textBlock section {
	overflow: hidden;
	/*  border-bottom: 1px dotted #999999;*/
	
    /*display: table-row;*/
	width: 100%;
	position: relative;
}
.templateM13 .textBlock article {
	width: 49.4475138122%;
	float: left;/* display: table-cell;*/
}
.templateM13 .textBlock h3 {
	font-weight: normal;
	text-transform: capitalize;
}
.templateM13 .textBlock .horoscopeType{
	padding:.5em .5em;
}
.templateM13 .textBlock h3 a {
	font-size: 1em;
	line-height: 1.3;
	font-weight: bold;
	text-transform: uppercase;
	line-height:13px;
}

.templateM13 .textBlock .subscription a{
	font-size: 0.875em;
	font-style:italic;
}

.templateM13 .textBlock p{
	font-size: 1em;
}
/* end templateM13==================================================================*/


/*.templateM-yearHoroscrope=============================================================================================*/
.templateM-yearHoroscrope {
	overflow: hidden;
	margin:10px;
}
.templateM-yearHoroscrope h2 {
text-transform: uppercase;
font-family: 'AvantGardeGothicITCW01XLt';
font-size: 1.9em;
font-weight: normal;
font-style: normal;
margin-top: 5px;
margin-left: 4px;
text-align:center;
}
.templateM-yearHoroscrope p {
	font-size: 0.775em;
	font-style:italic; 
	margin-bottom: 10px;
}
.templateM-yearHoroscrope > section {
	width: 33.3333333333%;
	float: left;
	font-size: 1em;
	text-align: center;
}
.templateM-yearHoroscrope > section > span {
	display: block;
	margin: 5px 0;
}
/*end .templateM-yearHoroscrope=============================================================================================*/

/*.templateM-chineseZodiac=============================================================================================*/
.templateM-chineseZodiac {
	overflow: hidden;
	margin: 10px 0 10px 0;
}
.templateM-chineseZodiac h3 {
font-weight: bold;
font-size: 1.2em;
line-height: 1.2em;
text-transform: uppercase;
padding:10px;
}

.templateM-chineseZodiac h2 {
text-transform: uppercase;
font-family: 'AvantGardeGothicITCW01XLt';
font-size: 1.9em;
font-weight: normal;
font-style: normal;
margin: 10px;
text-align:center;
}
.templateM-chineseZodiac img{
	width:176px;
	display:inline-block;
}

.templateM-chineseZodiac > section {
	width: 33.3333333333%;
	float: left;
	font-size: 1em;
	text-align: center;
}
.templateM-chineseZodiac > section > span {
	display: block;
	margin: 5px;
}
/*end .templateM-chineseZodiac=============================================================================================*/


/*.templateM-mostPopolar=============================================================================================*/

.templateM-mostPopolar{
	width: 100%;
	overflow: hidden;
}

	.templateM-mostPopolar h2{
		font-family: 'AvantGardeGothicITCW01XLt';
		font-size: 2.1em;
		font-weight: normal;
		font-style: normal;
		
		margin-top: 5px;
		margin-left: 4px;
	}


		.templateM-mostPopolar>div>article {
			overflow: hidden;
			padding-bottom: 8px;
			padding-top: 8px;
			border-bottom: 1px dotted #999999; *;
		}
		
			.templateM-mostPopolar > div > article>a>div {
				float: left;
			}
			
			.templateM-mostPopolar > div > article>a> div:nth-child(1) {
				font-family: 'BodoniStdPosterELLE';  font-size: 3em;  font-weight: bold;  font-style: italic;  clear: both;
			
				width: 54px;
				height: 62px;
				line-height: 1.5;/*only for touch devices, need to specify again for web version*/
}
			
			.templateM-mostPopolar > div > article>a> div:nth-child(2) {
				/* margin-top: 7px; */
				margin-left: 10px;
				width: 75%;
			}
			
				.templateM-mostPopolar > div > article>a > div:nth-child(2) > h3 {
					text-transform: uppercase;
				}
/*end .templateM-mostPopolar=============================================================================================*/


/*templateM-littleBlackBook==================================================================*/
.templateM-littleBlackBook {
width: 100%;
overflow: hidden;
font-family: 'texgyreadventor';
margin-top: 10px;
}
.templateM-littleBlackBook h2 {
font-family: 'BodoniStdPosterELLE';
font-size: 2.1em;
font-weight: bold;
font-style: italic;
letter-spacing: -.04em;
}

.templateM-littleBlackBook img {
width: 100%;
}
/* end templateM-littleBlackBook==================================================================*/



/*.templateM-moreMoreMore=============================================================================================*/
.templateM-moreMoreMore {
	overflow: hidden;
	margin-top: 15px;
	border-top: 1px solid #686868;
}
.templateM-moreMoreMore > p {
	text-align: center;
	font-weight: bold;
	font-size: .95em;
	margin-top: 15px;
	margin-bottom: 10px;
}
.templateM-moreMoreMore > section {
	width: 25%;
	float: left;
	font-size: .95em;
	text-align: left;
}
.templateM-moreMoreMore > section > span {
	display: block;

	margin: 5px 0;
}
/*end .templateM-moreMoreMore=============================================================================================*/

/*.templateM-moreMoreMoreBlocks-latestPhotoGalleries=============================================================================================*/
/*
.templateM-moreMoreMoreBlocks-latestPhotoGalleries {
    width: 100%;
    overflow: hidden;
}
.templateM-moreMoreMoreBlocks-latestPhotoGalleries h2 {
    font-family: 'AvantGardeGothicITCW01XLt';  
    font-size: 2.1em;    font-weight: normal;  font-style: normal;
    margin-top: 5px;  margin-left: 4px;
}
	.templateM-moreMoreMoreBlocks-latestPhotoGalleries article {
    float: left;        position: relative;
    width: 49.25%;  margin-left: 1.5%;
}
	.templateM-moreMoreMoreBlocks-latestPhotoGalleries article h3 {}
		.templateM-moreMoreMoreBlocks-latestPhotoGalleries article h3 a {}
	.templateM-moreMoreMoreBlocks-latestPhotoGalleries article:nth-of-type(3n+1) {
    margin-left: 0;  clear: both;
}
	.templateM-moreMoreMoreBlocks-latestPhotoGalleries article:nth-of-type(2n+1) {
    margin-left: 0;  clear: none;
}

		.templateM-moreMoreMoreBlocks-latestPhotoGalleries article a img {
		width: 100%;
		}
		
*/
/*end .templateM-moreMoreMoreBlocks-latestPhotoGalleries=============================================================================================*/




/* .templateM-moreMoreMoreBlocks-latestPhotoGalleries==================================================================*/
.templateM-moreMoreMoreBlocks-latestPhotoGalleries {
width: 100%;
overflow: hidden;
/* background:#d7d7d7; */
font-family:'texgyreadventor';


margin-top: 10px;
padding-bottom: 10px;
}

.templateM-moreMoreMoreBlocks-latestPhotoGalleries img {
	width: 100%; /*all images should stretch bigger than it should*/
}

.templateM-moreMoreMoreBlocks-latestPhotoGalleries h2{
	font-family: 'AvantGardeGothicITCW01XLt';
	font-size: 1.8em;
	font-weight: normal;
	font-style: normal;
	
	margin-top: 5px;
	margin-left: 4px;
}

.templateM-moreMoreMoreBlocks-latestPhotoGalleries h3{/*general style for h3 within templateM2*/
	font-size:1em;
	line-height:1.3;
	padding: .5em .5em;
	font-weight:bold;
	text-transform:uppercase;
}

.templateM-moreMoreMoreBlocks-latestPhotoGalleries h3 a{
	color:white;
	display:block;
}


/*table layout ============================================================================================*/
.templateM-moreMoreMoreBlocks-latestPhotoGalleries .imgBlock{
	overflow:hidden;
}

.templateM-moreMoreMoreBlocks-latestPhotoGalleries .imgBlock{
	display:table;
	table-layout:fixed; /*use this to avoid spacing bug, and u dont have to put width for the white space*/
	
	margin-top:4px;
	width:100%;

}

.templateM-moreMoreMoreBlocks-latestPhotoGalleries .imgBlock:nth-of-type(1){
	margin-top:0;

}

	.templateM-moreMoreMoreBlocks-latestPhotoGalleries .imgBlock>div{
				display: table-row;
				
			}
			
				.templateM-moreMoreMoreBlocks-latestPhotoGalleries .imgBlock>div>article{
					display:table-cell;
				}
				
				.templateM-moreMoreMoreBlocks-latestPhotoGalleries .imgBlock>div>article:nth-of-type(1),
				.templateM-moreMoreMoreBlocks-latestPhotoGalleries .imgBlock>div>article:nth-of-type(3){
					width:49.4475138122%;
				}
				
	
				.templateM-moreMoreMoreBlocks-latestPhotoGalleries .imgBlock>div.titleContainer>article:nth-of-type(1),
				.templateM-moreMoreMoreBlocks-latestPhotoGalleries .imgBlock>div.titleContainer>article:nth-of-type(3){
					background:black;
				}
/*end table layout ============================================================================================*/
				
/* end .templateM-moreMoreMoreBlocks-latestPhotoGalleries=============================================================================================*/



/*.templateM-article=============================================================================================*/
.templateM-article {
    font-family: 'Lucida Grande','Gisha','Lucida Sans Unicode', 'Lucida Sans',Lucida,Arial,Verdana,sans-serif;
}

.templateM-article h2 {
color:#007071;
font-family: "MYRIADB", Arial, Verdana, Helvetica;
font-size: 2.0em;
font-weight: normal;
font-style: normal;
margin-top: 5px;
margin-left: 4px;
}

.templateM-article h3 {
    font-family: "MYRIADB", Arial, Verdana, Helvetica;  
    font-size: 1em;    
    font-weight: normal;
}
	.templateM-article h5 {  font-size: 0.75em;  font-weight: normal;  font-style: normal;  color: #686868;  margin: 20px 0;
}
		.templateM-article h5 a {}
	.templateM-article a {
    color: #686868;  text-decoration: none;  border-bottom: 1px dotted #999999;  margin: 0 3px;
}

.templateM-article a:hover {
    color: black;
}

	.templateM-article .horizontalSeparator {
    margin-bottom: 13px;
}

	.templateM-article.landscapeImage figure {
    width: 100%;  float: none;
}
	.templateM-article.portraitImage figure {}
		.templateM-article figure>img {
    width: 100%;
}
			.templateM-article figcaption {
    color: #686868;  font-size: 0.8125em;  margin: .4em 0; 
}
	
	.templateM-article section {
		font-size: 0.9em;
		}
	.templateM-article.landscapeImage section {
    min-height: 1px;
}
		.templateM-article section p {
			margin: 20px 0;
}




			.templateM-article .facebookComment p{
				text-transform: uppercase;
				font-size: 2.1em;
				margin: .4em 0 .3em 0;
				font-weight: normal;
				font-family: 'AvantGardeGothicITCW01XLt';
			
				margin-left: 4px;
}

/*end .templateM-article=============================================================================================*/

/*.templateM-gallery=============================================================================================*/
.templateM-gallery {
font-family: 'Lucida Grande','Gisha','Lucida Sans Unicode', 'Lucida Sans',Lucida,Arial,Verdana,sans-serif;
}

	.templateM-gallery h2 {
	font-family: 'MYRIADPROREGULAR';
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 1.6em;
	}
	
	.templateM-gallery h3 {
	font-family: 'MYRIADPROREGULAR';
	font-size: 1em;
	font-weight: bold;
	}
	
	.templateM-gallery h5 {
	font-size: 0.75em;
	font-weight: normal;
	font-style: normal;
	color: #686868;
	margin: 20px 0;
	}

	.templateM-gallery a {
	color: #686868;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	margin: 0 3px;
	}
	
	.templateM-gallery section {
	font-size: 0.875em;
	}

	.templateM-gallery section p {
	margin: 20px 0;
	}

	.templateM-gallery .outerNavigation {
		text-align: center;
		padding-bottom: 10px;
	}

	.templateM-gallery .facebookComment p {
		text-transform: uppercase;
		font-size: 2.1em;
		margin: .4em 0 .3em 0;
		font-weight: normal;
		font-family: 'AvantGardeGothicITCW01XLt';
		margin-left: 4px;
	}

	.templateM-gallery .horizontalSeparator {
	margin-bottom: 13px;
	}

	.templateM-gallery .gallerySliderWrapper {
	position: relative;
	background-image:url(allsection/alllanguage/loader.GIF);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#f5f5f5;
	}


		.templateM-gallery .gallerySliderWrapper .gallerySlider {
		max-width: 579px;
		/* height: 515px; */
		margin: 0 auto;
		overflow: hidden;
		}

			.templateM-gallery .gallerySliderWrapper .gallerySlider.loadSlides,
			.templateM-gallery .gallerySliderWrapper .gallerySlider.loadSlides .flex-caption {
			opacity: 0;/*hide the slider during loading stage*/
			}
		
			.templateM-gallery .gallerySliderWrapper .gallerySlider ol,
			.templateM-gallery .gallerySliderWrapper .gallerySlider ul {
			padding-left: 0em;
			}
			
				.templateM-gallery .gallerySlider li {
				padding-bottom: 0;
				list-style-type: none;
				}
		
					.templateM-gallery .gallerySliderWrapper .gallerySlider li img {
					margin: 0 auto;
					}
		
					.templateM-gallery .gallerySliderWrapper .gallerySlider .description {
					display: none;
					}
					
					.templateM-gallery .gallerySliderWrapper .gallerySlider .flex-caption {
					color: #afafaf;
					font-size: 0.75em;
					}
		
					.templateM-gallery .gallerySliderWrapper .gallerySlider .imageWrapper {
					/*padding: 0 10% 0 10%;*/
					}

					.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryLandscapeImage img {
					padding-top: 54px;/*for landscape image to center itself*/
					}
					
					.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryLandscapeImage p{
					max-width: 579px;
					margin: 0 auto;
					}


					.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryPortraitImage p{
					max-width: 329px;
					margin: 0 auto;
					}
					

					@media screen and (max-width:630px) {/*landscape max-width*/
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryLandscapeImage img {
						padding-top: 54px;
						width: 65%;
						}
						
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryLandscapeImage p{
						width: 65%;
						}
					
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryPortraitImage img{
						width: 40%;
						}
						
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryPortraitImage p{
						width: 40%;
						}
					
					}
					
					@media screen and (max-width:500px) {/*landscape max-width*/
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryLandscapeImage img {
						padding-top: 80px;
						width: 100%;
						}
						
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryLandscapeImage p{
						width: 100%;
						}

						
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryPortraitImage img{
						width: 70%;
						}
						
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryPortraitImage p{
						width: 70%;
						}
					}
					
					@media screen and (max-width:400px) {/*landscape max-width*/
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryLandscapeImage img {
						padding-top: 61px;
						width: 100%;
						}
						
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryLandscapeImage p{
						width: 100%;
						}


						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryPortraitImage img{
						width: 70%;
						}
						
						.templateM-gallery .gallerySliderWrapper .gallerySlider .galleryPortraitImage p{
						width: 70%;
						}
					}

/*flexslider controller*/

.templateM-gallery .flex-direction-nav{
	display:none;/*remove extra clone from desktop ver.*/
}

.templateM-gallery .flex-direction-nav+.flex-direction-nav{
	display:block;
}

	.templateM-gallery .flex-direction-nav a {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: alpha(opacity=100);
		overflow: visible;
	}
	
	.templateM-gallery .flex-direction-nav .flex-prev{
		top: -33px;
		left: -110px;
		right: 0;
		margin: 0 auto;
		width: 24px;
		height: 24px;
		background: url(allsection/alllanguage/gallery-navigation-outer.gif) no-repeat 0 0;
		border-bottom: none;
}


	.templateM-gallery .flex-direction-nav .flex-next{
		top: -33px;
		right: -110px;
		left: 0;
		margin: 0 auto;
		width: 24px;
		height: 24px;
		background: url(allsection/alllanguage/gallery-navigation-outer.gif) no-repeat -24px 0;
		border-bottom: none;
}
/*flexslider controller*/
/*end .templateM-gallery=============================================================================================*/

/*.templateM-glossary(static glossary) =============================================================================================*/
.templateM-glossary {}
	.templateM-glossary h2 {
    font-family: 'AvantGardeGothicITCW01XLt';      font-weight: normal;  font-style: normal;  letter-spacing: 0.05em;
    line-height: 1.4em;  
    font-size: 1.8em;
}


	.templateM-glossary .threeBookResp .threelittleBookSectionRes {
    margin-bottom: -5px;/*min-width:248px*/
    overflow: hidden;
    /* position: relative; */
    /* top: 35px; */
	}
	
	@media screen and (min-width:292px) {
		.templateM-glossary .threeBookResp .threelittleBookSectionRes {
		 margin-bottom: -10px;
		}
	}
	@media screen and (min-width:415px) {
		.templateM-glossary .threeBookResp .threelittleBookSectionRes {
		 margin-bottom: -15px;
		}
	}
	@media screen and (min-width:600px) {
		.templateM-glossary .threeBookResp .threelittleBookSectionRes {
		 margin-bottom: -20px;
		}
	}
	@media screen and (min-width:780px) {
		.templateM-glossary .threeBookResp .threelittleBookSectionRes {
		 margin-bottom: -25px;
		}
	}
	@media screen and (min-width:948px) {
		.templateM-glossary .threeBookResp .threelittleBookSectionRes {
		 margin-bottom: -35px;
		}
	}
	@media screen and (min-width:1297px) {
		.templateM-glossary .threeBookResp .threelittleBookSectionRes {
		 margin-bottom: -45px;
		}
	}
	@media screen and (min-width:1654px) {
		.templateM-glossary .threeBookResp .threelittleBookSectionRes {
		 margin-bottom: -65px;
		}
	}
	
	.templateM-glossary .threeBookResp .threelittleBookSectionRes+img {
    width: 100%;  position: relative;  z-index: 11;
}
		.templateM-glossary .threeBookResp .threelittleBookSectionRes>a {
		
		}
		
			.templateM-glossary .threeBookResp .threelittleBookSectionRes>a>img {
    			float: left;  position: relative;
			}
			
			.templateM-glossary .threeBookResp .threelittleBookSectionRes>a:nth-child(1)>img{
				width: 28%;
				margin-left: 5%;
				z-index: 10;
			}
			
			.templateM-glossary .threeBookResp .threelittleBookSectionRes>a:nth-child(2)>img{
				width: 35%;
				margin-left: -2%;
				z-index: 9;
			}

			.templateM-glossary .threeBookResp .threelittleBookSectionRes>a:nth-child(3)>img{
				width: 31%;
				margin-left: -2%;
				z-index: 8;
			}




.templateM-glossary .glossaryCategories {
    width: 95.5%;  margin: 0 auto;
}
	.templateM-glossary .glossaryCategories .categoriesWrapper {
    overflow: hidden;  background: none;  background-repeat: repeat-y;  background-position: 33.333333%,66.666666%;  margin-top: 14px;
}
		.templateM-glossary .glossaryCategories .categoriesWrapper .categories {
    width: 100%;  float: left;
}
			.templateM-glossary .glossaryCategories .categoriesWrapper .categories .ListTitle {
    border-bottom: solid 5px rgba(0,0,0,1);  overflow: hidden;
    margin-bottom: 14px;  background: #FFFFFF;  font-size: .6em;
}
			.templateM-glossary .glossaryCategories .categoriesWrapper .categories .subCategories {
    padding-right: 1.4em;
}
				.templateM-glossary .glossaryCategories .categoriesWrapper .categories .ListTitle>div {
    overflow: hidden;  float: left;  width: 30%;  margin-top: 22px;  font-size: .8em;
}
				.templateM-glossary .glossaryCategories .categoriesWrapper .categories .ListTitle>div:nth-child(1) {
					width: 40%;  font-size: 1.6em;  margin-top: 0;
				}
				
				
				
				.templateM-glossary .glossaryCategories .categoriesWrapper .categories .ListTitle>a {}
					.templateM-glossary .glossaryCategories .categoriesWrapper .categories .ListTitle>div>a {}
						.templateM-glossary .glossaryCategories .categoriesWrapper .categories .ListTitle>div>a>span {
    width: 100%;  text-align: center;  float: left;  
    font-size: 2.3em;  color: #01abf8;  line-height: 1.7em;
}

			.templateM-glossary .glossaryCategories .categoriesWrapper .categories .subCategories li {
    list-style-type: none;  
    font-size: 0.8em;  padding-bottom: .4em;
}
				.templateM-glossary .glossaryCategories .categoriesWrapper .categories .subCategories li a {}

.templateM-glossary .glossaryCategories .ContainerForGlossary {}
	.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails {
    overflow: hidden;
}
		.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails .subcategoriesTitle {
    background-color: #01abf8;  width: 60px;  height: 60px;  
    border-radius: 50%;
}
		
		.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails .subcategoriesTitle h1 {
    position: relative;  
    font-size: 2.3em;  top: 18px;  color: rgba(255,255,255,1);  text-align: center;  font-weight: normal;
		
    line-height: .6;
}
		
		.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails .lineSeperator {
    margin: 1.5% 0 1.5% 0;  width: 100%;  height: 5px;  background-image: url('allsection/alllanguage/live-images/glossary/line.png');
}

.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails .glossaryContainerDetail {
    overflow: hidden;
}
	.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails .glossaryContainerDetail h6 {
    font-weight: bold;  
    font-size: .9em;  float: left;
}
		.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails .glossaryContainerDetail .scrollToTop {
    font-size: .75em;  float: left;  position: relative;  
    left: 10px;
    top: 3px;
}
			.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails .glossaryContainerDetail .scrollToTop a {
    color: #01abf8;
}

.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails .infoText {
    font-size: 0.7em;    margin: 1% 0 3% 0;  color: #797979;
}
	.templateM-glossary .glossaryCategories .ContainerForGlossary .sectionDetails .infoText .locationName {
    color: rgba(0,0,0,1);  text-transform: uppercase;
}

/*end .templateM-glossary(static glossary) =============================================================================================*/


/*template-myElleClub================================================*/
.templateM-myElleClub {
	width: 100%;
	overflow: hidden;
	font-family: 'texgyreadventor';
}

.templateM-myElleClub>p {
	font-size: 1.125em;
	font-family: 'Lucida Grande', 'Gisha', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Arial, Verdana, sans-serif;
	line-height: 1.3em;
	margin-bottom: 25px;
	background: #edecec;
	padding: 0.938em;
}

.templateM-myElleClub h2 {
	text-transform: uppercase;
	font-family: 'AvantGardeGothicITCW01XLt';
	font-size: 2.1em;
	font-weight: normal;
	font-style: normal;
	margin: 5px 0 15px 4px;
}
.templateM-myElleClub .forMoreInfo {
	font-size: 1.125em;
	font-family: 'Lucida Grande', 'Gisha', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Arial, Verdana, sans-serif;
	line-height: 1.3em;
	margin-bottom: 25px;
	padding: 0.938em;
	text-align: center;
	background: none;
}

/*end template-myElleClub================================================*/










/*custom dropdown================================*/
.dropDownContainer {
	position: relative;
	margin-bottom: 7px;
	font-size: .8em;
}
.dropDownContainer a {
	text-decoration: none;
	color: black;
	background: white;
	display: block;/*display block list so that the links take up the entire space*/
	text-indent: 1em;
	padding: .2em 0;
}
.dropDownContainer a:hover {/*when drop down and hover over each link*/
	text-decoration: none;
	color: black;
	background: #edecec;
	cursor: pointer;
}
.dropDownContainer .dButton {/*the styling for the body itself*/
	width: 38px;
	height: 35px;
	background: url(allsection/alllanguage/live-images/dropdown_button.jpg);
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.dropDownContainer ul.customDropDownList {
	list-style-type: none;
	/* width:180px; add this if you want the drop down to have its own width*/
	height: 19px;/*visible area width*/
	overflow: hidden;/*show after click button*/
	display: none;
	z-index: 3;
	border: 1px solid #7f9db9;
}
.dropDownContainer ul.customDropDownList a {
	text-decoration: none;
}
.dropDownContainer ul li {
	display: block;
	list-style-type: none;
	padding-bottom: 0em;
}
.dropDownContainer ul.clickButtonReveal {
	overflow: auto;/*create scrollbar when exceed this height 140px*/
	height: 100px;
	display: block;/*to make it from inline to block when added class*/
	padding-left: 0;
	position: absolute;
	left: 0;
	width: 99.4%;
	background: white;
}
.dropDownContainer .yourCurrentSelection {
	padding-right: 4em;
	height: 35px;
	background-color: #edecec;
	text-indent: 1em;
	line-height: 2.9em;
	overflow: hidden;
}
/*end custom dropdown================================*/
	
  /*overwrite default custom dropdown======================================*/
.allContactForm .dropDownContainer {
	margin-bottom: 0;
	font-size: 1em;
}
.allContactForm .dropDownContainer .dButton {
	height: 39px;
}
.allContactForm .dropDownContainer .yourCurrentSelection {
	padding: 9px 15px;
	height: auto;
	text-indent: 0;
	line-height: 1.5em;
}
/*end overwrite default custom dropdown=================================*/
	
	/*sign in form (no success page)==============================================================*/
/*end sign in form (no success page)==============================================================*/

/*sign up form (include success page)==============================================================*/
.allContactForm#signUp .btnWrapper {
	margin-right: 0;
}
.allContactForm#signUp-ThankYou+hr {
	margin-bottom: 10px;
	margin-top: 20px;
}
/*end sign up form (include success page)==============================================================*/


/*password reset form (include success page)==============================================================*/
.allContactForm#passwordReset .btnWrapper {
	margin: 0;
}
.allContactForm#passwordReset+hr {
	margin-bottom: 10px;
	margin-top: 20px;
}
.allContactForm#passwordReset-Success+hr {
	margin-bottom: 10px;
	margin-top: 20px;
}
/*end password reset form (include success page)==============================================================*/


/*new password reset form (include success page)==============================================================*/
.allContactForm#newPassword .btnWrapper {
	margin-right: 25px;
}
.allContactForm#newPassword+hr {
	margin-bottom: 10px;
	margin-top: 20px;
}
.allContactForm#newPassword-Success+hr {
	margin-bottom: 10px;
	margin-top: 20px;
}
.allContactForm#newPassword fieldset .signtable>div>div:first-child {
	width: 125px;
}
.allContactForm#newPassword fieldset .signtable>div:last-child>div:first-child {
	vertical-align: top;
}
/*end new password reset form (include success page)==============================================================*/





/*.green-pointer=============================================================================================*/

.greenPointer {	
	background-image:url('http://www.serviceofficesmalaysia.com/templates/default/allsection/alllanguage/green-pointer.jpg'); 
	background-repeat:no-repeat; 
	width:27px; 
	height:43px; 
	font-size:12px; 
	color:#FFF; 
	font-weight:bold; 
	margin-left:2px; 
	margin-right:5px; 
	text-align:center; 
	background-position:left top; 
	padding-top:7px;
	float:left;
}

/*.end green-pointer=============================================================================================*/



/*footer============================================================================================================*/
footer {
font-family:'MYRIAD';
padding-bottom: 20px;
padding-top: 10px;
line-height: 1.8;
}

	footer hr.menuRule {
	color: #686868;
	background: #686868;
	}
	
	nav.footerNav {
	text-align: center;
	padding: 15px 0 5px 0;
	font-size: .75em;
	}
	
	footer .copyrightText {
		text-align: center;
		display: block;
		margin-bottom: 15px;
	}
	
	
	footer .templateM-switchToDesktop{
	background:#efefef;
}
footer .templateM-switchToDesktop a p{
	text-align:center;
	padding-bottom:.625em;
}
footer .templateM-switchToDesktop a .switchLink p{
	font-size:.95em;
}
/*end footer=================================================================================================================*/