/* CSS Document */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #3571b9 url(../images/rewards-bg.jpg) repeat-x;
	background-position: left top;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	height:15px;
	color: #000000;
	
}


a	{
	color: #ffffff;
	text-decoration: none;
}

a:hover	{
	text-decoration: none;
}

#wrapper{
	margin:0 auto;
	text-align:center;
	width:932px;
	height:auto;
	
}

#headercontainer{
	margin:0 auto;
	float:left;
	text-align:left;
	width:932px;
	height:auto;
	padding-left:0px;
	padding-top:0px;
	
}

#headertop{
	margin:0 auto;
	float:left;
	width:918px;
	height:111px;
	margin-top:0px;
	padding-top:0px;
	padding-left:14px;
	
	
}

#shoponlinetop{
	margin:0 auto;
	float:left;
	width:135px;
	height:30px;
	background:url(../images/img-shop-online-top.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color: #ffffff;
	margin-top:0px;
	padding-top:12px;
	padding-left:19px;
	
	
	
}

#shoponlinetop a {
	color: #ffffff;
	text-decoration: none;
}

#shoponlinetop a:hover {
	text-decoration: underline;

}



#logo{
	margin:0 auto;
	float:right;
	width:401px;
	height:111px;
	margin-top:0px;
	padding-top:0px;
	
	
}


#navcontainer{
	margin:0 auto;
	float:left;
	width:921px;
	height:34px;
	background:url(../images/bg-navi.png) no-repeat;
	margin-bottom:1px;
	padding-top:0px;
	padding-left:11px;
	
	
}

#navibox ul
{
float:left;
margin: 9px 0px 0px 0px;
padding: 0;
list-style-type: none;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
height:15px;

}

#navibox ul li { display: inline; }

#navibox ul li a
{
text-decoration: none;
padding: 9px 9px 9px 9px;
color: #ffffff;

}

#navibox ul li a:hover
{
color: #ffffff;
background:url(../images/bg-navi-hover.gif) repeat-x;
}


#container{
	margin:0 auto;
	float:left;
	text-align:left;
	width:932px;
	height:auto;
	padding:0px;
	margin-top:0px;
	
	}


#mainboxtop{
	margin:0 auto;
	float:left;
	width:932px;
	height:8px;
	padding:0px;
	background:url(../images/main-top.png) no-repeat;
	

}

#mainbox{
	margin:0 auto;
	float:left;
	text-align:left;
	width:896px;
	height:auto;
	padding:0px;
	background:url(../images/main-middle.png) repeat-y;
	padding-left:18px;
	padding-right:18px;
	padding-top:11px;
	

}

#leftpannel{
	margin:0 auto;
	float:left;
	text-align:left;
	width:262px;
	height:auto;
	padding:0px;
	padding-right:15px;
	
	}

#rewardsboxinner{
	margin:0 auto;
	float:left;
	text-align:left;
	width:198px;
	height:86px;
	background:url(../images/TLC_Rewards_Card.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	color: #ffffff;
	padding-top:70px;
	padding-left:14px;
	padding-right:50px;
	margin-bottom:45px;
	
	}	
	
	
#leftnavicontainer{
	margin:0 auto;
	float:left;
	text-align:left;
	width:248px;
	height:auto;
	padding-left:14px;
	margin-bottom:30px;
	
	}
	
#leftnavibox{
	margin:0 auto;
	float:left;
	width:234px;
	text-align:left;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:25px;
	color: #000000;
	padding:0px;
   
}


#rightcontent{
	margin:0 auto;
	float:left;
	width:619px;
	text-align:left;
	height:auto;
	padding:0px;
	margin-bottom:30px;
   
}

#topimageinner{
	margin:0 auto;
	float:left;
	width:619px;
	height:156px;
	text-align:left;
	/*background:url(../images/img-franchise-header.jpg) no-repeat;*/
	padding:0px;
	margin-bottom:45px;
   
}

#contentarea{
	margin:0 auto;
	float:left;
	width:619px;
	height:auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	color: #000000;
	padding:0px;
	margin-bottom:0px;
   
}

.cap1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	color: #0092d1;
	
}

.img {
padding: 5px 0px 30px 30px;
}

	
#mainboxbottom{
	margin:0 auto;
	float:left;
	text-align:left;
	width:932px;
	height:8px;
	padding:0px;
	background:url(../images/main-bottom.png) no-repeat;
	

}




#leftbox{
	margin:0 auto;
	float:left;
	text-align:left;
	width:362px;
	height:auto;
	padding:0px;
	padding-right:19px;
	margin-bottom:18px;
	
	}
	
#franchisebox{
	margin:0 auto;
	float:left;
	text-align:left;
	width:219px;
	height:76px;
	background:url(../images/tab-franchise02.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	color: #ffffff;
	padding-top:80px;
	padding-left:13px;
	padding-right:130px;
	
	
	}	


#franchiseboxtop{
	margin:0 auto;
	float:left;
	text-align:left;
	background:url(../images/tab-franchise01.jpg) no-repeat;
	width:362px;
	height:156px;
	margin-bottom:18px;
	
	}
	
.shadow{
	float:left;
	filter:alpha(opacity=100);
	-moz-opacity:.100;
	opacity:.99;    
}
.shadow:hover {
	float:left;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}


#maintabbox{
	margin:0 auto;
	float:left;
	text-align:left;
	width:514px;
	height:329px;
	/*background:url(../images/tab-main.jpg) no-repeat;*/
	margin-bottom:20px;
	
	}	
	
	
#bottomboxcontainer{
	margin:0 auto;
	float:left;
	text-align:left;
	width:896px;
	height:auto;
	padding:0px;
	margin-bottom:11px;
}

	
#shopbox{
	margin:0 auto;
	float:left;
	text-align:left;
	width:120px;
	height:76px;
	background:url(../images/tab-shop-online.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	color: #ffffff;
	padding-top:80px;
	padding-left:13px;
	padding-right:26px;
	margin-right:19px;
	
	}	

#careerbox{
	margin:0 auto;
	float:left;
	text-align:left;
	width:120px;
	height:76px;
	background:url(../images/tab-career-opportunities.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	color: #ffffff;
	padding-top:80px;
	padding-left:13px;
	padding-right:26px;
	margin-right:19px;
	
	}	

#newsbox{
	margin:0 auto;
	float:left;
	text-align:left;
	width:120px;
	height:76px;
	background:url(../images/tab-latest-news.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	color: #ffffff;
	padding-top:80px;
	padding-left:13px;
	padding-right:26px;
	margin-right:19px;
	
	}
	
#storebox{
	margin:0 auto;
	float:left;
	text-align:left;
	width:119px;
	height:76px;
	background:url(../images/tab-store-location.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	color: #ffffff;
	padding-top:80px;
	padding-left:230px;
	padding-right:13px;
	
	
	}		

#footerContainer{
	float:left;
	text-align:left;
	width:896px;
	height:90px;
	background: url(../images/bg-footer.png) no-repeat;
	padding-top:17px;
	padding-left: 18px;
	padding-right:18px;
	margin-top:18px;
	padding-bottom:8px;	
	
}


#footertop{
	float:left;
	margin:0 auto;
	width:896px;
	height:32px;
	text-align:left;
	padding-bottom:5px;
	
	}

#footerlink{
	float:left;
	margin:0 auto;
	width:auto;
	height:22px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:15px;
	color:#848484;
	padding-top:10px;
}


#footerlink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	color:#CACACA;
	text-decoration: none;
}

#footerlink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	color:#848484;
	text-decoration: underline;

}

#follow{
	float:right;
	margin:0 auto;
	width:auto;
	height:32px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
	color:#848484;
}

#footerhr{
	float:left;
	margin:0 auto;
	width:896px;
	height:1px;
	text-align:left;
	background-color:#686868;
	
}


#footerbottom{
	float:left;
	margin:0 auto;
	width:896px;
	height:25px;
	text-align:left;
	padding-top:10px;
	
	}
#footertext{
	float:left;
	margin:0 auto;
	width:auto;
	height:auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	color:#A0A0A0;
	
}

#footertext a {
	color:#A0A0A0;
	text-decoration: underline;
}

#footertext a:hover {
	color:#848484;
	text-decoration: none;

}

#site{
	float:right;
	margin:0 auto;
	width:auto;
	height:auto;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	color:#A0A0A0;
	
}

#site a {
	color:#00A1C6;
	text-decoration: none;
}

#site a:hover {
	color:#00A1C6;
	text-decoration: underline;

}


/*-------------------------------- 	li for left navi	 	---------------------*/
#leftnavibox ul {
						
						list-style-type:none;
						margin:0px;
						padding:0px;
						}
						
							
#leftnavibox li	{
						width: 234px;
						font-family: Arial, Helvetica, sans-serif;
						font-size:12px;
						text-transform:uppercase;
						font-weight:normal;
						height:25px;
						color: #000000;
						background:url(../images/bg-navi-left.gif) no-repeat;
						text-decoration: none;
						padding: 0px 0px 0px 3px;
						margin:0px 0px 0px 0px;
						display:block;
						
												
						}
						
#leftnavibox li a			{
						font-family:  Arial, Helvetica, sans-serif;
						font-size:12px;
						text-transform:uppercase;
						font-weight:normal;
						height:25px;
						color: #000000;
						text-decoration: none;
						display:block;
						padding: 0px 0px 0px 0px;
						margin:0px 0px 0px 0px;
			
						}


#leftnavibox li a:hover		{
						font-family: Arial, Helvetica, sans-serif;
						font-size:12px;
						text-transform:uppercase;
						font-weight:normal;
						height:25px;
						color: #0092d1;
						text-decoration: none;
						display:block;
						padding: 0px 0px 0px 0px;
						margin:0px 0px 0px 0px;
									
						}