html
{
	width: 100%;
	margin: 0;
	padding: 0;
}

body
{
	width: 994px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#body
{
	width: 992px;
	margin: 0 auto;
	border-style: solid;
	border-width: 1px;
}

#bodyPopup
{
	width: 100%;
	margin: 0 auto;
}

#bodyHome
{
	width: 992px;
	margin: 0 auto;
	border-style: solid;
	border-width: 1px;
}

img
{
	border: none;
}

form
{
	margin: 0px;
	padding: 0px;
}

p
{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}

.errorText
{
	padding: 2px;
}

#container
{
	width: 800px;
	margin: 0 auto;
}

#containerHome
{
	width: 800px;
	margin: 0 auto;
}

#containerPopup
{
	width: 100%;
}

#header
{
	clear: both;
	width: 800px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#headerLeft
{
	clear: both;
	width: 659px;
	float: left;
}

#headerRight
{
	width: 131px;
	float: right;
	padding-left: 10px;
}

#headerLeftTop
{
	width: 659px;
	height: 35px;
}

#headerLeftMiddle
{
	width: 659px;
	height: 27px;
}

#headerLeftBottom
{
	width: 654px;
	height: 24px;
	padding-right: 5px;
	line-height: 24px;
	text-align: right;
	vertical-align: middle;
}

#content
{
	clear: both;
	width: 800px;
	min-height: 490px;
	padding-bottom: 10px;
}

#contentHome
{
	clear: both;
	width: 800px;
	min-height: 600px;
}

#contentPopup
{
	width: 100%;
}

#centeredContent
{
	clear: both;
	width: 560px;
	margin: 0 auto;
	min-height: 490px;
}

#centeredContentFullWidth
{
	clear: both;
	width: 800px;
	margin: 0 auto;
	min-height: 490px;
}

#footerLinks
{
	clear: both;
	width: 982px;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
	text-align: right;
	height: 14px;
	padding-bottom: 3px;
}

/* SITE MAP */
.siteMapSection
{
	width: 800px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.siteMapPage
{
	width: 780px;
	padding-top: 5px;
}

/*----------------------------------------------------------- DOB CHECK AREA --------------------------------------------------------*/

/* INTERSTITIAL PAGE */
#welcome
{
	width: 800px;
	padding: 5px 0px 0px 0px;
}

#welcomeTop
{
	width: 800px;
	margin-top: 80px;
	text-align: center;
}

#welcomeBottom
{
	width: 800px;
	margin-top: 40px;
	min-height: 126px;
}

#ageTextLarge
{
	clear: both;
	width: 800px;
	text-align: center;
}

#ageTextSmall
{
	clear: both;
	width: 800px;
	text-align: center;
	padding-top: 10px;
}

#dobCheck
{
	padding-top: 0px;
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

#dobCheck .textBox
{
	width: 30px;
}

#dobCheck .textBoxWide
{
	width: 60px;
}

/*-------------------------------------------------------------- HOME PAGE AREA --------------------------------------------------------*/

/* HOME PAGE */
#homePageBody
{
	clear: both;
	width: 727px;
	margin-left: 37px;
	margin-right: 36px;
}

#homePageBodyTop
{
	width: 727px;
	height: 44px;
	padding-top: 44px;
	background-image: url("../images/hometop.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

#homePageBodyMiddle
{
	width: 727px;
	height: 195px;
	background-image: url("../images/homemiddle.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

#homePageBodyBottom
{
	width: 727px;
}

#homePageBodyCol1
{
	width: 456px;
	float: left;
	padding-top: 10px;
}

#homePageBodyCol2
{
	width: 261px;
	min-height: 268px;
	float: right;
	background-image: url("../images/homebottomright.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

/*------------------------------------------------------LOGIN/REGISTER AREA --------------------------------------------------------*/

/* USER LOGIN */
#userLogin
{
	clear: both;
	width: 480px;
	padding: 10px;
	text-align: center;
}

#userLoginForm
{
	clear: both;
	width: 460px;
	padding: 10px 10px 5px 10px;
	margin: 0 auto;
}

.userLoginFormRow
{
	clear: both;
	width: 460px;
	margin-bottom: 5px;
}

.userLoginFormRow.rightAlign
{
	text-align: right;
	margin-top: 10px;
}

.userLoginFormRow .label
{
	width: 30%;
	float: left;
	text-align: right;
	vertical-align: middle;
}

.userLoginFormRow .field
{
	width: 68%;
	float: right;
	text-align: left;
	vertical-align: middle;
}

.userLoginFormRow .field .textBox
{
	border-width: 0px;
}

/* USER REGISTER */
#userRegister
{
	clear: both;
	width: 600px;
	padding: 10px;
	text-align: center;
	margin: 0 auto;
}

#userRegisterForm
{
	width: 580px;
	padding: 10px 10px 0px 10px;
	margin: 0 auto;
}

.userRegisterFormRow
{
	clear: both;
	width: 580px;
	margin-bottom: 5px;
}

.userRegisterFormRow .label
{
	width: 38%;
	float: left;
	text-align: right;
	vertical-align: middle;
}

.userRegisterFormRow .field
{
	width: 60%;
	float: right;
	text-align: left;
	vertical-align: middle;
}

.userRegisterFormRow .field .textBox
{
	width: 100%;
	border-width: 0px;
}

.userRegisterFormRow.rightAlign
{
	margin-top: 10px;
	text-align: right;
}

/* PASSWORD REMINDER */
#passwordReminder
{
	clear: both;
	width: 480px;
	padding: 10px;
	text-align: center;
}

#passwordReminderForm
{
	clear: both;
	width: 460px;
	padding: 10px 10px 0px 10px;
	margin: 0 auto;
}

.passwordReminderFormRow
{
	clear: both;
	width: 460px;
	margin-bottom: 5px;
}

.passwordReminderFormRow.rightAlign
{
	clear: both;
	width: 460px;
	margin-top: 10px;
	text-align: right;
}

.passwordReminderFormRow .label
{
	width: 30%;
	float: left;
	text-align: right;
	vertical-align: middle;
}

.passwordReminderFormRow .field
{
	width: 68%;
	float: right;
	text-align: left;
	vertical-align: middle;
}

.passwordReminderFormRow .field .textBox
{
	width: 100%;
	border-width: 0px;
}

/* EDIT USER PROFILE */
#editUserProfile
{
	clear: both;
	width: 800px;
	text-align: center;
	margin: 0 auto;
}

#editUserProfileForm
{
	width: 540px;
	padding: 5px 5px 0px 5px;
	margin: 0 auto;
}

.editUserProfileFormRow
{
	clear: both;
	width: 540px;
	margin-bottom: 5px;
}

.editUserProfileFormRow.rightAlign
{
	margin-top: 10px;
	text-align: right;
}

.editUserProfileFormRow.centerAlign
{
	text-align: center;
}

.editUserProfileFormRow .label
{
	width: 45%;
	float: left;
	text-align: right;
	vertical-align: middle;
}

.editUserProfileFormRow .field
{
	width: 53%;
	float: right;
	text-align: left;
	vertical-align: middle;
}

.editUserProfileFormRow .field .textBox
{
	border-width: 0px;
}

/*------------------------------------------------------------- COMPETITION AREA --------------------------------------------------------*/

/* COMPETITION RULES AND TERMS (POPUP) */
#competitionRulesBody
{
	width: 630px;
	margin: 10px;
}

#competitionTermsBody
{
	width: 630px;
	margin: 10px;
}

/* COMPETITION DETAILS */
#competitionDetailsBody
{
	clear: both;
	width: 800px;
}

.competitionDetailsRow
{
	width: 800px;
	margin-bottom: 10px;
}

.competitionDetailsRow.centerAlign
{
	width: 800px;
	margin-bottom: 10px;
	text-align: center;
}

.competitionDetailsRow.centerAlign .rules
{
	width: 500px;
	padding: 5px;
	margin: 0 auto;
}

.competitionDetailsRow .left
{
	width: 222px;
	float: left;
	margin-left: 19px;
	text-align: center;
	background-image: url("../Images/PrizesBackground.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 33px;
	padding-top: 305px;
}

.competitionDetailsRow .center
{
	width: 318px;
	float: left;
	text-align: center;
	height: 333px;
}

.competitionDetailsRow .right
{
	width: 222px;
	float: right;
	margin-right: 19px;
	text-align: center;
	background-image: url("../Images/EntriesBackground.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 313px;
	padding-top: 20px;
}

#winnersDiv
{
	height: 215px;
	margin-top: 5px;
	overflow-y: auto;
	overflow-x: none;
}

/*-------------------------------------------------------------- CLAIM PRIZE PAGE --------------------------------------------------------*/

/* CLAIM PRIZE */
#claimPrize
{
	clear: both;
	width: 560px;
}

#claimPrizeForm
{
	clear: both;
	width: 550px;
	padding: 5px;
}

.claimPrizeFormRow
{
	width: 550px;
	margin-bottom: 10px;
}

.claimPrizeFormRow.rightAlign
{
	width: 550px;
	margin-bottom: 10px;
	text-align: right;
}

.claimPrizeFormRow .label
{
	width: 25%;
	float: left;
	text-align: right;
	vertical-align: middle;
}

.claimPrizeFormRow .field
{
	width: 73%;
	float: right;
	text-align: left;
	vertical-align: middle;
}

.claimPrizeFormRow .field .textArea
{
	border-width: 0px;
}

/*-------------------------------------------------------------- NEWS LIST PAGE --------------------------------------------------------*/

#newsArticleList
{
	clear: both;
	width: 800px;
}

.newsArticleRow
{
	clear: both;
	width: 800px;
	text-align: left;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.newsArticleRow hr, #newsListPagination hr
{
	height: 2px;
	border: 0px;
	padding: 0px;
}

.newsArticleRowDate
{
	text-align: right;
}

.newsArticleRowTitle
{
	margin-bottom: 5px;
}

.newsArticleRowPreviewImage
{
	width: 161px;
	float: left;
	height: 100px;
}

.newsArticleRowPreviewImage img
{
	width: 161px;
}

.newsArticleRowText
{
	width: 624px;
	float: right;
	margin-left: 15px;
	min-height: 100px;
}

.newsArticleRowSummary
{
	width: 574px;
	padding-right: 50px;
}

.newsArticleRowTextFullWidth
{
	width: 750px;
	margin-right: 50px;
	min-height: 100px;
}

.newsArticleRowTopicText
{
	width: 800px;
}

.newsArticleRowLink
{
	clear: both;
	width: 624px;
	text-align: right;
}

#newsListPagination
{
	clear: both;
	width: 800px;
	margin-top: 5px;
	height: 31px;
	margin-bottom: 10px;
	text-align: right;
}

#newsListPagination .searchNavigationLeft
{
	width: 25%;
	float: left;
	text-align: left;
}

#newsListPagination .searchNavigationCenter
{
	width: 48%;
	float: left;
	text-align: center;
}

#newsListPagination .searchNavigationRight
{
	width: 25%;
	float: right;
	text-align: right;
}

#newsListPagination .searchNavigationLeft a, #newsListPagination .searchNavigationCenter a, #newsListPagination .searchNavigationRight a
{
	margin-left: 1px;
	margin-right: 1px;
}

/*-------------------------------------------------------------- NEWS DETAIL PAGE --------------------------------------------------------*/

#newsDetailBody
{
	width: 800px;
	min-height: 420px;
}

#newsDetailBodyLeft
{
	width: 300px;
	float: left;
	text-align: center;
}

#newsDetailBodyRight
{
	width: 475px;
	float: right;
	padding-left: 15px;
}

#newsDetailImage
{
	width: 300px;
	min-height: 258px;
	margin-top: 50px;
}

#newsDetailDownload
{
	width: 300px;
	margin-top: 20px;
}

#newsDetailText p img
{
	padding: 0px 0px 10px 20px;
}

#newsDetailText
{
	margin-top: 20px;
}

#newsDetailLinks
{
	clear: both;
	width: 800px;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

#newsDetailLinks hr
{
	height: 1px;
	border: 0px;
	padding: 0px;
}

/*-------------------------------------------------------------- NEWS TICKER AREA --------------------------------------------------------*/

#newsTicker
{
	clear: both;
	width: 727px;
	height: 34px;
}

#newsTickerContent
{
	display: none;
}

#newsScrollerTitle
{
	display: inline;
}

/*-------------------------------------------------------------- VIEW MOVIES PAGE --------------------------------------------------------*/

#viewMoviesBody
{
	clear: both;
	width: 800px;
	margin-top: 10px;
}

#viewMoviesCaption
{
	width: 800px;
	text-align: right;
	margin-top: 10px;
}

#viewMoviesThumbnailRow
{
	width: 850px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.viewMoviesThumbnail
{
	width: 134px;
	float: left;
	padding-bottom:30px;
}

.viewMoviesThumbnailSeparator
{
	width: 28px;
	float: left;
}

/*-------------------------------------------------------------- ABOUT THE BRAND PAGE --------------------------------------------------------*/

#aboutTheBrandBody
{
	clear: both;
	width: 800px;
}

#aboutTheBrandImage
{
	width: 800px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.aboutTheBrandRow
{
	clear: both;
	width: 800px;
	margin-top: 10px;
}

.aboutTheBrandRowLeft
{
	width: 390px;
	float: left;
}

.aboutTheBrandRowLeft .leftImage
{
	width: 66px;
	float: left;
}

.aboutTheBrandRowLeft .leftText
{
	width: 304px;
	float: right;
}

.aboutTheBrandRowRight
{
	width: 390px;
	float: right;
}

.aboutTheBrandRowRight .rightText
{
	width: 304px;
	float: left;
}

.aboutTheBrandRowRight .rightImage
{
	width: 66px;
	float: right;
}

.redHeading, .purpleHeading, .blueHeading, .greenHeading
{
	margin-bottom: 5px;
}

/*-------------------------------------------------------------- STOCKISTS PAGE --------------------------------------------------------*/

#stockistsBody
{
	clear: both;
	width: 800px;
}

#stockistsBody .redHeading
{
	margin-bottom: 10px;
}

#stockistsBody p
{
	margin-bottom: 3px;
}

#stockistsBodyLeft
{
	width: 290px;
	float: left;
	margin-left: 100px;
	margin-right: 10px;
}

#stockistsBodyRight
{
	width: 290px;
	float: right;
	margin-right: 100px;
	margin-left: 10px;
}

/*-------------------------------------------------------------- ABOUT US PAGE --------------------------------------------------------*/

#aboutUsBody
{
	clear: both;
	width: 800px;
	padding-top: 20px;
}

#aboutUsBodyLeft
{
	clear: both;
	width: 636px;
	float: left;
}

#aboutUsBodyRight
{
	width: 154px;
	float: right;
	padding-left: 10px;
	padding-top: 330px;
	text-align: right;
}

#aboutUsBodyLeftTitle
{
	width: 636px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#aboutUsBodyLeftText
{
	width: 636px;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 20px;
}

#aboutUsBodyLeftBottomText
{
	width: 636px;
	padding-top: 20px;
}

#aboutUsBodyLeftBottomTextLeft
{
	width: 516px;
	float: left;
	margin-right: 20px;
	text-align: right;
}

#aboutUsBodyLeftBottomTextRight
{
	width: 100px;
	float: right;
}

#aboutUsBodyLeftBottomTextRight p
{
	margin-bottom: 3px;
}