/*
----------------------------------------------------------------------------------------------
McDonald's Brithday Party
Author:   Tribal DDB HK (Garfield Chan)
Created:  21 January 2008

History:

---------------------------------------------------------------------------------------------- */


/* Default
---------------------------------------------------------------------------------------------- */

html body,
body {
	height:100%;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bday_bg.jpg);
	background-color:#fcf5be;
	background-repeat:no-repeat;
	background-position:top center;
	/*background-color:#E3E877;*/
background-color: #FCF5BE;
	color:#000;
}

img {
	border:0px;
	border-style:none;
	color: #D6D6D6;
}

a:link {color:#FF7979; text-decoration:none; }
a:visited {color:#FF7979; text-decoration:none; }
a:active {color:#FF7979; text-decoration:none; }
a:hover {color:#FF7979; text-decoration:underline; }

table {
	margin:0px;
	padding:0px;
	border:0px none;
	border-spacing:0;
	border-collapse:collapse;
}

.tm {
	font-size:7px;
}

/* Float control
---------------------------------------------------------------------------------------------- */

.floatLeft {
	float:left;
	margin:0px;
	padding:0px;
}

.floatRight {
	float:right;
	margin:0px;
	padding:0px;
}

.floatFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.floatFix {display:inline-block; }
/* Hides from IE-mac \*/
* html .floatFix {height:0; }
.floatFix {
	display:block;
	color: #0C2B61;
}
/* End hide from IE-mac */


/* Text style
---------------------------------------------------------------------------------------------- */

.textBold,
.textBoldnUline,
.textBoldnItal,
.textBoldnUlinenItal
{
	font-weight: bold !important;
}
.textUline,
.textBoldnUline,
.textBoldnUlinenItal,
.textUlinenItal
{
	text-decoration: underline !important;
}
.textItal,
.textBoldnItal,
.textBoldnUlinenItal,
.textUlinenItal
{
	font-style: italic !important;
}


/* Content container
---------------------------------------------------------------------------------------------- */

#containerMain /*IE*/
{
	width:100%;
	height:100%;
	text-align:center;
}
#containerMain /*Firefox*/
{
	width:100%;
	height:100%;
	text-align:-moz-center;
}

#containerBodyArea {
	width:100%;
}

#containerNavArea {
	width:1000px;
}

#containerContentArea {
	width:100%;
}

#containerFooterArea {
	width:100%;
	padding:20px 0px;
	font-size:8pt;
}


/* Subnav compondents
---------------------------------------------------------------------------------------------- */

ul#navList {
	width:1000px;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:0px;
}

	ul#navList li {
		float:left;
		margin:0px 0px;
		padding:0px;
	}
	
/*ul#navList_mt {
	width:900px;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:0px;
}

	ul#navList_mt li {
		float:left;
		margin:0px 0px;
		padding:0px;
	}
*/

/* Content components
---------------------------------------------------------------------------------------------- */

.navPanel {
	width:800px;
	background:#FFF;
}

.navPanel_mt {
	width:798px;
	background:#0B2B61;
}

.mainbody {
	width:1000px;
	background:url(images/body_backgd.gif) repeat-y;
}

.mainbody_mt {
	width:1000px;
	background:url(images/body_backgd_mt.gif) repeat-y;
}

.top_mt {
	background:url(images/top_bg_mt.gif) no-repeat;
}

/* Home components
---------------------------------------------------------------------------------------------- */

.homeTitle {
	margin:10px 0px 0px 0px;
	padding:0px;
}

.homeLeft {
	text-align:left;
}

	.homeBox {
		margin:0px;
		padding:221px 0px 0px 41px;
	}

	.homeBtm {
		margin:0px;
		padding:8px 0px 0px 50px;
	}

	.homeTxt {
		margin:0px;
		padding:22px 0px 0px 0px;
	}

	.homeBox2 {
		width:276px;
		*width:450px;
		height:40px;
		margin:0px;
		padding:0px 0px 0px 174px;
		background:#FFC211;
	}

.homeRight {
	margin:0px 31px 0px 0px;
	padding:0px;
}


/* Second Level components
---------------------------------------------------------------------------------------------- */

.subBtmBox {
	width:760px;
	margin-left:40px !important;
	padding:10px 40px 23px 40px !important;
	padding:10px 40px 23px 0px;
	font-size:11px;
	text-align:left;
	color:#666666;
}

.subBtmBox_mt {
	width:700px;
	height:388px;
	/*margin-left:40px !important;*/
	padding:10px 40px 23px 40px !important;
	padding:10px 40px 23px 0px;


/*	background-image:url(images/mactonight_tnc_bg.gif);*/
	background-color:#00F
	background-repeat:no-repeat;
	font-size:11px;
	text-align:left;
	color:#FFF;
}

.subTopLeft {
	margin:0px 0px 0px 50px !important;
	margin:0px;
	padding:0px !important;
	padding:0px 0px 0px 50px;
	text-align:left;
	b
}

	.subTitle {
		margin:27px 0px 0px 23px;
		padding:0px;
	}

	.subTxt {
		margin:18px 0px 0px 0px;
		padding:0px;
	}

	.subTxt2 {
		margin:18px 0px 0px 22px;
		padding:0px;
	}


/* Instore components
---------------------------------------------------------------------------------------------- */

.instrTopRight {
	margin:10px 21px 0px 0px;
	padding:0px;
}

.instrMidBox {
	background:url(images/instore_midbox_bg.jpg) no-repeat;
}

	.instrBtn1 {
		margin:0px 0px 0px 67px;
		padding:0px;
	}

	.instrBtn2 {
		margin:25px 0px 0px 6px;
		padding:0px;
	}


/* Onway components
---------------------------------------------------------------------------------------------- */

.mactonightTopRight {
	margin:19px 8px 0px 0px;
	padding:0px;
}

.mactonightMidBox {
	margin:0px 0px 0px 36px;
	padding:0px;
	text-align:left;
}

	.mactonightMidBox div {
		margin:0px 0px 0px 35px;
		padding:0px;
	}


/* Gift components
---------------------------------------------------------------------------------------------- */

.giftTopRight {
	margin:3px 45px 0px 0px;
	padding:0px;
}

.giftMidBox {
	background:url(images/gift_midbox_bg.jpg) no-repeat;
	text-align:left;
}

	.giftBtn1 {
		margin:0px 0px 0px 67px !important;
		margin:0px;
		padding:0px !important;
		padding:0px 0px 0px 67px;
	}

	.giftBtn2 {
		margin:25px 0px 0px 6px;
		padding:0px;
	}

	.giftTblRm {
		margin:20px 0px 0px 50px !important;
		margin:0px;
		padding:0px !important;
		padding:20px 0px 0px 50px;
	}

		.giftTblRm div.tblTitle {
			margin:0px 0px 0px 26px !important;
			margin:0px;
			padding:0px !important;
			padding:0px 0px 0px 26px;
		}

		.giftTblRm div.tblTop {
			margin:44px 309px 0px 0px !important;
			margin:0px;
			padding:0px !important;
			padding:44px 309px 0px 0px;
		}

		.giftTblRm div.tblMid {
			margin:0px 0px 0px 30px;
			padding:0px;
		}

		.giftTblRm div.tblTxt {
			margin:15px 0px 0px 34px !important;
			margin:0px;
			padding:0px !important;
			padding:15px 0px 0px 34px;
			color:#666666;
			font-size:11px;
		}

		.giftTblRm div.tblBtm {
			margin:0px 50px 0px 0px !important;
			margin:0px;
			padding:0px !important;
			padding:0px 50px 0px 0px;
		}

	.giftTblKe {
		margin:13px 0px 0px 50px !important;
		margin:0px;
		padding:0px !important;
		padding:13px 0px 0px 50px;
	}

		.giftTblKe div.tblTitle {
			margin:0px 0px 0px 26px !important;
			margin:0px;
			padding:0px !important;
			padding:0px 0px 0px 26px;
		}

		.giftTblKe div.tblTop {
			margin:50px 176px 0px 0px !important;
			margin:0px;
			padding:0px !important;
			padding:50px 176px 0px 0px;
		}

		.giftTblKe div.tblMid {
			margin:0px 0px 0px 30px;
			padding:0px;
		}

		.giftTblKe div.tblTxt {
			margin:15px 0px 0px 34px !important;
			margin:0px;
			padding:0px !important;
			padding:15px 0px 0px 34px;
			color:#666666;
			font-size:11px;
		}

		.giftTblKe div.tblBtm {
			margin:0px 368px 0px 0px !important;
			margin:0px;
			padding:0px !important;
			padding:0px 368px 0px 0px;
		}

	.giftTblLm {
		margin:22px 0px 0px 50px !important;
		margin:0px;
		padding:0px !important;
		padding:22px 0px 0px 50px;
	}

		.giftTblLm div.tblTitle {
			margin:0px 0px 0px 26px !important;
			margin:0px;
			padding:0px !important;
			padding:0px 0px 0px 26px;
		}

		.giftTblLm div.tblTop {
			margin:50px 176px 0px 0px !important;
			margin:0px;
			padding:0px !important;
			padding:50px 176px 0px 0px;
		}

		.giftTblLm div.tblMid {
			margin:0px;
			padding:0px;
		}

		.giftTblLm div.tblTxt {
			margin:15px 0px 0px 34px !important;
			margin:0px;
			padding:0px !important;
			padding:15px 0px 0px 34px;
			color:#666666;
			font-size:11px;
		}

		.giftTblLm div.tblBtm {
			margin:0px 388px 0px 0px !important;
			margin:0px;
			padding:0px !important;
			padding:0px 388px 0px 0px;
		}

	.giftBalloon {
		margin:22px 0px 0px 89px;
		padding:0px;
	}


/* News components
---------------------------------------------------------------------------------------------- */

.newsTopRight {
	margin:3px 0px 0px 0px;
	padding:0px;
}

.newsMidBox {
	margin:0px 0px 0px 71px;
	padding:0px;
	text-align:left;
}


/* Coupon components
---------------------------------------------------------------------------------------------- */

.bodycoupon {
	margin:0px;
	background:#FFF;
}

#containerMainCoupon /*IE*/
{
	width:100%;
	height:100%;
	text-align:center;
	background:#FFF;
}
#containerMainCoupon /*Firefox*/
{
	width:100%;
	height:100%;
	text-align:-moz-center;
}

#containerBodyAreaCoupon {
	width:600px;
	height:500px;
	background:#FFF;
}

#containerContentAreaCoupon {
	width:100%;
}

.couponBtn {
	width:543px;
	margin:10px 0px 0px 18px;
	padding:0px;
	text-align:left;
}

/* Share components
---------------------------------------------------------------------------------------------- */

.share_archive {
	position:absolute;
	text-align:right;
	width:850px;
	margin-top:50px;
	margin-right:0px;
}

.share {
	background-image:url(images/share_photo_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	position:absolute;
	width:1000px;
	text-align:center;
	margin-top:30px;
	padding-bottom:50px;
}

#photo_nav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ec1c24;
}