﻿/*** LIO Movie Default Page ****/
div.LIOTheMovieCalloutNarrow
{
	background: url(../Images/letItOutTheMovieCalloutNarrow.jpg) top left no-repeat;
	width: 209px;
	margin-bottom: 10px;
	height:207px;
}
div.LIOTheMovieNarrowCopy
{
	padding-top: 174px;
	padding-left: 107px;
}
/*** LIO Movie ****/
div.LIOTheMovieCalloutNew
{
	background: url(../Images/letItOutTheMovieCallout.jpg) top left no-repeat;
	width: 250px;
	margin-bottom: 10px;
	height: 214px;
}
div.LIOTheMovieCopyNew
{
	padding-top: 180px;
	padding-left: 140px;
}
div.LIOTheMovieCallout
{
	background: url(../Images/lioTheMovieCalloutBGTop.gif) top left no-repeat;
	padding-top: 41px;
	width: 250px;
	margin-bottom: 10px;
}
div.LIOTheMovieCopy
{
	background: url(../Images/lioTheMovieCalloutBGBottom.gif) bottom left no-repeat;
	padding: 0 80px 10px 10px;
}
div.WatchAndWinMovieLandingPageCallout
{
	background: url(../Images/watchAndWinRightCalloutOlympicMovieLanding.gif) top left no-repeat;
	width: 250px;
	height: 165px;
	margin: 3px 0 13px;
}
div.WatchAndWinMovieLandingPageCopy p
{
	font-size:11px;
	color:#ffffff;
	margin-bottom:3px;
}
div.WatchAndWinMovieLandingPageCopy
{
	padding-top:65px;
	padding-left:107px;
	padding-right:5px;
}
div.WatchAndWinMovieLandingPageBtn
{
	padding-top: 2px;
}

/***Default Page - Stay Connected***/
div.DefaultStayConnectedCallout
{
	background: url(../Images/stayConnectedCallout.gif) no-repeat;
	width: 209px;
	height: 79px;
}
div.DefaultStayConnectCopy
{
	padding: 28px 0px 0px 8px;
	color: #0059ab;
}
div.DefaultStayConnectFormContainer
{
	margin-top: 5px;
	padding-left: 10px;
}
div.DefaultStayConnectInput { float: left; }
	div.DefaultStayConnectedCallout input
	{
		border: solid 1px #999;
		color: #666;
		width: 133px;
	}
div.DefaultStayConnectButton
{
	float: left;
	padding-left: 6px;
}
div.DefaultStayConnectThanks
{
	margin-top: 5px;
	color: #0059ab;
}
/**** Promotion Stay Connected***/
div.PromoStayConnectedContainer
{
	margin-top: 10px;
	padding-bottom: 15px;
	background: url(../Images/Promotions/landingStayConnectedBackground.gif) no-repeat;
	width: 249px;
	height: 79px;
}
div.PromoStayConnectedContainer input
{
	border: solid 1px #999;
	color: #666;
	width: 170px;
}
/****
	Quick Release Global Class
							***/
div.QuestionIconContainer
{
	float: left;
	width: 25px;
	margin-right: 8px;
}
div.AnswerIconContainer
{
	float: left;
	width: 25px;
	margin-right: 8px;
}
div.QuickReleaseNav
{
	height: 20px;
	border-bottom: dotted 1px #FFA200;
	overflow: hidden;
}
div.QuickReleaseNav div.Navigation
{
	float: left;
	width: 120px;
	height: 23px;
	overflow: hidden;
	margin-left: 3px;
}
div.QuickReleaseLastNext
{
	float: left;
	margin-top: 3px;
}
div.Seperator
{
	float: left;
	margin: 0px 3px;
	color: #0046ae;
}
div.QuickReleaseNav div.Name
{
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #0046ae;
}
div.FormTitle
{
	margin: 5px 0px 5px;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #FFA200;
}					
/****
	Narrow Quick Release
					****/
div.NarrowQuickRelease
{
	background: url(../Images/quickReleaseNarrowBackground.gif) no-repeat;
	width: 230px;
	height: 272px;
	padding: 41px 10px 10px 10px;
	overflow: hidden;
}
div.NarrowQuickRelease div.QuestionAnswerContainer
{
	width: 230px;
	height: 120px;
	overflow: hidden;
}
div.NarrowQuickRelease div.QuestionContainer
{
	padding-bottom: 5px;
	width: 230px;
	overflow: hidden;
}
div.NarrowQuickRelease div.Question
{
	float: left;
	width: 197px;
	font-family: Times, "Times New Roman", Serif;
	color: #0046ae;
	text-align: left;
	font-size: 16px;
}
div.NarrowQuickRelease div.AnswerContainer
{
	padding-bottom: 5px;
	width: 230px;
	overflow: hidden;
}
div.NarrowQuickRelease div.Answer
{
	float: left;
	overflow: hidden;
	text-align: left;
	width: 197px;
	font-family: Times, "Times New Roman", Serif;
	color: #0046ae;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
}
div.NarrowQuickRelease div.Form { width: 230px; }
div.NarrowQuickRelease table { width: 230px; }
div.NarrowQuickRelease td.QuickReleaseLabel
{
	text-align: right;
	width: 56px;
	font-size: 11px;
	padding: 3px 2px 3px 0px;
	color: #ffa200;
}
	div.NarrowQuickRelease td.QuickReleaseLabel span
	{
		text-align: right;
		font-size: 10px;
		color: #6698c5;
	}
div.NarrowQuickRelease td.QuickReleaseTextArea
{
	width: 170px;
	padding-bottom: 3px;
}
div.NarrowQuickRelease td.QuickReleaseButton
{
	width: 230px;
	text-align: right;
}
	div.NarrowQuickRelease td.QuickReleaseTextArea textarea
	{
		width: 170px;
		height: 30px;
		border: solid 1px #0046ae;
	}
	div.NarrowQuickRelease td.QuickReleaseTextArea input
	{
		width: 170px;
		border: solid 1px #0046ae;
	}
/****
	DELETE WHEN OLYMPIC PROMOTION IS OVER
	    Narrow Quick Release Olympic
				**/
div.NarrowQuickReleaseOlympic div.NarrowQuickRelease
{
	background: url(../Images/quickReleaseOlympicNarrowBackground.gif) no-repeat;
	height: 272px;
	padding: 41px 10px 0px 10px;
}
div.NarrowQuickReleaseOlympic div.FormTitle
{
	color: #E84E33;
}	
div.NarrowQuickReleaseOlympic div.QuickReleaseNav
{
	border-bottom: dotted 1px #E84E33;
}
div.NarrowQuickReleaseOlympic td.QuickReleaseLabel
{
	color: #e84e33;
}
	div.NarrowQuickReleaseOlympic td.QuickReleaseLabel span
	{
		color: #e84e33;
	}
/**** Product Locator ****/
div.RightContentCallout { padding-bottom: 10px; }
/***Tell a Friend****/
div.TellAFriendContainer
{
	width: 249px;
	height: 38px;
	padding: 43px 0px 15px 5px;
	text-align: left;
}
/****Products - Design Your Own Box ***/
div.DesignCustomizeContainer
{
	background: url(../Images/Products/DesignYourBox/landingCustomizeBackground.gif) no-repeat;
	width: 227px;
	padding: 10px 11px 0px 12px;
	height: 381px;
	overflow: hidden;
}
div.DesignCustomizeTitle h2
{
	font-size: 18px;
	color: #fff;
	margin-bottom: 5px;
}
div.DesignCustomizeCopyBlock { margin-bottom: 10px; }
	div.DesignCustomizeCopyBlock p
	{
		margin-bottom: 5px;
		color: #fff;
		font-weight: bold;
	}
	div.DesignCustomizeCopyBlock ul
	{
		margin-top: 0px;
		padding: 0px;
		margin-left: 27px;
		color: #fff;
	}
/**** Share Olympic Memory Callout ***/
div.OlympicMemoryCallout
{
	background-image: url( ../Images/Promotions/olympicMemoryCalloutBG.jpg);
	width: 250px;
	background-repeat: no-repeat;
	height: 157px;
}
div.OlympicMemoryCallout p
{
	padding: 55px 85px 0px 10px;
	color: #fff;
	font-size: 12px;
}
div.OlympicMemoryCallout a img
{
	position: absolute;
	bottom: 15px;
	left: 13px;
}
/****Inside the Commercials***/
div.LIOLandingCommercialsContainer
{
	background: url(../Images/LetItOut/landingInsideCommercialBackground.jpg) no-repeat;
	width: 250px;
	height: 245px;
	margin-top: 10px;
	overflow: hidden;
}
div.LIOLandingCommercialsUKContainer
{
	background: url(../Images/LetItOut/landingTheCommericalBackground.jpg) no-repeat;
	width: 250px;
	height: 350px;
	margin-top: 43px;
	overflow: hidden;
}
/****LIO Release Emotions*****/
div.LIOReleaseRightContentContainer div.LIOReleaseEmotionContainer
{
	margin-bottom: 5px;
	width: 209px;
	overflow: hidden;
}
div.LIOReleaseRightContentContainer div.LIOReleaseEmotionCopy
{
	float: left;
	width: 149px;
	margin-right: 10px;
	font-size: 10px;
	color: #333;
}
div.LIOReleaseRightContentContainer div.LIOReleaseEmotionGraphic
{
	float: left;
	width: 50px;
}
/****LIO Inside Commercials Emotions*****/
div.CommercialsRightContentContainer div.LIOReleaseEmotionContainer
{
	margin-bottom: 5px;
	width: 245px;
	overflow: hidden;
}
div.CommercialsRightContentContainer div.LIOReleaseEmotionCopy
{
	float: left;
	width: 185px;
	margin-right: 10px;
	font-size: 10px;
	color: #333;
}
div.CommercialsRightContentContainer div.LIOReleaseEmotionGraphic
{
	float: left;
	width: 50px;
}
/****LIO Release Couch***/
div.LIOReleaseCouchGraphicContainer 
{ 
	padding: 30px 0px 30px 25px;
	text-align: center;
}
/****Official Supplier of Olympics***/
div.MoviesOlympicsContainer
{
	background: url(../Images/Promotions/movieOlympicsBackground.gif) no-repeat;
	width: 209px;
	height: 63px;
	padding: 100px 20px 0px 20px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
/****Through the Decades ****/
div.BrandThroughDecades
{
	margin: 41px 0px 10px;
	background: url(../Images/About/brandStoryDecadesBackground.jpg) no-repeat;
	width: 205px;
	height: 166px;
	padding: 53px 27px 0px 18px;
	overflow: hidden;
}
div.BrandThroughDecadesCopy { color: #fff; }
div.BrandThroughDecadesButton 
{ 
	margin-top: 10px; 
	width: 95px;
	height: 19px;
}
/**** Did You Know***/
div.DidYouKnowCallout
{
	background: url(../Images/About/didYouKnowBackgroundTop.gif) no-repeat;
	width: 208px;
	height: 120px;
	padding: 12px 10px 5px 32px;
	text-align: left;
	overflow: hidden;
}
div.Sustainability div.DidYouKnowCallout
{
	height: 80px;
}
div.DidYouKnowCopy 
{ 
	color: #333;
	margin: 10px;
}
div.DidYouKnowBottom 
{ 
	height: 14px;
	line-height: 1px;
	margin:0;
	margin-bottom:20px; 
	padding: 0;
	background: url(../Images/About/didYouKnowBackgroundBottom.gif) no-repeat bottom center;
}
