/* General HTML elements */
body {
    font: 62.5% Arial, Helvetica, sans-serif;
    background: #fff;
    margin: 0px;
    padding: 0px;
	color: #4d4d4d;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
form, 
dl,
dl dt,
dl dd,
blockquote {
    margin: 0;
    padding: 0;
}
ul,
ul li {
    list-style: none;
	margin: 0;
    padding: 0;
}
img {
    border: none;
}
a:link,
a:visited{
    text-decoration: none;
    outline: none;
	color: #DA320F;
}
a:hover{
    text-decoration: none;
	color: #DA320F;
}
fieldset {
    border: none;
    background: none;
    margin: 0px;
    padding: 0px;
}
fieldset legend {
    display: none;
}
input,
select,
textarea {
    font: 62.5% Arial, Helvetica, sans-serif;
}
/* for modern browser */
input[type="image"],
input[type="submit"] {
    outline: none;
}
/* input[checkbox] & input[radio] */
input {
    vertical-align: baseline;
    margin: -1px -2px;
}
/* Firefox */
html>/**/body input {
    vertical-align: text-bottom;
    margin: 0px;
}
.Wrapper {
    overflow: visible;
    height: 1%;
}
html>body .Wrapper {
    overflow: hidden;
    height: auto;
}
object,
embed {
    outline: none;
}
.ClearItems {
	clear: both;
	display: block; /* Mac */
}/*-------common css------*/

.Error{
	color: #ff0000;
}
#container{
	background: #fbfbfb url(../images/bg-container.gif) 0 0 repeat-x;
}
	/*header*/
	#header{
		width: 978px;
		padding: 21px 0 0 0;
		margin: 0 auto;
		background: #DA320F;
	}
		#header h1{
			float: right;
			padding: 34px 112px 0 0;
			margin-right: 62px;
			height: 70px;
			font-size: 2.8em;
			color: #fff;
			text-transform: uppercase;
			background: url(../images/logo-heartburn.gif) no-repeat;
		}
			#header h1 a:link, #header h1 a:visited {
				text-decoration: none;
				color: #fff;
			}
		#header .SearchBlock{
			float: left;
			position: relative;
			padding: 34px 0 21px 30px;
		}
		#header .SearchBlock input{
			float: left;
			font-size: 1.1em;
			width: 189px;
			height: 17px;
			padding: 2px 7px 0 7px;
			border: none;
			border-bottom: #9e9e9e solid 1px;
			border-right: #9e9e9e solid 1px;
		}
		#header .SearchBlock input.Button{
			width: 16px;
			height: 16px;
			border: none;
			padding: 0;
			margin: 2px 0 0 10px;
		}
		.SearchBlock a.BacktoHome:link, a.BacktoHome:visited	{
			background: url(../images/ico_home.jpg) no-repeat;
			width: 23px;
			height: 22px;
			position: absolute;
			left: 29px;
			top: 68px;
			overflow: hidden;
			text-indent: -99999px;
		 }
		ul#menu {
			width: 978px;
			background: url(../images/bg-main-nav.gif) 0 0 no-repeat;
		}
			ul#menu li {
				text-align: left;
				float: left;
				background: url(../images/bg-main-nav-item.gif) 0 0 no-repeat;
			}
			ul#menu li.First{
				background: none;
			}
			ul#menu li a:link,
			ul#menu li a:visited {
				display: block; 
				height: 52px;
			}
			ul#menu span{
				display: none;
			}
			ul#menu li.aboutheartburn a:link,
			ul#menu li.aboutheartburn a:visited{
				width: 227px;
				background: url(../images/nav-about-heart-burn-gord.gif) center top no-repeat;
			}
			ul#menu li.aboutheartburn a:hover,
			ul#menu li.aboutheartburn a.Active{
				background-position: center bottom !important;
			}
			ul#menu li.personalreview a:link,
			ul#menu li.personalreview a:visited{
				width: 208px;
				background: url(../images/nav-personal-reflux-review.gif) center top no-repeat;
			}
			ul#menu li.personalreview a:hover,
			ul#menu li.personalreview a.Active{
				background-position: center bottom !important;
			}
			ul#menu li.sortfact a:link,
			ul#menu li.sortfact a:visited{
				width: 204px;
				background: url(../images/nav-sort-fact-from-fiction.gif) center top no-repeat;
			}
			ul#menu li.sortfact a:hover,
			ul#menu li.sortfact a.Active{
				background-position: center bottom !important;
			}
			ul#menu li.managingburn a:link,
			ul#menu li.managingburn a:visited{
				width: 185px;
				background: url(../images/nav-managing-the-burn.gif) center top no-repeat;
			}
			ul#menu li.managingburn a:hover,
			ul#menu li.managingburn a.Active{
				background-position: center bottom !important;
			}
			ul#menu li.burnbusters a:link,
			ul#menu li.burnbusters a:visited{
				width: 150px;
				background: url(../images/nav-burn-busters.gif) center top no-repeat;
			}
			ul#menu li.burnbusters a:hover,
			ul#menu li.burnbusters a.Active{
				background-position: center bottom !important;
			}
			ul#menu li ul li.First{
				border: none;
			}
		.BurningFact{
			background:  url(../images/bg-burning-fact-top.gif) left top no-repeat;
			width: 978px;
			overflow: hidden;
			padding: 6px 0 0 0;
			clear: left;
		}
			.BurningFactWrap{
				background: #fff url(../images/bg-burning-fact-bottom.gif) left bottom no-repeat;
				padding: 9px 29px 27px 29px;
			}
			.BurningFactWrap #banners{
				z-index: 1;
			}
			.BurningFactWrap p.Title{
				color: #9d8a7d;
				font-size: 1.3em;
				font-weight: bold;
				padding: 0;
			}
			.BurningFactWrap .Title span{
				float: left;				
			}
			.BurningFactWrap .Title span.FactTitle{
				color: #da320f;
				font-size: 1.308em;
				font-weight: bold;
				text-transform: uppercase;
				width: 145px;
			}
		 	.BurningFactWrap p{
				color: #9d8a7d;
				font-size: 1em;
				line-height: 1.3em;
				padding: 0 0 0 145px;
				clear: left;
			}
			.BurningFactWrap p sup{
				font-size: 0.7em;
			}
	/*content*/
	#content{
		width: 978px;
		overflow: hidden;
		margin: 0 auto;
		padding: 0;
		background: #fbfbfb url(../images/bg-container.gif) left -217px repeat-x;
	}
		.ContentBlock01{
			width: 978px;
			overflow: hidden;
			background: url(../images/bg-content-block01-top.png) left top no-repeat;
			padding: 12px 0 0 0;
			margin: 4px 0 0 0;
		}
		.ContentBlockWrap{
			width: 921px;
			overflow: hidden;
			background: url(../images/bg-content-block01-bottom.png) left bottom no-repeat;
			padding: 14px 30px 32px 27px;
		}
		.BlockStyle01{
			float: left;
			width: 530px;
			overflow: hidden;
			background: url(../images/bg-block-style-01-top.gif) left top no-repeat;
			padding: 9px 0 0 0;
		}
			.BlockStyle01Wrap,
			.BlockStyle02Wrap{
				background: url(../images/bg-block-style-01-bottom.gif) left bottom no-repeat;
				padding: 10px 0 31px 25px;
				
			}
			.AltBlockWrap {
				height: 409px;
			}
			.Column3 .FixHeightBlock {
				min-height: 430px;
				height: auto !important;
				height: 432px;
			}
			.BlockStyleExtra01Wrap {
				padding-bottom: 9px;
			}
				.BlockStyleExtra01Wrap h3 {
					padding-bottom: 0 !important;
				}
			.BlockStyle01 h3{
				width: 480px;	/*h added*/
				color: #24160f;
				font-size: 1.5em;
				font-weight: bold;
				text-transform: uppercase;
				padding: 12px 0 4px 0;
			}
			.BlockStyle01 p{
				font-size: 1.2em;
				padding: 0;
			}
		.RefluxReview{
			margin: 0 0 0 23px;
			float: left;
			width: 309px;
			height: 395px;
			color: #fff;
			padding: 29px;
			background: url(../images/img-reflux-review.jpg) no-repeat;
		}
			.RefluxReview .TextInner {
				font-size: 2em;
				font-weight: bolder;
				padding-bottom: 155px;
			}
				.RefluxReview .TextInner .cufon {
					padding-bottom: 5px;
				}
			.RefluxReview .TextInner2 {
				padding: 0 0 0 90px;
			}
				.RefluxReview .TextInner2 p {
					font-size: 1.6em;
					padding-bottom: 14px;
				}
				.RefluxReview .TextInner2 .cufon {
					padding-bottom: 3px;
				}
					.RefluxReview .TextInner2 a.FuntionLinkExtra3 {
						background: url(../images/btn-review.gif) no-repeat;
						width: 199px;
						height: 51px;
						display: block;
						font-weight: bolder;
						position: relative;
						text-transform: uppercase;
						padding: 17px 0px 0 21px;
					}
					.RefluxReview .TextInner2 a.FuntionLinkExtra3 span{
						color: #000;
					}
					.RefluxReview .TextInner2 a.FuntionLinkExtra3 .cufon {
						padding-bottom: 0px;
					}
					.RefluxReview .LinkTextStyle {
						font-size: 1.6em;
						word-spacing: -1px;
					}
					.RefluxReview .LinkTextStyle2 {
						font-size: 2.3em;
					}
					.RefluxReview .FuntionLinkBtn {
						position: absolute;
						right: 20px;
						top: 33px;
						z-index: 1000;
					}
		.BlockStyle02{
			float: left;
			width: 920px;
			overflow: hidden;
			background: url(../images/bg-block-style-02-top.gif) left top no-repeat;
			padding: 9px 0 0 0;
		}
			.BlockStyle02Wrap{
				width: 900px;
				overflow: hidden;
				background: #e7d8d1 url(../images/bg-block-style-02-bottom.gif) left bottom no-repeat;
				padding: 0px 0 0 20px
			}
			.BlockStyle02 .Content{
				width: 200px;
				height: 226px;
				float: left;
				padding: 12px 20px 0 0;
				position: relative;
				background:  none;
			}
				.BlockStyle02 .Content .Thumb{
					padding: 0 0 16px 0;
				}
				.BlockStyle02 .Content h3{
					color: #24160f;
					font-size: 1.3em;
					font-weight: bold;
					text-transform: uppercase;
					padding: 0 0 5px 0;
				}
				.BlockStyle02 .Content p{
					font-size: 1.2em;
					padding: 0 0 5px 0;
				}
				.BlockStyle02 .Content p.LinkStyle,
				.BlockStyle02 .Content p.LinkStyle01,
				.BlockStyle02 .Content p.LinkStyle02{
					width: 150px;
					background: url(../images/btn-01.gif) right 4px no-repeat;
					padding: 4px 23px 3px 0;
					position: absolute;
					left: 0;
					bottom: 12px;
					z-index: 1;
				}
				.BlockStyle02 .Content p.LinkStyle{
					width: 150px;
					display: block;
					height: 13px;
				}
				.BlockStyle02 .Content p.LinkStyle01{
					width: 165px;
					display: block;
					height: 13px;
				}
				.BlockStyle02 .Content p.LinkStyle02{
					width: 195px;
				}
				.BlockStyle02 .Content p.LinkStyle a:link,
				.BlockStyle02 .Content p.LinkStyle a:visited
				{
					display: block;
					width: 175px;
					height: 14px;
					color: #da320f;
					font-weight: bold;
					white-space: nowrap;
				}
				.BlockStyle02 .Content p.LinkStyle01 a:link,
				.BlockStyle02 .Content p.LinkStyle01 a:visited{
					display: block;
					width: 190px;
					height: 14px;
					color: #da320f;
					font-weight: bold;
					white-space: nowrap;
					display: block;
					/*width: 190px;*/
				}
				.BlockStyle02 .Content p.LinkStyle02 a:link,
				.BlockStyle02 .Content p.LinkStyle02 a:visited{
					display: block;
					width: 220px;
					height: 14px;
					color: #da320f;
					font-weight: bold;
					white-space: nowrap;
					display: block;
					/*width: 220px;*/
				}
				.BlockStyle02 .Content p.LinkStyle a:hover,
				.BlockStyle02 .Content p.LinkStyle01 a:hover,
				.BlockStyle02 .Content p.LinkStyle02 a:hover{
					text-decoration: underline;
				}
				
			.ContentBlock02Wrap .BlockStyle01 {
				margin: 27px 0 32px 0;
			}
			/*LinkStyle for ContentBlock02*/
			.ContentBlock02 p.LinkStyle{
				width: 150px;
				background: url(../images/btn-01.gif) right 4px no-repeat;
				padding: 4px 23px 5px 0;
			}
			.ContentBlock02 p.LinkStyle a:link,
			.ContentBlock02 p.LinkStyle a:visited{
				color: #da320f;
				font-weight: bold;
				display: block;
				width: 103px;
			}
			.ContentBlock02 p.LinkStyle2 a:link,
			.ContentBlock02 p.LinkStyle2 a:visited{
				color: #da320f;
				font-weight: bold;
				display: block;
				width: 176px;
			}			
			.ContentBlock02 p.LinkStyle3 a:link,
			.ContentBlock02 p.LinkStyle3 a:visited
			{
				color: #da320f;
				font-weight: bold;
				display: block;
				width: 113px;
			}
			.ContentBlock02 p.LinkStyle4 a:link,
			.ContentBlock02 p.LinkStyle4 a:visited{
				color: #da320f;
				font-weight: bold;
				display: block;
				width: 87px;
			}
			.ContentBlock02 p.LinkStyle a:hover,
			.ContentBlock02 p.LinkStyle2 a:hover,
			.ContentBlock02 p.LinkStyle3 a:hover,
			.ContentBlock02 p.LinkStyle4 a:hover{
				text-decoration: underline;
			}
			/*end LinkStyle*/
		.AboutHeartBurnBlock{
			width:939px;
			overflow:hidden;
			padding:0 0 0 19px;
		}	
			.WhatHeartBurnWrap{
				float: right;
				width: 380px;
				height: 454px;
				overflow: hidden;
				padding: 27px 0 0 0 !important;
				margin: 0 0 17px 0!important;
				position: relative;
			}
				.WhatHeartBurn {
					position: absolute;
					left: 0;
					top: 0;
					z-index: 2;
				}
				.WhatHeartBurnWrap h3{
					font-size: 1.5em;
					font-weight: bold;
					color: #da320f;
					text-transform: uppercase;
					padding: 20px 0 16px 0;
				}
				.WhatHeartBurnWrap p{
					font-size: 1.2em;
					width: 228px;
					padding: 0 0 5px 0;
				}
				.ContentBlock02 .WhatHeartBurnWrap p.LinkStyle{
					width: 66px;
					margin: 0;
					padding: 4px 23px 5px 0;
				}
				.WhatHeartBurnWrap .Thumb{
					position: absolute;
					right: 0;
					bottom: 0;
					z-index: 1;
				}
			.BlockStyle03{
				width: 200px;
				height: 230px;
				float: left;
				padding: 0 19px 0 19px;
				background: url(../images/bg-block-style03.jpg) left top no-repeat;
			}
				.FirstItem{
					background: none;
					padding: 2px 19px 16px 0;
				}
				.BlockStyle03 h3{
					font-size: 1.5em;
					font-weight: bold;
					color: #da320f;
					text-transform: uppercase;
					padding: 15px 0 5px 0;
				}
				.ContentBlock02  .BlockStyle03 p{
					font-size: 1.2em;
					line-height: 1.3em;
					padding: 0 0 5px 0;
				}
				.ContentBlock02  .BlockStyle03 p.LinkStyle{
					width: 80px;
					padding: 4px 23px 5px 0;
					margin: 6px 0 0 0;
				}
				.ContentBlock02  .BlockStyle03 p.LinkStyle2{
					width: 176px;
					background: url(../images/btn-01.gif) right 4px no-repeat;
					padding: 4px 0px 5px 0;
					margin: 6px 0 0 0;
				}
				.ContentBlock02  .BlockStyle03 p.LinkStyle3{
					width: 113px;
					background: url(../images/btn-01.gif) right 4px no-repeat;
					padding: 4px 0px 5px 0;
					margin: 6px 0 0 0;
				}
				.ContentBlock02  .BlockStyle03 p.LinkStyle4{
					width: 87px;
					background: url(../images/btn-01.gif) right 4px no-repeat;
					padding: 4px 0px 5px 0;
					margin: 6px 0 0 0;
				}
				.BlockStyle03 .Content01{
					background: #f5efed url(../images/bg-content01-top.gif) left top no-repeat;
					width: 200px;
					xheight: 186px;
				}
					.BlockStyle03 .Content01Wrap{
						width: 164px;
						height: 169px;
						background: url(../images/bg-content01-bottom.gif) left bottom no-repeat;
						padding: 17px 10px 0 19px;
					}
					.BlockStyle03 .Content01 h3{
						font-size: 1.5em;
						font-weight: bold;
						color: #24160f;
						text-transform: uppercase;
						padding: 0 0 5px 0;
					}
				.BlockStyle03 .Content02{
					height: 186px;
				}
				
		.PolicyBlock01{
			width: 978px;
			margin: 0 auto;
		}
			.PolicyBlock01 p{
				color: #b8b8b8;
				font-size: 1em;
				width: 650px;
				padding: 13px 0 26px 90px;
			}
		
		.Wrapper {
    overflow: visible;
    height: 1%;
}
html>body .Wrapper {
    overflow: hidden;
    height: auto;
}
.ContentBlock02 {
	width: 978px;
	padding: 13px 0 0 0;
	position: relative;
}
	.ContentBlock02Wrap {
		width: 959px;		
		padding: 0 7px 10px 10px;
		background: url(../images/bg-content-block01-bottom.png) left bottom no-repeat;
	}
	/* add by binh.tran */
	.ContentBlock02WrapFic {
		/*width: 959px;*/
		width: 970px;
		padding: 0 7px 10px 10px;
		background: url(../images/bg-content-block01-bottom.png) left bottom no-repeat;
	}
	/* end */
	.ContentBlock02 .Content {
		padding: 0px 14px 0px 0px;		
		margin: 16px 20px 15px 19px;
		border-bottom: 1px solid #e7e7e7;
		background: none !important;
	}
	.ContentBlock02 .ContentExtra {
		border: none;
		padding: 0 0 14px 0;
	}
	.ContentBlock02 .ContentExtra2 {
		border: none;
		margin-bottom: 0;
		padding-bottom: 0;
		overflow: hidden;
	}
	.ContentBlock02 .ContentExtra3,
	.ContentBlock02 .ContentExtra4 {
		border: none;
		margin: 0;
		padding: 16px 0 15px 19px;
		overflow: hidden;
	}
	.ContentBlock02 .ContentExtra4{
		padding: 27px 0 15px 19px;
	}
		.ContentBlock02 .ContentExtraWrapper {
			width: 650px;
			padding-bottom: 57px;
			margin: 16px 27px 0 61px;
		}
			.ContentBlock02 .ContentSub {
				border-bottom: 1px solid #e7e7e7;
				padding-bottom: 14px;
				margin-bottom: 15px;
			}
			.ContentBlock02 .ContentSub h3 {
				font-size:  2.5em;
				color: #e13611;
				font-weight: normal;
				padding: 0 0 20px 0;
			}
			.ContentBlock02 .Content .ContentSub p {
				padding-bottom: 25px;
			}
			.ContentBlock02 .ContentExtraWrapper a:link, .ContentBlock02 .ContentExtraWrapper a:visited {
				color: #da320f;
				text-decoration: underline;
			}
			.ContentBlock02 .ContentExtraWrapper a:hover {
				text-decoration: none;
			}
			.ImageContentExtra {
				position: absolute;
				right: 8px;
				bottom: 9px;
			}
		.BoxTheme1 .BoxContentTheme1 p,  
		.ContentBlock02 .Content p {
			font-size: 1.2em;
			color: #4d4d4d;
			line-height: 16px;
			padding-bottom: 10px;
		}
		.ContentBlock02  h2 {
			font-size: 1.6em;
			width: 940px;
			height: 26px;
			color: #fff;
			padding: 14px 0 0 19px;
			text-transform: uppercase;
			background: url(../images/bg-block-title.jpg) left top no-repeat;
		}
		.ContentBlock02  h3.StyleTitle {
			font-size: 2.4em;
			font-weight: normal;
			height: 35px;
			width: 939px;
			color: #fff;
			padding: 5px 0 0 21px;
			text-transform: uppercase;
			background: url(../images/bg-block-title.jpg) left top no-repeat;
		}
		ul.TitleBlock {
			font-size: 1em;
			padding-bottom: 28px;
			overflow: hidden;
			width: 100%;
		}
		ul.TitleBlockExtra {
			padding-bottom: 20px;
		}
		ul.TitleBlockExtra01 {
			padding-bottom: 9px;
		}
			ul.TitleBlock li {
				display: inline;
			}
			ul.TitleBlock li a:link, ul.TitleBlock li a:visited {
				color: #4d4d4d;
				text-decoration: none;
			}
			ul.TitleBlock li a:hover {
				text-decoration: underline;
			}
			ul.TitleBlock li span {
				color: #da320f;
			}
			ul.TitleBlock li span.SpecialStyle {
				font-size: 1.1em;
			}
	.FuntionLink {
		float: right;
		text-align: right;
		padding-right: 20px;
		margin-bottom: 30px;
	}
	.FuntionLinkExtra {
		margin-bottom: 0;
	}
	.FuntionLinkExtra2 {
		margin-bottom: 0;
		padding-right: 0;
	}
	.FuntionLinkElement {
		float: right;
	}
	.LineLink {
		margin: -1px 13px 0 13px;
		border-left: 1px solid #e7e7e7; 
		height: 34px;
		float: right;
	}
	.HotThinkBlock{
		width: 100%;
		overflow: hidden;
	}
	.HotThinkBlock p{
		float: left;
		padding: 13px 20px 0 0;
	}
	.HotThinkBlock p.HotThink{
		background: url(../images/icon-fire.jpg) no-repeat left top;
		padding: 10px 0 2px 22px;
		margin: 0;
		float: left;
	}
	.HotThink a:link,
	.HotThink a:visited{
		color: #da320f;
		text-decoration: underline;
		font-weight: bold;
	}
	.HotThink a:hover{
		text-decoration: none;
	}
	.HotThink span{
		padding: 0 0 0 8px;
	}
.Column1 {
	 width: 648px;
	 float: left;
	 padding: 9px 0 0 0;
	}
	 .Column1Wrapper {
	 	width: 596px;
		  padding: 17px 26px 30px 26px;
		  background: url(../images/bg-block-style-03-bottom.png) left bottom  no-repeat;
	 }
	.Column1 h2 {
  		font-size: 1.6em;
	  height: 26px;
	  color: #fff;
	  padding: 14px 0 0 21px;
	  margin: 0 0 0 5px;
	  text-transform: uppercase;
	  background: url(../images/bg-block-title-2.png) left top no-repeat;
	 }
	.Module {
		width: 100%;
		overflow: hidden;
		color: #656565;
		margin-bottom: 15px;
		padding: 6px 0 14px 0;
		line-height: 16px;
		border-bottom: 1px solid #e7e7e7;
	}
	.BoxTheme1 .Module {
		border-bottom: none;
		margin-bottom:0;/*t add new more*/
		padding-bottom:0;/*t add new more*/
	}
	.Column1 .Column1Wrapper .Last{
		border: none;
		padding: 6px 0 0 0;
		margin-bottom: 0;
	}
	.Module h3 {
		color: #da320f;
		font-size: 15px;
		padding-bottom: 3px;
		text-transform: uppercase;
	}
	.Module sup {
		font-size: 7px;
	}
	.Module p {
		font-size: 1.2em;
		padding-bottom: 15px;
	}
		.Module p a {
			color:  #da320f;
			text-decoration: underline;
		}
		.Module p a:hover {
			text-decoration: none;
		}
	.Module p.Caption {
		font-size: 1em;
		line-height: 12px;
	}	
	.Module .Thumb {
		float: right;
		width: 278px;
		padding: 4px 0 0 22px;
	}
	.BoxTheme1  .Module .Thumb {
		width: auto;
	}	
	.Module .ContentModule {
		float: left;
		width: 285px;
	}
	.BoxTheme1 .Module .ContentModule {
		float: none;
		width: auto;
	}
	.PrintStyleExtra {
		padding: 0;
	}
	.LinkWrapper {
		padding: 15px 0 19px 0;
		margin-bottom: 15px;
		border-bottom: 1px solid #e7e7e7;
	}
	.LinkBottom {
		font-size: 1.2em;
		float: left;
		height: 14px;
		padding: 15px 5px 0 0;
		border-right: 1px solid #e7e7e7;
		background: url(../images/icon-fire.jpg) left bottom no-repeat ;
	}
		.LinkBottom a:link, .LinkBottom a:visited {
			padding-left: 30px;
			color: #da320f;
			height: 29px;
			text-decoration: underline;
			padding-right: 5px;
		}
		.LinkBottom a:hover {
			text-decoration: none;
		}
.Column2 {
	width: 324px;
	float: right;
	padding: 2px 4px 0 0;
}
	.Column2Wrapper {
		width: 100%;
		overflow: hidden;
		background: url(../images/bg-block-style-04-top.png) left top no-repeat;
		padding: 27px 0 0 0;
	}
	.ContentColumn2 {
		padding: 10px 27px 38px 29px;
		background: url(../images/bg-block-style-04-bottom.png) left bottom no-repeat;
	}
	.Column2 h3 {
		font-size: 1.5em;
		color: #24160f;
		padding-bottom: 16px;
		padding: 1px 0 0 0;
		text-transform: uppercase;
		width: 170px;
		float: left;
	}
	.SpaceZone3 {
		margin-left: 11px;
		float: none!important;
		margin-bottom: 17px;
	}
	.SpaceZone3 span{
		text-transform: none;
	}
	.ReviewStyle {
		width: 95px;
		text-align: right;
		float: right;
	}
	.TabReview {
		color: #ef4723;
		font-size: 1.2em;
		background-color: #fff;
		padding: 11px 10px 14px 12px;
		margin: 15px 0px 43px 0;
		clear: both;
	}
	.TabReview ul {
		overflow: hidden;
		height: 1%;
		width: 100%;
	}
		.TabReview ul li {
			padding-bottom: 8px;
			overflow: hidden;
			width: 100%;
		}
		.TabReview li a:link, .TabReview li a:visited {
			float: left;
			color: #da320f;
			text-decoration: underline;
			font-weight: bolder;
			background: url(../images/icon-fire.jpg) no-repeat right 0;
			width: 210px;
			padding: 10px 0 5px 0;
		}
		.TabReview li a:hover {
			text-decoration: none;
		}
		.TabReview li span {
			color: #da320f;
			text-align: right;
			float: right;
			padding-top: 8px;
		}
	.VideoReview { 
		background: #da320f;
		margin: 0 10px 1px 11px;
		padding-right: 5px ;
		font-size: 1.2em;
		color: #fff;
		overflow: hidden;
		height: 1%;
	}
	html>body .VideoReview {
		overflow: hidden;
		height: auto;
	}
	.VideoImage {
		float: left;
		padding-right: 11px;
	}
		.VideoReview p {
			padding-top: 5px;
		}
		.VideoReview a:link, 
		.VideoReview a:visited {
			color: #fff;
		}
		.VideoReview a:hover {
			text-decoration: underline;
		}
.Column3 {
	width: 530px;
	float: left;
}
	.Column3 .BlockStyleExtra {
		margin: 0;
	}
	.Column3 .BlockStyleExtra2 {
		margin: 30px 0 0 0;
	}
	.Column3 h3 {
		color: #da320f;
		font-size: 1.6em;
		padding-bottom: 3px;
		text-transform: uppercase;
	}
	.Column3 h3 a:link,
	.Column3 h3 a:visited {
		color: #000000;		
	}
	.Column3 .BlockStyle01Wrap h3 {
		color: #000;
		padding-right: 9px;
	}
	
.Column4 {
	width: 382px;
	float: right;
}
	.Module2 {
		xwidth: 100%;
		xoverflow: hidden;
		padding-bottom: 14px;
		margin-left: 21px;
		margin-bottom: 8px;
		border-bottom: 1px solid #e7e7e7;
	}
	.Module2Extra {
		margin-bottom: 10px;
		margin-left: 0;
	}
		.Module2Extra p {
			padding-bottom: 10px !important;
		}
		.SpecialModule {
			border-bottom:  none;
		}
	.Module2 h3 {
		color: #da320f;
		font-size: 1.5em;
		padding-bottom: 8px;
		text-transform: uppercase;
	}
	.Module2 h3.PaddingT16{
		padding-top: 16px;
	}
	.Module2 h5 {
		font-size: 1.2em;
		padding: 5px 0 10px 0;
		color:#DA320F;
		text-transform:uppercase;
	} 
		.Module2 .ListStyle01{
			padding: 0 0 20px 0;
		}
		.Module2 .ListStyle01 li{			
			color: #4D4D4D;
			background: url(../images/ico-dot-02.gif) left 5px no-repeat;
			padding: 0 0 5px 25px;
			width: 332px;
		}
		
	.Article{
		width: 100%;
	}
	.Article ul {
		padding-left: 21px;
	}
	
	.Article li {
		color: #4D4D4D;
		background: url(../images/ico-dot-02.gif) left 5px no-repeat;
		padding: 0 0 5px 25px;		
	}
	.ContentModule2 {
		float: left;
		width: 203px;
		padding-right: 28px;
	}
	.Module2 .Thumb {
		float: right;
	}
	.Module2 p.LinkStyle{
		width: 70px;
		padding-right: 16px;
	}
	.Module2 .SpaceZone {
		padding: 16px 20px 15px 0;
	}
	.ContentBlock02 .Content .Column4 .SpecialModule p{
		padding: 0 20px 10px 0;
	} 
	.ContentBlock02 .Content .Column4 .SpecialModule p.LinkStyle{
		padding: 4px 23px 5px 0;
	}
	.Module2 .SpaceZone2 {
		margin-top: -3px;
	}
	.Module2 ul {
		padding-left: 3px;
		margin-bottom: -7px;
		width: 100%;
		overflow: hidden;
	}
		.Module2 ul li {
			padding: 0 0 15px 0px;
			overflow: hidden;
			width: 100%;
			font-size:1.2em;/*t add more*/
		}
			.Module2 ul li a:link, .Module2 ul li a:visited {
				color: #da320f;
				text-decoration: underline;
			}
			.Module2 ul li a:hover {
				text-decoration: none;
			}
	.Module2 ol {
		margin: 0 0 10px -20px;
	}	
		.Module2 ol li {
			font-size: 1.2em;/*t add more*/
			padding: 0 0 5px 5px;
		}
		.Module2 h4 {
			color: #da320f;
			float: left;
			width: 12px;
			font-size: 1.2em;
			padding: 1px 7px 0 0;
		}
		.Module2 ul li p {
			float: right;
			width: 340px;
			padding: 0 !important;
		}
		.BlockStyle01 h4 {
			color: #251710;
			font-size: 1.5em;
			font-weight: bold;
			text-transform: uppercase;
			padding: 0px 0 12px 2px;
		}
			.BlockStyleExtraWrap {
				padding: 9px 10px 20px 10px;
				height: 214px;
				background: url(../images/bg-block-style-01-bottom.gif) left bottom no-repeat;
			}
			.BlockStyle01 ul li img {
				margin-bottom: 3px;
			}
			.BlockStyle01 ul li a.StyleLink03:link,
			.BlockStyle01 ul li a.StyleLink03:visited {
				color: #da320f;
				font-size: 1.2em;
				font-weight: bolder;
				xxxtext-decoration: underline;
				width: 120px;
				overflow: hidden;
				display: block;
			}
			.BlockStyle01 ul li a.StyleLink03:hover {
				text-decoration: none;
			}
			.BlockStyle01 ul li span.Thumb{
				height: 90px;
				display: block;
				padding: 0 0 5px 0;
			}
		.ContentBlock02  h2.StyleTitle01 {
					font-size: 1.5em;
					width: 939px;
					height: 40px;
					color: #fff;
					font-weight: bolder;
					line-height: 40px;
					padding: 0 0 0 21px;
					background: url(../images/bg-block-title.jpg);
				}
		.ContentBlock02 .MultiTitle02 {
			color: #da320f;
			font-size: 1em;
		}
		.BoxTheme1 .BoxContentTheme1 h4.StyleTitle02, 
		.ContentBlock02 h4.StyleTitle02 {
			color:#da320f;
			font-size: 1.5em;
			font-weight: bolder;
			text-transform: uppercase;
		}
		.BoxTheme1 .BoxContentTheme1 p a.StyleLink01:link,
		.BoxTheme1 .BoxContentTheme1 p a.StyleLink01:visited,
		.ContentBlock02 p a.StyleLink01:link,
		.ContentBlock02 p a.StyleLink01:visited,
		.ContentBlock02 h3 a.StyleLink01:link,
		.ContentBlock02 h3 a.StyleLink01:visited {
			text-decoration: none;
			color: #4d4d4d;
		}
		.BoxTheme1 .BoxContentTheme1 p a.StyleLink01:hover,
		.ContentBlock02 p a.StyleLink01:hover,
		.ContentBlock02 h3 a.StyleLink01:hover {
			text-decoration: underline;
		}
		.ContentBlock02Wrap .WrapBlock {
			float: left;
			width: 530px;
			padding: 17px 0 32px 27px;
		}
		.ContentBlock02Wrap .BlockStyle10 {
			margin: 0px;
		}
		.ContentBlock02Wrap .BlockStyle11 {
			margin: 20px 0px 0px 0px;
		}	
	.ContentBlock02 .ContentExtra5 {
		border-bottom: none;
	}
	.ContentBlock02  h3.StyleTitleExtra {
		font-size: 1.6em;
		height: 26px;
		width: 946px;
		color: #fff;
		margin: 0 -6px;
		padding: 14px 0 0 24px;
		text-transform: uppercase;
		background: url(../images/bg-block-title-3.jpg);
	}
	.ContentSearchWrapper {
		border-top: 1px solid #e7e7e7;
		border-bottom: 1px solid #e7e7e7;
		padding: 33px 0 7px 0;
	}
		.ContentSearch {
			padding-bottom: 28px;
		}
			.ContentSearch a:link, .ContentSearch a:visited{
				color: #da320f;
				text-decoration: underline;
				font-weight: bolder;
			}
			.ContentSearch a:hover{
				text-decoration: none;
			}
		.ContentSearchWrapper h3 {
			font-size: 1.5em;
			color: #da320f;
			text-transform: uppercase;
			padding-bottom: 3px;
		}
		.ContentSearchWrapper p {
			padding-bottom: 0 !important;
		}
		.ContentSearchWrapper p.SearchKey {
			float: left;
		}
		.PageSearch {
			float: right;
			color: #da320f;
			font-weight: bolder;
		}
			.PageSearch li {
				display: inline;
				font-size: 1.2em;
				padding: 0px 2px;
			}
			.PageSearch li a:link, .PageSearch li a:visited {
				padding: 0 3px 0px 1px;
				color: #da320f;
			}
			.PageSearch li a:hover, .PageSearch li a.Active {
				background-color: #e7d8d1;
			}
	.SpaceZone4 {
		padding-top: 20px;
	}		
	
	.SiteMapBlock{
		background: #da320f;
		margin: 33px 0 0 0;
	}	
		.SiteMapBlockWrap{
			width: 968px;
			background: #da320f;
			overflow: hidden;
			margin: 0 auto;
			padding: 30px 0 25px 10px;
		}
		.SiteMapBlock .Content{
			float: left;
			width: 141px;
			min-height: 80px;
			height: auto !important;
			height: 80px;
			background: url(../images/bg-sitemap-item.gif) right 3px no-repeat;
			padding: 0 9px;
		}
		.SiteMapBlock .Last{
			background: none;
		}
		.SiteMapBlock .Content h3{
			font-size: 1.1em;
			font-weight: bold;
		}
		.SiteMapBlock .Content h3 a:link,
		.SiteMapBlock .Content h3 a:visited{
			color: #ff9c6e;
			font-size: 1.1em;
		}
		.SiteMapBlock .Last h3{
			color: #fff;
		}
		.SiteMapBlock .Content li{
			padding: 0;
		}
		.SiteMapBlock .Content li a:link,
		.SiteMapBlock .Content li a:visited{
			color: #ff9c6e !important;
			font-size: 1.1em;
		}
		.SiteMapBlock .Last li a:link,
		.SiteMapBlock .Last li a:visited{
			color: #fff !important;;
		}
		.SiteMapBlock li a:hover{	
			text-decoration: underline;
		}
	/*fotter*/
	#footer{
		background: #24160f;
	}
		.FooterWrap{
			background: #24160f;
			width: 944px;
			overflow: hidden;
			margin: 0 auto;
			padding: 18px 15px 18px 19px;
		}
		#footer p{
			font-size: 1em;
			color: #6d6d6d;
			text-align: justify;
		}
		#footer ul{
			text-align: center;
			padding: 0 0 14px 0;
		}
		#footer li{
			display: inline;
			background: url(../images/bg-footer-nav-item.gif) 0 2px no-repeat;
			padding: 0 11px 0 16px;
		}
		#footer li.First{
			background: none;
		}
		#footer li a:link,
		#footer li a:visited{
			color: #dcd1c9;
			font-size: 1.1em;
		}
		#footer li a:hover{
			text-decoration: underline;
		}
		
/*popup*/
#emailPersonal,
#confirmEmail {
}
	.EmailPersonal{
		padding: 0 40px 55px;
		background: url(../images/bg-popup-bottom-fix.gif) right bottom no-repeat;
	}
		.EmailPersonal h2{
			font-size: 2.5em;
			color: #e13611;
			font-weight: normal;
			padding: 0 0 20px 0;
		}
		.EmailPersonal h2{
			font-size: 2.5em;
			color: #e13611;
		}
		.EmailPersonal h3 {
			font-size: 1.6em;
			padding-bottom: 27px;
		}
		.EmailPersonal p{
			line-height: 17px;
			clear: left;
			padding: 0 0 10px 51px;
		}
		.EmailPersonal p.Description{
			font-size: 1.2em;
			padding: 0;
		}
		.EmailPersonal p.Description a:link,
		.EmailPersonal p.Description a:visited{
			color: #da320f;
			font-weight: bold;
			text-decoration: underline;
		}
		.EmailPersonal p.Description a:hover{
			text-decoration: none;
		}
		.EmailPersonal p.RequestField{
			font-size: 1em;
			color: #da320f;
			font-style: italic;
			padding: 0 0 10px 0;
		}
			.EmailPersonal p label{
				display: block;
				font-size: 1.2em;
				float: left;
				font-weight: bold;
				color: #24160f;
				width: 83px;
				padding: 2px 5px 0 0;
			}
			.EmailPersonal p input,
			.EmailPersonal p select{
				font-size: 1.2em;
				width: 290px;
				height: 17px;
				padding: 1px 0 0 5px;
				border: #4d4d4d solid 1px;
			}
			.EmailPersonal p select{
				height: 21px;
				padding: 0 0 0 5px;
				width: 297px;
			}
			.EmailPersonal p label span{
				color: #da320f;
				padding: 0 0 0 3px;
			}
		.EmailPersonal ul.PolicyCheck{
			padding: 2px 0 21px 139px;
		}
			.EmailPersonal ul.PolicyCheck li{
				padding: 0 0 9px 0;
				width: 400px;
				overflow: hidden;
			}
		
			.EmailPersonal ul.PolicyCheck label{
				font-size: 1.2em;
				padding: 0 0 0 16px;
				float: left;
			}
			.EmailPersonal ul.PolicyCheck input{
				font-size: 1.4em;
				float: left;
				margin-top: 2px;
			}
			.EmailPersonal ul.CheckBlock01{
				float: left;
				padding: 2px 0 21px 92px;
			}
				.EmailPersonal ul.CheckBlock01 li{
					padding: 0 0 9px 0;
					float: left;
					clear: left;
				}
			
				.EmailPersonal ul.CheckBlock01 label{
					font-size: 1.4em;
					padding: 0 0 0 16px;
					float: left;
				}
				.EmailPersonal ul.CheckBlock01 input{
					font-size: 1.4em;
					float: left;
					margin-top: 2px;
				}
		.EmailPersonal p.ButtonStyle{
			padding: 1px 0 27px 137px;
		}
		.EmailPersonal p.ButtonStyle a:link,
		.EmailPersonal p.ButtonStyle a:visited,
		.EmailPersonal p.ButtonStyle2 a:link,
		.EmailPersonal p.ButtonStyle2 a:visited,
		.EmailPersonal p.ButtonStyle2 input{
			color: #e7d8d1;
			font-size: 1.4em;
			font-weight: bold;
			text-transform: uppercase;
			text-align: left;
			width: 84px;
			height: 24px;
			display: block;
			background: url(../images/btn-send.gif) left 1px no-repeat;
			padding: 10px 0 0 17px;
			margin: 0;
		}
		.EmailPersonal p.ButtonStyle2{
		}
		.EmailPersonal p.ButtonStyle2 a:link,
		.EmailPersonal p.ButtonStyle2 a:visited,
		.EmailPersonal p.ButtonStyle2 input {
			display: block;
			width: 93px;
			height: 34px;
			background: url(../images/btn-submit.gif) left 1px no-repeat;
			padding: 0 0 0 10px;
			margin: 0 0 0 40px;
			border: none;
			cursor: pointer;
			
		}
		.EmailPersonal p.ButtonStyle2 a:link,
		.EmailPersonal p.ButtonStyle2 a:visited{
			padding: 10px 0 0 13px;
		}
		
		
		.EmailPersonal p.ButtonStyle3 a:link,
		.EmailPersonal p.ButtonStyle3 a:visited,
		.EmailPersonal p.ButtonStyle3 input{
			color: #e7d8d1;
			font-size: 1.4em;
			font-weight: bold;
			text-transform: uppercase;
			text-align: left;
			width: 67px;
			height: 24px;
			display: block;
			background: url(../images/btn-ok-small.gif) left 1px no-repeat;
			padding: 10px 0 0 17px;
			margin: 0;
		}
		.EmailPersonal p.ButtonStyle3{
		}
		.EmailPersonal p.ButtonStyle3 a:link,
		.EmailPersonal p.ButtonStyle3 a:visited,
		.EmailPersonal p.ButtonStyle3 input {
			display: block;
			width: 76px;
			height: 34px;
			background: url(../images/btn-ok-small.gif) left 1px no-repeat;
			padding: 0 0 0 19px;
			margin: 0 0 0 40px;
			border: none;
			cursor: pointer;
			
		}
		.EmailPersonal p.ButtonStyle2 a:link,
		.EmailPersonal p.ButtonStyle2 a:visited{
			padding: 10px 0 0 13px;
		}
		
		
		
		.EmailPersonal .EmailBlock{
			padding: 0 0 125px 0;
		}
		.EmailPersonal .EmailBlock p{
			padding: 0 0 10px 60px;
		}
		.EmailPersonal .EmailBlock p.ButtonStyle2{
			padding: 10px 0 10px 55px;
		}
		.EmailPersonal .EmailBlock p.ButtonStyle2 a:link,
		.EmailPersonal .EmailBlock p.ButtonStyle2 a:visited{
			width: 93px;
			margin: 0;
		}
		.EmailPersonal .EmailBlock p label{
			color: #7c7c7c;
			width: 120px;
		}
		.EmailPersonal .EmailBlock p input{
			width: 219px;
		}
		.EmailPersonal .ThankMessage{
			padding: 0 0 200px 0;
		}
		.EmailPersonal .ThankMessage p{
			font-size: 1.2em;
			font-weight: bold;
			padding: 0 0 10px 0;
		}
		.TextBottom {
			width: 451px;
			color: #989898;
			padding: 62px 0 22px 0;
		}
		.TextBottom p {
			padding: 0 0 3px 0;
		}
			.EmailPersonal .TextBottom h4 {
				font-size: 1em;
			}
			.TextBottom ol{
				padding: 0 0 0 18px;
				margin: 0;
				width: 437px;
			}
				.TextBottom ol li {
					font-size: 1em;
					padding: 0;
					list-style-type: decimal;
				}
		.ConfirmEmail {
			padding: 0 40px 0 40px;
		}
			.ConfirmEmail h2{
				font-size: 2.5em;
				color: #e13611;
				font-weight: normal;
				padding: 0 0 20px 0;
			}
			.ConfirmEmail p.Description {
				font-size: 1.2em;
				padding: 0 0 18px 0;
			}
			.ConfirmEmail p.ButtonStyle{
				padding: 0 0 154px 0;
			}
			.ConfirmEmail p.ButtonStyle input {
				color: #e7d8d1;
				font-size: 1.4em;
				font-weight: bold;
				text-transform: uppercase;
				text-align: left;
				width: 93px;
				height: 34px;
				border: none;
				background: url(../images/btn-submit.gif) left 1px no-repeat;
				padding: 0 0 0 10px;
				margin:0 0 0 58px;
			}
			.ConfirmEmail p.Description a:link,
			.ConfirmEmail p.Description a:visited {
				color: #da320f;
				font-weight: bold;
				text-decoration: underline;
			}
			.ConfirmEmail p.Description a:hover {
				text-decoration: none;
			}
			.ConfirmEmail ul.PolicyCheck{
				padding:2px 0 21px 60px;
			}
				.ConfirmEmail ul.PolicyCheck li{
					padding: 0 0 9px 0;
					width: 400px;
					overflow: hidden;
				}
			
				.ConfirmEmail ul.PolicyCheck label{
					font-size: 1.2em;
					padding: 0 0 0 16px;
					float: left;
				}
				.ConfirmEmail ul.PolicyCheck input{
					font-size: 1.2em;
					float: left;
					margin: 2px 0 0 0;
				}
				
	.ReviewBlock01{
		padding: 0 40px;
	}	
		.ReviewBlock01 h2{
			color:#E13611;
			font-size: 1.6em;
			padding: 0 0 20px 0;
			text-transform:uppercase;
		}
		.BoxTheme1 h2#title_w{
			color:#E13611;
			font-size: 2.5em;
			padding: 0 0 20px 0;
			text-transform:uppercase;
			font-weight: normal;
		}
		.ReviewBlock01 h3{
			font-size: 1em;
			padding: 0 0 15px 0;
		}
		.BoxTheme1 p.StyleLink {
			font-size: 1.0em;
			padding: 0 0 20px 0;
		}
		.BoxTheme1 p.PageLinkTitle , 
		.ReviewBlock01 p{
			font-size: 1.0em;
			padding: 0 0 20px 0;
			float: left;
			clear: left;
			width: 100%;
		}
		.BoxTheme1 p.PageLinkTitle,
		.ReviewBlock01 p.PageLinkTitle{
			padding: 0 0 2px 0;
		}
		.BoxTheme1 p.StyleLink a:link,
		.BoxTheme1 p.StyleLink a:visited,
		.BoxTheme1 p.PageLink a:link, 
		.BoxTheme1 p.PageLink a:visited, 
		.ReviewBlock01 p a:link,
		.ReviewBlock01 p a:visited{
			color:#E13611;
			font-size: 12px;
		}
		.BoxTheme1 p.PageLink,
		.ReviewBlock01 p.PageLink{
			font-weight: bold;
		}
		.BoxTheme1 p.FuntionLink,
		.ReviewBlock01 p.FuntionLink{
			padding: 0 0 150px 0;
		}
		.BoxTheme1 p.FuntionLink {
			text-align: left;
			float: none;
			padding:18px 0 110px;/*t add new more*/
		}
		.BoxTheme1 p.FuntionLink a {
			cursor: hand;
		}
		.BoxTheme1 p a.FuntionLinkElement:link,
		.BoxTheme1 p a.FuntionLinkElement:visited
		.ReviewBlock01 p a.FuntionLinkElement:link,
		.ReviewBlock01 p a.FuntionLinkElement:visited{
			float: left;
		}
	
	/*----------recipe review---------*/	
	.RecipeReview{
		width: 660px;
		overflow: hidden;
	}
		.RecipeReview .HeadBlock{
			width: 619px;
			overflow: hidden;
			padding: 49px 0 0 41px;
			background: #da320f;
			border-bottom: #23160f solid 7px;
		}
		*+html .RecipeReview .HeadBlock {
			width: 100%;
		}
		* html .RecipeReview .HeadBlock {
			width: 100%;
		}
		.RecipeReview .HeadBlock a:link,
		.RecipeReview .HeadBlock a:visited{
			float: left;
		}
		.RecipeReview h2{
			font-size: 2.0em;
			color: #da320f;
			text-transform: uppercase;
			padding: 0 0 20px 0;
		}
		.RecipeReview h3{
			font-size: 1.5em;
			color: #da320f;
			text-transform: uppercase;
		}
		.RecipeReview h5{
			font-size: 1.2em;
			color: #da320f;
			text-transform: uppercase;
			padding:5px 0 10px;
		} 
		.RecipeReview .ContentBlock{
			width: 635px;
			overflow: hidden;
			padding: 20px 10px 10px 15px;
		}
		* html .RecipeReview .ContentBlock{
			width: 100%;
		}
		*+html .RecipeReview .ContentBlock{
			width: 100%;
		}
		.RecipeReview  .ColLeft{
			width: 302px;
			float: left;
			padding: 0 20px 0 0;
		}
		.RecipeReview  .ColLeft h3{
			font-size: 1.6em;
		}
		.RecipeReview .Thumb{
			padding: 0 0 18px 0;
		}
		.RecipeReview .BlockTips{
			width: 302px;
			overflow: hidden;
			background: #e7e7e9 url(../images/bg-recipe-tips-top.gif) left top no-repeat;
		}
		.RecipeReview .BlockTipsWrap{
			width: 262px;
			overflow: hidden;
			background: url(../images/bg-recipe-tips-bottom.gif) left bottom no-repeat;
			padding: 20px 20px 2px 20px;
		}
		.RecipeReview .BlockTips p{
			color: #000;
			font-size: 1.3em;
			padding: 0 0 18px 0;
		}
		.RecipeReview .ColRight{
			width: 313px;
			float: left;
		}
		.RecipeReview .ColRight h3{
			padding: 0 0 10px 25px;
		}
		.RecipeReview .StepName{
			font-size: 1.3em;
			color: #000;
			font-style: italic;
			padding: 0 0 6px 25px;
		}
		.RecipeReview .ListStyle01{
			padding: 0 0 20px 0;
		}
		.RecipeReview .ListStyle01 li{
			font-size: 1.2em;
			color: #4D4D4D;
			background: url(../images/ico-dot-02.gif) left 5px no-repeat;
			padding: 0 0 5px 25px;
		}
		.RecipeReview .ColRight p a:link,
		.RecipeReview .ColRight p a:visited{
			color: #da320f;
			font-size: 1.3em;
			font-weight: bold;
			text-transform: none;
			padding: 0 0 10px 0;
		}
		.RecipeReview .FooterBlock{
			width: 635px;
			overflow: hidden;
			padding: 0 10px 120px 15px;
			background: url(../images/bg-popup-bottom-fix.gif) right bottom no-repeat;
		}
		* + html .RecipeReview .FooterBlock{
			width: 100%;
		}
		* html .RecipeReview .FooterBlock{
			width: 100%;
		}
		.RecipeReview .FooterBlock .HearBurnLink{
			width: 302px;
			float: left;
			padding: 28px 20px 0 0;
		}
		.RecipeReview .FooterBlock .HearBurnLink a:link,
		.RecipeReview .FooterBlock .HearBurnLink a:visited{
			color: #da320f;
			font-size: 1.5em;
			font-weight: bold;
		}
		.RecipeReview  .FooterBlock .NoteBlock{
			width: 313px;
			float: left;
		}
		.RecipeReview  .FooterBlock .NoteBlock p{
			font-size: 1.1em;
			color: #000;
			font-style: italic;
		}
	
	.AlertMessage{
		padding: 0px 0 0px 0;
	}
	.AlertMessage h3{
		color: #4D4D4D;
		font-size: 1.2em;		
		padding: 0 0 10px 48px;
	}
	.AlertMessage p {
		font-size: 1.6em;
		font-weight: bolder;
		padding: 0 0 18px 0;
	}
	#alertBox .EmailPersonal p.ButtonStyle2 {
		padding: 7px 0 58px 0;
	}
	#alertBox .EmailPersonal p.ButtonStyle2 input{
		text-align: center;
		background: url(../images/btn-ok.gif) left top no-repeat;
		padding: 0;
		margin: 0;
	}
	
	#alertBox .EmailPersonal p.ButtonStyle3 {
		padding: 7px 0 58px 0;
	}
	#alertBox .EmailPersonal p.ButtonStyle3 input{
		text-align: center;
		background: url(../images/btn-ok-small.gif) left top no-repeat;
		padding:0 10px 0 0;;
		margin: 0;
	}
	
	.Article a:link, .Article a:visited {
        font-weight: bolder;
        color: #da320f;
        text-decoration: underline;
    }

    .Article a:hover {
        text-decoration: none;
    }
	
/*rich text
.RichText{
	font-size: 1.2em;
}
.RichText ul{
	padding: 0 0 6px 15px;
}
.RichText ol{
	padding: 0 0 6px 18px;
	margin: 0;
}
.RichText ul li{
	list-style: disc;
	padding: 0 0 3px 0;
}
.RichText ol li{
	list-style: decimal;
	padding: 0 0 3px 0;
}	*/



#siteMap {
	background: url(../images/bg-burning-fact-bottom02.gif) no-repeat left bottom;
	min-height: 950px;
	height: auto !important;
	height: 950px;
	padding: 0 11px 0 40px;
	color: #000;
}
#siteMap h3 {
	font-size: 2.5em;
	font-weight: normal;
	padding: 35px 0 9px;
	border-bottom: 4px solid #DA320F;
}
#siteMap h4 {
	font-size: 1.6em;
	padding-top: 18px;
}
	#siteMap h4 a:link,
	#siteMap h4 a:visited {
		color: #000;
	}
	#siteMap ul ul {
		padding: 0 0 0 21px;
	}	
		#siteMap ul ul li {
			padding: 8px 0 8px 15px;
			border-top: 1px solid #c0c0c0;
			width: 430px;
			background: url(../images/icon-burn.gif) no-repeat left 10px;
		}
		#siteMap ul ul li.FirstItem {
			border-top: none;
		}
			#siteMap ul ul li a:link,
			#siteMap ul ul li a:visited {
				color: #000;
				font-size: 1.2em;
			}

.BoxTheme1 {
	padding:0 40px;
	background: url(../images/bg-popup-bottom-fix.gif) right bottom no-repeat;
	/*width: 159px;
	height: 130px;*/
	border: 1x solid #660033;
	overflow: hidden;
	width: 564px;
} 

/* user for list with number index only */
div .ol_list{
	padding-bottom: 15px;
}

div .ol_list p{
	overflow: hidden !important; 
	padding-bottom: 5px !important; 
	width: 100% !important;
}

.item_number{
	color: rgb(218, 50, 15); 
	width: 25px; 
	float: left; 
	font-size: 1.2em; 
	font-weight: bold; 
	font-family: Arial,Helvetica,sans-serif;
}

.item_text{
	float: left ; 
	width: 335px;
}
#content_recipe_pop .item_text {
	width: 260px;
}

#content_recipe_pop p {
	font-size: 1.2em;
	padding-bottom: 22px;
}

.EmailPersonal p.addNote{
	font-size: 1.2em;
	padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	html{
		/*
		need this so that Safari3 can 
		use window.getMatchedCSSRules to collect CSSStyleRule later
		*/
		list-style-image:none; 
	}
}

/* jLightBox (using jQuery library).
*--------------------------------------------*
*  @author : ukhome ( ukhome@gmail.com | ntkhoa_friends@yahoo.com )
*--------------------------------------------*
*  @released : 24-Mar-2009 : version 1.0
*--------------------------------------------*
*  @revision history : ( latest version : 1.0 )
*--------------------------------------------*
*      + 24-Mar-2009 : version 1.0
*          - released
*--------------------------------------------*
*/

/* MENU LEVEL 0 */
ul#menu {
    width: 100%;
    float: left;
}
    ul#menu li {
        position: relative;
        float: left;
		z-index: 9;
    }
        ul#menu li a:link,
        ul#menu li a:visited {
            display: block;
            padding: 0;
        }
        ul#menu li.HasChild a:link,
        ul#menu li.HasChild a:visited {
        }
        ul#menu li.Active a:link,
        ul#menu li.Active a:visited,
        ul#menu li.Hilite a:link,
        ul#menu li.Hilite a:visited,
        ul#menu li a:hover {
            text-decoration: none;
        }
        
        /* SUB-MENU LEVEL 1 */
        ul#menu li ul {
            background: #fff;
            position: absolute;
            top: 100%;
            left: 8px;
            display: none;
            z-index: 9999;
			border: #e7e7e7 solid 1px;
			width: 170px;
			padding: 0 10px;
        }
        ul#menu li ul.ToRight {
            left: auto;
            right: 0;
        }
        ul#menu li.Active ul {
        }
            ul#menu li ul li {
                font-size: 1.1em;
                width: 100%;
				border-top: #e7e7e7 solid 1px;
				padding: 7px 0;
				margin: 0;
				float: none;
				display: block;
				background: none;
            }
				ul#menu li ul li a:link,
				ul#menu li ul li a:visited {
                    color: #5e5e5e !important;
                    background: none !important;
					margin: 0;
					height: auto !important;
					width: 170px!important;
					padding: 0 0 0 1px;
                }
				ul#menu li ul li a:hover{
					color: #da320f !important;
				}
                ul#menu li.Active ul li.HasChild a:link,
                ul#menu li.Active ul li.HasChild a:visited {
                }
                ul#menu li.Active ul li.Active a:link,
                ul#menu li.Active ul li.Active a:visited,
                ul#menu li.Active ul li.Hilite a:link,
                ul#menu li.Active ul li.Hilite a:visited,
                ul#menu li.Active ul li a:hover {
                    background: #333;
                }
/**/
/* MENU LEVEL 0 */
ul#sidenav {
    background: #efefef;
    width: 200px;
    position: absolute;
    top: 10px;
    right: 10px;
    clear: both;
}
    ul#sidenav li {
        font-size: 1.6em;
        position: relative;
        background: #999;
        width: 100%;
        float: left;
    }
        ul#sidenav li a:link,
        ul#sidenav li a:visited {
            display: block;
            width: 180px;
            padding: 5px 10px;
            float: left;
            font-size: 1em;
            font-weight: bolder;
            color: #efefef;
            text-transform: uppercase;
            border-bottom: 1px solid #efefef;
        }
        ul#sidenav li.HasChild a:link,
        ul#sidenav li.HasChild a:visited {
            border-right: 4px solid #ee5523;
            width: 176px;
        }
        ul#sidenav li.Active a:link,
        ul#sidenav li.Active a:visited,
        ul#sidenav li.Hilite a:link,
        ul#sidenav li.Hilite a:visited,
        ul#sidenav li a:hover {
            background: #666;
            text-decoration: none;
            color: #fff;
        }
        
        /* SUB-MENU LEVEL 1 */
        ul#sidenav li ul {
            background: #fff;
            width: 200px;
            overflow: hidden;
            display: none;
            clear: both;
        }
        ul#sidenav li.Active ul {
            border-top: 1px solid #000;
        }
            ul#sidenav li ul li {
                font-size: 1em;
                width: 100%;
            }
                ul#sidenav li.Active ul li a:link,
                ul#sidenav li.Active ul li a:visited {
                    color: #cfcfcf;
                    background: #666;
                    padding: 5px 10px 5px 15px;
                    width: 175px;
                    border-right: none;
                }
                ul#sidenav li.Active ul li.HasChild a:link,
                ul#sidenav li.Active ul li.HasChild a:visited {
                    border-right: 4px solid #ee5523;
                    width: 171px;
                }
                ul#sidenav li.Active ul li.Active a:link,
                ul#sidenav li.Active ul li.Active a:visited,
                ul#sidenav li.Active ul li.Hilite a:link,
                ul#sidenav li.Active ul li.Hilite a:visited,
                ul#sidenav li.Active ul li a:hover {
                    background: #333;
                    color: #fff;
                }
            /* SUB-MENU LEVEL 2 */
            ul#sidenav li.Active ul li ul {
                background: #333;
                width: 200px;
                display: none;
            }
            ul#sidenav li.Active ul li.Active ul {
            }
                ul#sidenav li ul li ul li {
                    font-size: 1em;
                }
                    ul#sidenav li.Active ul li.Active ul li a:link,
                    ul#sidenav li.Active ul li.Active ul li a:visited {
                        color: #dfdfdf;
                        background: #333;
                        padding:5px 10px 5px 20px;
                        width: 170px;
                        border-right: none;
                    }
                    ul#sidenav li.Active ul li ul li.HasChild a:link,
                    ul#sidenav li.Active ul li ul li.HasChild a:visited {
                        border-right: 4px solid #ee5523;
                        width: 166px;
                    }
                    ul#sidenav li.Active ul li.Active ul li.Active a:link,
                    ul#sidenav li.Active ul li.Active ul li.Active a:visited,
                    ul#sidenav li.Active ul li.Active ul li.Hilite a:link,
                    ul#sidenav li.Active ul li.Active ul li.Hilite a:visited,
                    ul#sidenav li.Active ul li.Active ul li a:hover {
                        background: #000;
                        color: #fff;
                    }
                /* SUB-MENU LEVEL 3 */
                ul#sidenav li.Active ul li.Active ul li ul {
                    background: #ff6600;
                    width: 200px;
                    display: none;
                }
                ul#sidenav li.Active ul li.Active ul li.Active ul {
                }
                    ul#sidenav li ul li ul li ul li {
                        font-size: 1em;
                    }
                        ul#sidenav li.Active ul li.Active ul li.Active ul li a:link,
                        ul#sidenav li.Active ul li.Active ul li.Active ul li a:visited {
                            color: #fff;
                            background: #ff6600;
                            padding: 5px 10px 5px 25px;
                            width: 165px;
                            border-right: none;
                        }
                        ul#sidenav li.Active ul li ul li ul li.HasChild a:link,
                        ul#sidenav li.Active ul li ul li ul li.HasChild a:visited {
                            border-right: 4px solid #ee5523;
                            width: 161px;
                        }
                        ul#sidenav li.Active ul li.Active ul li.Active ul li.Active a:link,
                        ul#sidenav li.Active ul li.Active ul li.Active ul li.Active a:visited,
                        ul#sidenav li.Active ul li.Active ul li.Active ul li.Hilite a:link,
                        ul#sidenav li.Active ul li.Active ul li.Active ul li.Hilite a:visited,
                        ul#sidenav li.Active ul li.Active ul li.Active ul li a:hover {
                            background: #cc6600;
                            color: #fff;
                        }

/**/
/* MENU LEVEL 0 */
ul#footnav {
    background: #efefef;
    margin: 100px 0 0 50px;
    border: 1px solid #666;
    position: absolute;
    top: 200px;
    left: 100px;
}
    ul#footnav li {
        position: relative;
        background: #999;
        float: left;
        width: 74px;
    }
        ul#footnav li a:link,
        ul#footnav li a:visited {
            display: block;
            width: 74px;
            height: 0;
            overflow: hidden;
            text-indent: -1000em;
            padding: 126px 0 0;
            float: left;
        }
        ul#footnav li a.Menu01 {
            background: url("../images/menu-apps.gif") no-repeat left 0;
        }
        ul#footnav li a.Menu02 {
            background: url("../images/menu-blog.gif") no-repeat left 0;
        }
        ul#footnav li a.Menu03 {
            background: url("../images/menu-goodies.gif") no-repeat left 0;
        }
        ul#footnav li a.Menu04 {
            background: url("../images/menu-about.gif") no-repeat left 0;
        }
        ul#footnav li.HasChild a:link,
        ul#footnav li.HasChild a:visited {
            width: 74px;
        }
        ul#footnav li.Active a:link,
        ul#footnav li.Active a:visited,
        ul#footnav li.Hilite a:link,
        ul#footnav li.Hilite a:visited {
            background-position: left -126px;
        }
        ul#footnav li a:hover {
            background-position: left -252px;
        }


        /* SUB-MENU LEVEL 1 */
        ul#footnav li ul {
            background: #ccc;
            width: 200px;
            position: absolute;
            top: 100%;
            left: -1px;
            display: none;
            z-index: 1;
            border: 1px solid #666;
        }
        ul#menu li ul.ToRight {
            left: auto;
            right: -1px;
        }
        ul#footnav li.Active ul {
        }
            ul#footnav li ul li {
                font-size: 1em;
                width: 100%;
            }
                ul#footnav li.Active ul li a:link,
                ul#footnav li.Active ul li a:visited {
                    height: auto;
                    overflow: visible;
                    text-indent: 0;
                    color: #666;
                    background: #ccc;
                    padding: 5px 10px 5px 15px;
                    width: 175px;
                    border-right: none;
                    font-size: 1.4em;
                    font-weight: bolder;
                }
                ul#footnav li.Active ul li.HasChild a:link,
                ul#footnav li.Active ul li.HasChild a:visited {
                    border-right: 4px solid #ee5523;
                    width: 171px;
                }
                ul#footnav li.Active ul li.Active a:link,
                ul#footnav li.Active ul li.Active a:visited,
                ul#footnav li.Active ul li.Hilite a:link,
                ul#footnav li.Active ul li.Hilite a:visited,
                ul#footnav li.Active ul li a:hover {
                    text-decoration: none;
                    background: #333;
                    color: #fff;
                }
            /* SUB-MENU LEVEL 2 */
            ul#footnav li.Active ul li ul {
                background: #333;
                width: 200px;
                position: absolute;
                top: 0;
                left: 100%;
                display: none;
                z-index: 2;
            }
            ul#footnav li.Active ul li.Active ul {
            }
                ul#footnav li ul li ul li {
                    font-size: 1em;
                }
                    ul#footnav li.Active ul li.Active ul li a:link,
                    ul#footnav li.Active ul li.Active ul li a:visited {
                        color: #dfdfdf;
                        background: #333;
                        padding:5px 10px 5px 20px;
                        width: 170px;
                        border-right: none;
                    }
                    ul#footnav li.Active ul li ul li.HasChild a:link,
                    ul#footnav li.Active ul li ul li.HasChild a:visited {
                        border-right: 4px solid #ee5523;
                        width: 166px;
                    }
                    ul#footnav li.Active ul li.Active ul li.Active a:link,
                    ul#footnav li.Active ul li.Active ul li.Active a:visited,
                    ul#footnav li.Active ul li.Active ul li.Hilite a:link,
                    ul#footnav li.Active ul li.Active ul li.Hilite a:visited,
                    ul#footnav li.Active ul li.Active ul li a:hover {
                        background: #000;
                        color: #fff;
                    }
                /* SUB-MENU LEVEL 3 */
                ul#footnav li.Active ul li.Active ul li ul {
                    background: #ff6600;
                    width: 200px;
                    position: absolute;
                    top: 0;
                    left: 100%;
                    display: none;
                    z-index: 3;
                }
                ul#footnav li.Active ul li.Active ul li.Active ul {
                }
                    ul#footnav li ul li ul li ul li {
                        font-size: 1em;
                    }
                        ul#footnav li.Active ul li.Active ul li.Active ul li a:link,
                        ul#footnav li.Active ul li.Active ul li.Active ul li a:visited {
                            color: #fff;
                            background: #ff6600;
                            padding: 5px 10px 5px 25px;
                            width: 165px;
                            border-right: none;
                        }
                        ul#footnav li.Active ul li ul li ul li.HasChild a:link,
                        ul#footnav li.Active ul li ul li ul li.HasChild a:visited {
                            border-right: 4px solid #ee5523;
                            width: 161px;
                        }
                        ul#footnav li.Active ul li.Active ul li.Active ul li.Active a:link,
                        ul#footnav li.Active ul li.Active ul li.Active ul li.Active a:visited,
                        ul#footnav li.Active ul li.Active ul li.Active ul li.Hilite a:link,
                        ul#footnav li.Active ul li.Active ul li.Active ul li.Hilite a:visited,
                        ul#footnav li.Active ul li.Active ul li.Active ul li a:hover {
                            background: #cc6600;
                            color: #fff;
                        }
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin .jcarousel-container {

}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 450px;
	padding: 20px 30px 15px 30px;
	background-color: #FFFFFF;
}


.jcarousel-skin .jcarousel-clip-horizontal {
   width: 380px;
    /*height: 115px;*/
	margin-left: 35px;
}

.jcarousel-skin .jcarousel-clip-vertical {
    width:  120px;
     height: 115px;
}

.jcarousel-skin .jcarousel-item {
    width: 120px;
    /*height: 115px;*/
	height: auto;
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 51px;
    right: 25px;
    width: 14px;
    height: 27px;
    cursor: pointer;
    background: url(../images/btn-next-02.gif) 0 0 no-repeat;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position: left top;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: left top;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: left bottom;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 51px;
    left: 25px;
    width: 14px;
    height: 27px;
    cursor: pointer;
    background: url(../images/btn-prev-02.gif) 0 0 no-repeat;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: left top;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: left top;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: left bottom;
}

.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 178px;
	padding: 0  20px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  178px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 178px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: 0;
    width: 21px;
    height: 120px;
    cursor: pointer;
    background: url(../images/btn-next-01.gif) 0 0 no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: left top;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: left top;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: left bottom;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 120px;
    cursor: pointer;
    background: url(../images/btn-prev-01.gif) 0 0 no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: left top;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: left top;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: left bottom;
}

/* jLightBox (using jQuery library).
*--------------------------------------------*
*  @author : ukhome ( ukhome@gmail.com | ntkhoa_friends@yahoo.com )
*--------------------------------------------*
*  @released : 24-Mar-2009 : version 1.0
*--------------------------------------------*
*  @revision history : ( latest version : 1.0 )
*--------------------------------------------*
*      + 24-Mar-2009 : version 1.0
*          - released
*--------------------------------------------*
*/

/* DO NOT REMOVE */
div.Overlays {
    background: #24160f;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}
div.LightBoxPopup {
    background: url(../images/bg-popup01-top.gif) left top no-repeat;
    width: 660px;
    padding: 40px 0 0 0;
}
div.LightBoxPopupLoading {
    background: #efefef url("../images/loading.gif") no-repeat center center;
}
    div.LightBoxPopupContent {
        width: 100%;
        overflow: hidden;
		/*overflow-x: hidden !important;*/
		background: url(../images/bg-popup01-bottom.gif) left bottom no-repeat;
    }
	div.PopupYtb {
		background: url(../images/bg-popup02-top.gif) left top no-repeat !important;
		width: 560px;
	}
	div.PopupYtb div.LightBoxPopupContent {
		background: url(../images/bg-popup02-bottom.gif) left bottom no-repeat !important;
	}
/*loading error*/
div.LoadingError {
    width: 400px;
    background: #666;
    padding: 0;
    border: 10px solid #efefef;
}
    p.ErrorAlert {
        font-size: 1.8em;
        text-align: center;
        color: #fff;
        margin: 50px 0;
    }
/*iframe loader*/
iframe.ContentLoader {
    background: transparent;
    border: none;
}
    /*close btn: common*/
    div.LightBoxPopup a.CloseBtn:link,
    div.LightBoxPopup a.CloseBtn:visited {
        font-size: 1.3em;
        font-weight: bolder;
        color: #c42309;
        position: absolute;
        top: 9px;
        right: 10px;
		background: url(../images/btn-close.gif) right top no-repeat;
		padding: 0 21px 0 0;
    }
    div.LightBoxPopup a.CloseBtn:hover {
        color: #333;
        text-decoration: none;
    }
    /* use to fix IE problem when hover state is still be hold when the item is hide */
    div.LightBoxPopup a.ClearHover:link,
    div.LightBoxPopup a.ClearHover:visited {
        color: #c42309 !important;
    }

    /*single image*/
    a.CloseImageBtn:link,
    a.CloseImageBtn:visited {
        font-size: 1.4em;
        font-weight: bolder;
        text-transform: uppercase;
        color: #ff6600;
        float: right;
    }
    a.CloseImageBtn:hover {
        color: #666;
        text-decoration: none;
    }
    /*gallery images*/
    a.CloseGalleryImageBtn:link,
    a.CloseGalleryImageBtn:visited {
        font-size: 1.4em;
        font-weight: bolder;
        text-transform: uppercase;
        color: #ff6600;
        float: right;
        padding: 0 0 0 10px;
        margin: 0 0 0 10px;
        border-left: 2px solid #ff6600;
    }
    a.CloseGalleryImageBtn:hover {
        color: #666;
        text-decoration: none;
    }
    /*images gallery control bar*/
    div.ControlBar {
        padding: 10px 0 0 0;
    }
        div.ControlBar a.NextBtn:link,
        div.ControlBar a.NextBtn:visited,
        div.ControlBar a.PrevBtn:link,
        div.ControlBar a.PrevBtn:visited {
            font-size: 1.2em;
            font-weight: bolder;
            color: #666;
            margin: 0 0 0 10px;
            float: right;
        }

        div.ControlBar a.NextBtn:hover,
        div.ControlBar a.PrevBtn:hover {
            color: #ff6600;
            text-decoration: none;
        }
        div.ControlBar p.Index {
            font-size: 1.2em;
            font-weight: bolder;
            color: #666;
            float: left;
        }
            div.ControlBar p.Index span {
                font-size: 1.2em;
                font-weight: bolder;
            }
        div.ControlBar p.CaptionGallery {
            font-size: 1.4em;
            font-weight: bolder;
            text-transform: uppercase;
            color: #666;
            float: left;
            padding: 1px 10px 0 0;
            margin: 0 10px 0 0;
            border-right: 2px solid #666;
        }
        div.ControlBar p.Caption {
            font-size: 1.4em;
            font-weight: bolder;
            text-transform: uppercase;
            color: #666;
            float: left;
        }
        p.LoadingErrorAler {
            font-size: 1.4em;
            font-weight: bolder;
            text-align: center;
            color: #666;
        }
/*end of.DO NOT REMOVE*/

/*User defined: demo page*/
div.Container {
    width: 800px;
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 20px;
    background: #efefef;
}
    h3.CategoryName {
        font-size: 2.2em;
        font-weight: bolder;
        color: #333;
        text-transform: uppercase;
        margin: 0 0 5px 0;
    }
    a.LightBoxCaller:link,
    a.LightBoxCaller:visited {
    }
    a.LightBoxCallerReload:link,
    a.LightBoxCallerReload:visited {
        font-size: 1em;
        font-weight: bolder;
        color: #ea3e00;
        text-decoration: underline;
    }
    a.LightBoxCallerReload:hover {
        color: #666;
        text-decoration: none;
    }

.PopupContainer {
    display: none;
    background: #efefef;
}
.Content {
    padding: 10px 20px;
    background: #efefef;
}
    .Content h2 {
        font-size: 2em;
        font-weight: bolder;
        color: #333;
        text-transform: uppercase;
    }
    .Content p {
        font-size: 1.4em;
        color: #000;
    }

/**/
ul.Gallery {
    width: 616px;
    overflow: hidden;
}
    ul.Gallery li {
        float: left;
        width: 144px;
        margin: 0 10px 10px 0;
    }
        ul.Gallery li a:link,
        ul.Gallery li a:visited,
        a.ImageLink:link,
        a.ImageLink:visited {
            display: block;
            width: 144px;
            height: 90px;
            overflow: hidden;
        }
            ul.Gallery li a:link img,
            ul.Gallery li a:visited img,
            a.ImageLink:link img,
            a.ImageLink:visited img {
                display: block;
                opacity: 0.8;
                -moz-opacity: 0.8;
                filter: alpha(opacity=80);
            }
            ul.Gallery li a:hover img,
            a.ImageLink:hover img {
                opacity: 1;
                -moz-opacity: 1;
                filter: alpha(opacity=100);
            }
p.Style01 {
    font-size: 1.2em;
    color: #fff;
    background: #666;
    margin: 10px;
    padding: 10px;
}
    p.Style01 a:link,
    p.Style01 a:visited {
        font-size: 1em;
        color: #ffff00;
        text-decoration: underline;
    }
    p.Style01 a:hover {
        text-decoration: none;
        font-style: italic;
        font-weight: bolder;
    }
.Content select {
    font-size: 1.2em;
}
div.LoginForm {
    padding: 10px;
    border: 1px solid #666;
    width: 300px;
    margin: 10px auto;
    overflow: hidden;
}
div.LoginForm fieldset {
    width: 100%;
    overflow: hidden;
}
    div.LoginForm label {
        display: block;
        font-weight: bolder;
        font-size: 1.4em;
        margin: 10px 0 5px 0;
    }
    div.LoginForm label,
    div.LoginForm input {
        color: #333;
    }
    div.LoginForm input.TypeText {
        font-size: 1.2em;
        width: 195px;
        display: block;
        padding: 0 0 0 5px;
        border: 1px solid #666;
        margin: 0;
        position: relative;
    }
    div.LoginForm select {
        width: 205px;
    }
    * html div.LoginForm select {
        width: 200px;
    }
    div.LoginForm input.SubmitBtn {
        font-size: 1.2em;
        display: block;
        margin: 10px 0 0;
        float: right;
    }
p.Style02 {
    font-size: 1.8em;
    font-weight: bolder;
    margin: 0 0 10px;
    color: #666;
}
pre {
    font-size: 1em;
}
    pre code {
        font-family: "Courier New";
        font-size: 1.8em;
        color: #000;
    }
a.GlobalTxtLnkStyle:link,
a.GlobalTxtLnkStyle:visited {
    font-size: 1.4em;
    font-weight: bolder;
    color: #333;
    padding: 5px;
    float: left;
    background: #fff;
    border: 2px solid #666;
}
a.GlobalTxtLnkStyle:hover {
    text-decoration: none;
    background: #666;
    border: 2px solid #333;
    color: #fff;
}