body 
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color: Black;
	color: White;
	font-size: 76%;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;
}

h1
{
    font: bold 22px Arial,Helvetica,sans-serif; 
	text-transform:uppercase; 
	letter-spacing:1px;
	color: #fff;	
	text-align: left;
	margin: 10px 0px 0px 10px;

}

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;
}

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

a:hover 
{
	text-decoration: underline;
	cursor: pointer;
}

img
{
	border: 0;
}

.hide
{
	display: none;
}

.submit { background-color: #E0DAC2; color: #000000; }

.genericClass
{
	margin: 0px 10px;
}

.divLeft
{
    width: 864px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}

.divCenter
{
    width: inherit;
    text-align: center;
}

.divRight
{
    width: inherit;
    text-align:right; 
}

.leftAlignDiv
{
	text-align: left;	
}

.rightAlignDiv
{
	text-align: right;	
}

.clearBoth
{
	clear: both;
}

.clearLeft
{
	clear: left;
}

.templateFooter
{
/*updated 240609*/
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	height: 40px;
	background-image: url(Images/footer-divider.png);  
	background-repeat:no-repeat;
	background-position:center; 
}

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

/* For positioning of CMSEditModeButtonEditDelete control */
.imgEditContainer
{
	position: relative;
}
.imgEditOverlay
{
	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

/* COMMON FORM STYLES */
.frmCommon
{
	width: 500px;
}

.frmCommon h2
{
	color: #CD0000;	
	font-weight: bolder;		
	font-size: large;
	padding: 20px 20px 20px 20px;
}
/* validation messages */
.frmCommon span
{
	float: left;		/* float & display settings protect against a text wrapping problem */
	display: inline;
	width: 310px;
	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: left;
	padding-left: 205px;
	clear:both;
}
.frmCommon .buttonBar .frmButton
{
	width: 6em;
	float: left;
	margin: 0px 5px 5px 10px;
}
/* END - COMMON FORM STYLES */

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

.lnConsumerMarketing h2
{
	background-color: #ffffff;
	color: #CD0000;
	padding: 8px 0 0 8px;
	font-weight: bold;
	height: 20px;
	margin: 0 0 5px 0;
	font-size: 1em;
	text-transform:uppercase;
}
.lnConsumerMarketing
{
	width: 100%;
}
/* 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 table.login, .lnConsumerMarketing div.login
{
	width: 100%;
}
.lnConsumerMarketing .login 
{
	width: 100%;
}
.lnConsumerMarketing .login td.label 
{
	width: 390px ! important; 
	text-align: right;
	padding-right: 5px;
}
.lnConsumerMarketing .login td.value
{
	width: 314px; 
	text-align: left;
}
.lnConsumerMarketing h1
{
    font: bold 22px Arial,Helvetica,sans-serif; 
	text-transform:uppercase; 
	letter-spacing:1px;
	color: #fff;	
	text-align: left;
	margin: 10px 0px 0px 10px;
}
.lnConsumerMarketing .login td.value textBox
{
	width: 40px; 
	text-align: left;	
}
.lnConsumerMarketing .login td.compulsory 
{
	position: relative; 
	left: 300px ! important; 
	text-align: left;
}

/* retrieve password */
.lnConsumerMarketing .retrievePassword td
{
	text-align: center;
	padding-left:0px;
}
.lnConsumerMarketing .retrievePassword td.label 
{
	width: 390px ! important; 
	padding-right:5px; 
	text-align: right;
}

.lnConsumerMarketing .retrievePassword td.value 
{
	width: 314px; 
	text-align: left;
}

/* profile management */
.lnConsumerMarketing .profile td.label {width: 300px ! important; padding-right:5px; text-align: right;}
.lnConsumerMarketing .profile td.value {width: 40px;text-align: left;}
.lnConsumerMarketing .profile .submit {margin: 0 0 20px 430px; width: 70px}

/* registration */
.lnConsumerMarketing table.register, .lnConsumerMarketing div.register 
{
	width: 100%;
}
.lnConsumerMarketing .register p
{
	padding: 0px 20px 0px 20px;
}
.lnConsumerMarketing .register a
{
	width: 100%;
	overflow-x: hidden;
}
.wizardRegister 
{
	width: 100%;
}
.lnConsumerMarketing .register td.label 
{
	width: 390px ! important; 
	padding-right:5px; 
	text-align: right;
}
.lnConsumerMarketing .register td.value 
{
	width: 314px; 
	text-align: left;
}
.lnConsumerMarketing .register td.value textBox
{
	width: 40px; 
	text-align: left;
}
.lnConsumerMarketing .register td.compulsory 
{
	padding-left: 390px;
	text-align: left;
}
.lnConsumerMarketing .register .legacyConsumerProfileMessage
{
	padding: 20px 20px 0px 20px;
}
/* quick registration */
.lnConsumerMarketing .quickRegister {width: 100%;}
.lnConsumerMarketing .quickRegister td.label {width: 360px; text-align: left;}
.lnConsumerMarketing .quickRegister td.value {width: 40px; text-align: left;}
.lnConsumerMarketing .quickRegister .submit {margin-left: 300px;}

/* multibrand registration */
.lnConsumerMarketing .multipleBrandRegister
{
	width: 100%;
	padding: 2px 0 10px 0px;
}
.lnConsumerMarketing .multipleBrandRegister .message 
{
	color: #CD0000;	
	font-weight: bold;		
	font-size: 1.1em;
	padding:  20px 0px 0px 20px;
	text-align:left;	
}
.lnConsumerMarketing .multipleBrandRegister h3
{
	color: #CD0000;	
	font-weight: bold;		
	font-size: 1.1em;
	padding:  0 0px 0px 100px;
	text-align:left;	
}
.lnConsumerMarketing .multipleBrandRegister table
{
	margin:  0 0px 0px 100px;	
}
.lnConsumerMarketing .multipleBrandRegister TABLE .columnWidth{width: 250px;}

/* timeline */
.timeline {background:url(images/bg_fern.gif) right top no-repeat;}
.timeline h1 {    font: bold 22px Arial,Helvetica,sans-serif; 
	text-transform:uppercase; 
	letter-spacing:1px;
	color: #fff;	
	text-align: left;
	margin: 10px 0px 0px 10px;
}
.timeline h2 { font: normal 300 16px Impact, Verdana, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; padding:6px 0 0 0; margin:0; background:url(images/timeline_trail_arrow.gif) no-repeat 14px 0px; }
.timeline .subyear {color:#5c5c5c;}
.timeline .timelineTrail {background:url(images/timeline_trail.gif) repeat-y 16px 50px;}
.timeline .timelineContent p { padding:6px 0; margin:0; width:500px;}
.timeline .removearrow {background: none transparent}

.pureSection img{ margin-top:-45px;}
.pureSectionBg { }