html
{
	overflow: none;
}

body
{
	margin: 0;
	padding: 0;
	background-color: #005634;
	color: White;
	font-size: 76%;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;
}
a
{
	color: Black;
}
a:hover
{
	color: #005634;
}

div, span, table, tr, td, th, img
{
	text-align: left;
	padding: 0;
	margin: 0;
}

div
{
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #666666;
	scrollbar-face-color: #666666;
	scrollbar-base-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #F4F4F4;
	scrollbar-darkshadow-color: #666666;
}

img
{
	border: 0;
}

.clearBoth
{
	clear: both;
}

.templateWrapper 
{
	width: 997px;
	height: 628px;
	margin: auto;
	margin-top: 10px;
	text-align: center;
	border: solid 1px #005634;	/* needed for bizzare firefox vertical positioning bug */
	background-repeat: no-repeat;
	background-position: center top;
}
.templateContainer 
{
	background-image: url(Images/main_bg.gif);
	background-repeat: no-repeat;
	margin: 9px auto;
	width: 897px;
	height: 528px;
}
.templateBorderInner
{
	padding: 10px;
}

.templateBannerNav
{
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	margin-top: 28px;
	margin-right: 50px;
	
}
.templateBannerNav a
{
	color:White;
	text-decoration: none;
}
.templateBannerNav a:hover
{
	color: #fed91c;
}

.templateSideBar
{
	float: left;
	background-repeat: no-repeat;
	width: 207px;
	height: 508px;
	text-align: center
}
.templateSideBar input
{
	margin: 15px auto;
}
.templateSideMenu
{
	margin-top: 10px;
}
.templateOuterContent
{
	float: left;
	width: 654px;
	height: 508px;
	margin: 0 0 0 15px;
}
.templateMainMenu
{
	width: 654px;
	height: 45px;
	margin: 0;
}
.homepageContainer
{
	background-color: #005634;
	height: 462px;
	text-align: center;
}
.templateContent
{
	height: 462px;
	background-color: white;
	color: Black;
}
.templateFooter
{
	font-size: 0.9em;
	font-weight: bold;
	float: right;
	padding-right: 36px;
}

.templateVersion
{ 
	text-align: center;
	font-size: 0.8em; 
	color: #333333; 
	margin-top: 30px; 
}

.breadCrumbs
{
	padding: 5px 0 0 5px;
	font-weight: bold;
	height: 20px;
}

h1
{
	background-color: #005634;
	color: white;
	padding: 8px 0 0 5px;
	font-weight: bold;
	height: 20px;
	margin: 0 0 5px 0;
	font-size: 1em;
	text-transform:uppercase;
}

.scrollWindowProfile
{
	margin: 0;
	padding: 0;
	height: 455px;
	overflow: auto;
}

.scrollWindowNoBG
{
	margin: 0;
	padding: 0;
	height: 400px;
	overflow: auto;
}
.scrollWindowBG
{
	margin: 0;
	padding: 0;
	background-image: url(Images/angryfish.jpg);
	background-repeat: no-repeat;
	float: none;
}
.scrollWindowFix
{
	overflow-x: hidden;
	overflow-y: auto;
	height: 400px; 
	background-attachment: fixed; 
	background-repeat: no-repeat 
}
.genericContent p
{
	margin: 0px;
}
.videoGalleryFrame
{
	height: 400px;
}
.scrollWindowPadding
{
	padding: 5px;
}

/* HOME PAGE STYLES */
.homePromoImg
{
	width: 644px;
	height: 237px;
	margin-top: 3px;
	margin-bottom: 2px;
	text-align: center;
}
.homeLogoImg
{
	margin: 15px 0 15px 0;	
}
.menuSeperator
{
	background-image: url(Images/left_menu_sep.gif);
}
.homeImageLinks
{
}
.homeLandingImageBlock
{
	margin-top: 3px;
	margin-left: 2px;
	margin-right: 2px;
	float:left;
	background-image: url(Images/promo_bg.jpg);
}
.homeLandingImage
{
	margin: 5px 5px 5px 5px;
}
/* For positioning of CMSEditModeButtonEditDelete control */
.imgEditContainer
{
	position: relative;	
	text-align: center;
}
.imgEditOverlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

/* COMMON FORM STYLES */
.frmCommon
{
	width: 100%;
	font-weight: bold;
}

.frmCommon h2
{
	font-size: 1.1em;
	text-align: center;
}

/* validation messages */
.frmCommon span
{
	float: left;		/* float & display settings protect against a text wrapping problem */
	display: inline;
	width: 285px;
	clear: both;
	margin-left: 215px;
}

/* labels and text boxes */
.frmCommon label, 
.frmCommon input, 
.frmCommon textarea
{
	display: block;
	float: left;
	width: 255px;
	margin-bottom: 10px;
}
.frmCommon label
{
	text-align: right;
	width: 205px;
	padding: 3px 10px 0px 0px;
}

.frmCommon br
{
	clear: both;
}

/* special case for radio buttons */
.frmCommon .frmRadio
{
	display: block;
	float: left;
	width: 250px;
	margin-bottom: 10px;	
}
.frmCommon .frmRadio span, 
.frmCommon .frmRadio label, 
.frmCommon .frmRadio input
{
	display: inline;
	width: auto;
}
.frmCommon .frmRadio span
{
	float: none;
}

/* special case for buttons */
.frmCommon .buttonBar
{
	text-align: center;
	margin: 20px 160px 0 0;
}
.frmCommon .buttonBar .frmButton
{
	width: 6em;
	float: right;
	margin: 0px 5px 5px 10px;
}
/* END - COMMON FORM STYLES */

/* custom error page styles */

#error404 a{color: White;}

/* LN Consumer Marketing Styles */
.scrollable
{	
	width: 654px;
	height: 420px;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

.lnConsumerMarketing h2
{
	background-color: #005634;
	color: white;
	padding: 8px 0 0 8px;
	font-weight: bold;
	height: 20px;
	margin: 0 0 5px 0;
	font-size: 1em;
	text-transform:uppercase;
}
.lnConsumerMarketing .register p
{
	padding: 0px 20px 0px 20px;
}
/* message */
.lnConsumerMarketing .failure {color: Red;}
.lnConsumerMarketing .success {color: Green;}

/* links */
.lnConsumerMarketing td {padding: 0px 0px 1px 0px;}

/* input controls */
.lnConsumerMarketing .submit {background-color: #DDDDDD; color: Black;}
.lnConsumerMarketing .textBox {width: 200px;}
.lnConsumerMarketing select {width: 200px;}

/* login */
.lnConsumerMarketing .login 
{
	width: 654px;
}
.lnConsumerMarketing .login td.label 
{
	width: 220px ! important; 
	padding-right:5px; 
	text-align: right;
}
.lnConsumerMarketing .login td.value 
{
	width: 424px;
	text-align: left;
 }

/* retrieve password  */
.lnConsumerMarketing .retrievePassword 
{
	width: 654px;
}

.lnConsumerMarketing .retrievePassword td.label 
{
	width: 220px ! important; 
	padding-right:5px; 
	text-align: right;
}

.lnConsumerMarketing .retrievePassword td.value 
{
	width: 424px; 
	text-align: left;
}
/* profile management */
.lnConsumerMarketing .profile td.label {width: 220px ! important; padding-right:5px; text-align: right;}
.lnConsumerMarketing .profile td.value {width: 40px;text-align: left;}
.lnConsumerMarketing .profile .submit {margin-left: 300px; margin-bottom: 10px;}


/* registration */
.lnConsumerMarketing table.register, .lnConsumerMarketing div.register 
{
	width: 654px;
}
.lnConsumerMarketing .register
{
	width: 654px;
}

.wizardRegister 
{
	width: 654px;
}

.lnConsumerMarketing .register td.label 
{
	width: 220px ! important; 
	padding-right:5px; 
	text-align: right;
}
.lnConsumerMarketing .register td.value 
{
	width: 424px; 
	text-align: left;
}
.lnConsumerMarketing .register td.compulsory 
{
	padding-left: 220px;
	text-align: left;
}
.lnConsumerMarketing .profile .submit 
{
	padding-left: 0px;
}

/* quick registration */
.lnConsumerMarketing .quickRegister {width: 654px;}
.lnConsumerMarketing .quickRegister td.label {width: 220px; text-align: left;}
.lnConsumerMarketing .quickRegister td.value {width: 424px; text-align: left;}

/* multibrand registration */
.lnConsumerMarketing .multipleBrandRegister TABLE .columnWidth{width: 250px;}

/*Video Gallery*/
.galleryIntro
{
	height: 60px;
	overflow: auto;
	margin-bottom: 10px;
}
.galleryIntro p
{
	margin: 0;
}
.videoGalleryMainPanel
{
	width: 400px;
	height: 310px;
	float: left;
	margin-left: 20px;
}
.videoGalleryMainPanel .preview
{
	width: 368px;
	margin: 10px 10px 8px 0;
}
.videoGalleryThumbnailContainerOuter
{
	float: right;
	text-align: right;
}
.videoGalleryThumbnailContainer
{
	OVERFLOW: auto;	
	WIDTH: 200px;	
	HEIGHT: 310px;
}
.videoGalleryThumbnailContainer .preview
{
	font-size: 0.8em;
	padding-top: 10px;
}
.videoGalleryThumbnailContainer br
{
	display: none;
}
.videoGalleryThumbnailOff
{
	float: left;
	width: 68px;
	height: 49px;
	margin-right: 4px;
	border: solid 2px #777777;
}
.playButton
{
	padding-top: 10px;
}
.videoGalleryThumbnailOn
{
	float: left;
	width: 68px;
	height: 49px;
	margin-right: 4px;
	border: solid 2px #005634;
}

/* Competition Template */
.pageHeading{padding: 10px 0px 5px 0px;}

.competitionTemplate
{
	margin: 0;
	padding: 0 0 0 5px;	
	width: 645px;
	height: 460px ! important;
	overflow-x: hidden;
	overflow-y: auto;
}
.CompetitionDraw
{
	width: 650px;	
}
.CompetitionDraw  td.label {width: 250px; text-align: left;}
.CompetitionDraw  td.value {width: 450px; text-align: left;}
.CompetitionDraw  .submit {width: 120px;}
.CompetitionDraw  .drawText {color: Maroon; font-weight: bold; width: 600px;}

.Competition
{
    padding: 10px 0px 10px 0px;
}
.divLeft
{
    width: inherit;
    text-align: left;
}

input.textBox, select {width: 250px;}

.templateVersion
{ 
	text-align: center;
	font-size: 0.8em; 
	color: #000000; 
	margin-top: 8px; 
}