*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #060a07 url(../images/background.jpg) no-repeat top center;
	background-attachment: fixed;
	font-family: arial, verdana, helvetica, sans-serif;
}

.offScreen
{
	position: absolute;
	left: -10000em;
}

.onScreen
{
	font-family: "AvantGarde Book","Myriad Pro",helvetica,arial,sans-serif;
	font-weight:lighter;
	font-size:20pt;
	position: absolute;
	top: -40px;
}

.error,.required
{
	color: #f00;
}

.error
{
}

#divWrapper 
{
	position: relative;	
}

.logoLeft
{
	position: absolute;
	width: 200px;
	height: 70px;
	left: 20px;
	top: 20px;	
}

.logoRight
{
	position: absolute;
	width: 450px;
	height: 70px;
	right: 20px;
	top: 20px;
}


.hundredYears
{
	position: absolute;
	height: 70px;
	right:29px;
	top:241px;
	font-size: 1.2em;
	width:347px;
	z-index:1000;
	display: none;
}

*html .hundredYears
{
	right:14px;
}

.enterNow
{
	position: absolute;
	left: -28px;
	top: 49px;
	diaply: block;
}

.hundredYears img
{
	float: left;
}

.hundredYears p
{
	padding-top: 10px;
}

.hundredYears a:link,.hundredYears a:visited,.hundredYears a:active,.hundredYears a:focus
{
	color: #D7219C;
	text-decoration: none;
}

/* home page specific */

body.home
{
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 0.75em;
}

.home .smaller
{
	font-size: 0.93em;
}

.home .wrapper
{
	margin: 50px auto 0;
	width: 907px;
	height: 607px;
	background: #060a07 url(../images/homepage_bckg.jpg) no-repeat top left;	
}

.home .wrapperCustom
{
	margin: 50px auto 0;
	width: 907px;
	height: 607px;
	background: #060a07 url(../images/homepage_bckg_no_text.jpg) no-repeat top left;	
}

.home .mainContent
{
	position: relative;
	width: 331px;
	left: 528px;
	top: 214px;
	padding: 25px 0 0;
}

.home .mainContent strong
{
	letter-spacing: 1px;
}

.home .mainContent p 
{
	margin-bottom: 10px;
	line-height: 13px;
}

.home input#txtEmail,
.home input#txtPassword
{
	border: 1px solid #808080;
	background: #400026;
	height: 15px;		
	width: 257px;
	margin: 5px 0;
	font-family: "AvantGarde Book","Myriad Pro",helvetica,arial,sans-serif;
	color: #ffffff;
	padding: 2px 3px;
}

.home h3
{
	font-family: "AvantGarde Book","Myriad Pro",helvetica,arial,sans-serif;
	font-size: 1.33em;
	font-weight: normal;
}

.home strong a,
.home strong a:visited
{
	color: #fff;
	letter-spacing: 0;
}

.home input.btnLogin
{
	display: block;
	height: 28px;
	width: 147px;
	background: #000 url(../images/btn_click_to_enter.gif) no-repeat top left;		
	border: 0;
	cursor: pointer;
	margin-top: 8px;
	clear: left;
}

a.forgot,
a.forgot:hover,
a.forgot:visited
{
	color: #fff;
	text-decoration: underline;
	margin-top: 12px;
	display: block;
}

/* end home page specific */

fieldset
{
	border: 0;
}

/* after login */

body.afterLogin
{
	color: #fff;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 0.75em;
}

.afterLogin .mainContent
{
	height: 697px;
	position: relative;
}

.generic .welcome a
{
	color: #fff;	
}

.welcome
{
	float: right;
	color: #fff; 
	font-size: 0.8em;
	font-family: "AvantGarde Book",arial,sans-serif;
	z-index: 100;
	position: absolute;
	top: -28px;
	right: 0;
}

.welcome a,
.welcome a:visited
{
	color: #fff;
	text-decoration: underline;
}

.afterLogin .activatedMessage
{
	position: absolute;
	left: 530px;
	top: 168px;
	width: 352px;
	height: 21px;
	background: transparent url(../images/activated_message.gif) no-repeat top left;	
}

.afterLogin .wrapper
{
	margin: 50px auto 0;
	width: 907px;
	height: 651px;
	background: transparent url(../images/afterlogin_bckg.jpg) no-repeat top left;	
	position: relative;
}

.afterLogin .thisMonth
{
	width: 407px;
	padding: 423px 64px 0 59px;
	float: left;
}

.afterLogin .thisMonth li
{
	height: 57px;
	list-style-type: none;
	overflow: visible;
}

* html .afterLogin .thisMonth li
{
	height: 54px;
}

*+html .afterLogin .thisMonth li
{
	height: 54px;
}

.afterLogin .thisMonth li img
{
	float: left;
	margin: 0 13px 0 0;
}

.afterLogin .thisMonth li div
{
	padding-top: 11px;
	float: left;
	width:319px;
}
	
.afterLogin .thisMonth li p
{
	font-family: arial, verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

.afterLogin li a,
.afterLogin li a:visited
{
	margin-top: 11px;
	font-family: arial, verdana, sans-serif;
	text-transform: none;
	color: #d7219c;
	text-decoration: none;
	font-weight: bold;
}

.afterLogin li a:hover
{
	text-decoration: underline;
}

.afterLogin .bringsYou
{
	width: 334px;
	margin: 434px 0 0;
	float: left;
}


.afterLogin .bringsYou li
{
	list-style-type: none;
	height: 30px;
	padding: 0;
	margin: 0;
	height: 52px; /* 2 lines text */
}

/* end after login */

.mainContent
{
	background-image: none;
}

/* footer */

.home .footer
{
	position:absolute;
	top:673px;
	width:868px;
}

.generic .footer
{
	font-size: 0.8em;
	color: #fff;
	margin-top: 27px;
}


.generic .footer .menLogo
{
	left: -15px;
	top: -20px;
}


*html .generic .footer .menLogo
{
	left: -5px;
	top: -20px;
}

.footer
{
	padding: 0 18px 0 18px;
}

.becauseYou
{
	width: 230px;
	height: 19px;
	background: transparent url(../images/because_you.gif) no-repeat top left;	
	float: right;
	margin: -10px 0 0;
}

.footer menu 
{
	clear: left;
	color: #999;
}

.footer .menu li
{
	font-size: 12px;
	float: left;
	list-style-type: none;
	font-family: helvetica, arial, verdana, sans-serif;
	color: #999;
}

.footer .menu li a,
.footer .menu li a:visited
{
	color: #999;
	font-weight: normal;
	margin: 0 4px;
	text-decoration: none;
}

.footer .menu li a:hover
{
	text-decoration: underline;
}

.footer .terms
{
	color: #999;
	font-size: 0.8em;
	text-align: center;
	clear: both;
	padding-top: 15px;
}

.footer .terms a,
.footer .terms a:link,
.footer .terms a:visited,
.footer .terms a:hover
{
	text-decoration: underline;
	color: #999;
}



.footerGeneric
{
	padding: 0 18px 0 18px;
	color: #fff;
	font-size: 0.75em;
	margin-top: 33px;
}


.footerGeneric menu 
{
	clear: left;
	color: #fff;
}

.footerGeneric .menu li
{
	font-size: 0.9em;
	float: left;
	list-style-type: none;
	font-family: helvetica, arial, verdana, sans-serif;
}

.footerGeneric .menu li a,
.footerGeneric .menu li a:visited
{
	color: #fff;
	font-weight: normal;
	margin: 0 4px;
	text-decoration: none;
}

.footerGeneric .menu li a:hover
{
	text-decoration: underline;
}

.footerGeneric .terms
{
	color: #2b2e2c;
	font-size: 0.8em;
	text-align: center;
	clear: both;
	padding-top: 15px;
}

* html .footerGeneric .terms
{
	color: #2b2e2c;
	font-size: 0.8em;
	text-align: center;
	clear: both;
	padding-top: 0;
	margin-top: -10px;
}

.footer .menLogo
{
	width: 287px;
	height: 41px;
	float: right;
	position: relative;
	top: -11px;
	color: #999;
	visibility:hidden;
}

.home .footer .menLogo
{
	visibility:visible;
	font-size: 0.9em;
}


.home .footer .menLogo img
{
	vertical-align: middle;
	margin-left: 10px;
	border: 0;
}

.afterLogin .footer .menLogo img
{
	vertical-align: middle;
	margin-left: -45px;
}

/* end footer */

/* other generic pages */

.generic .wrapper
{
	margin: 50px auto 0;
	width: 907px;
	background: transparent url(../images/generic_header.jpg) no-repeat top left;	
	position: relative;
	padding: 108px 0 0 0;
}

.generic .bottom_edge
{
	background: #060a07 url(../images/bottom_edge.gif) no-repeat top left;	
	height: 30px;
	width: 907px;
	clear: both;
}

.generic .topmenu 
{
	padding: 10px 38px;
	background-color: #000;
	border: 1px solid #333;
	height: 16px;
	
}

.generic .topmenu li
{
	font-size: 0.8em;
	float: left;
	list-style-type: none;
	color: #fff;
	font-family: helvetica, arial, verdana, sans-serif;
}

.generic .topmenu li a,
.generic .topmenu li a:visited
{
	color: #fff;
	margin: 0 6px 0;
	font-weight: normal;
}

.generic .topmenu li a:hover
{
	text-decoration: underline;
}

.generic .topmenu li a.selected,.generic .topmenu li a.visited
{
	color: #666 !important;
}

.generic .mainContent
{
	padding: 20px 36px 20px 43px;
	font-size: 0.75em;
	width: 826px;
	color: #273147;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background: #fff no-repeat right top;	
	overflow: auto;
}

*html .generic .mainContent h3.qHdn
{
	font-size: 1.1em;
}

.generic .mainContent.competition
{
	background: #fff url(../images/competition_bckg.jpg) no-repeat right top;	
}

.generic .mainContent.registration
{
	overflow-y: hidden;
	overflow-x: hidden;
	background: #fff url(../images/registration_bckg.jpg) no-repeat 588px top;	
}

.generic .registrationTable
{
	width:640px;
}

.generic .mainContent.contact
{
	background: #fff url(../images/contact_us_bckg2.jpg) no-repeat right top;
	overflow-y: hidden;
	overflow-x: hidden;	
}

.generic h2
{
	font-weight: normal;
	color: #161b27;
	font-size: 1.8em;
	margin-bottom: 12px;
}

.generic a
{
	color: #ff0099;
	font-weight: bold;
}


.steel
{
	color: #414a5a;
}

.generic .terms
{
	color: #3f3f3f;
	font-size: 0.75em;
}

.purple
{
	color: #c22482;
}

.pink
{
	color: #ff0099;
}

/* forms */

.agreeAndEnter
{
	background: url(../images/agree_and_enter.gif) no-repeat top left;
	height: 28px;
	width: 147px;
	display: block;	
	border: 0;
	margin: 15px 0;
}

select
{
	margin: 0px 5px 0 0;
	display: block;
}

.row
{
	overflow: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 1.6em;
}

.row label
{
	float: left;
	width: 150px;
	margin-right: 15px;
	font-weight: bold;
}

.row input
{
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
}


.row textarea
{
	float: left;
	width: 160px;
	height: 100px;
	margin: 0 17px 0 0;
}

.row input#postcode
{
	width: 40px;
}

.row select
{
	float: left;
	width: 164px;
	margin: 0 15px 0 0;
}


.row .dob select#year
{
	margin-right: 15px;
}

.row .dob select
{
	width: 50px;	
	margin-right: 7px;
}

.row .radioHorizontal
{
	margin: 3px 0 0 0;
}

.row .radioVertical
{
	width: 173px;
	float: left;	
	margin-right: 5px;
}

.row .radioVertical div
{	
	margin-bottom: 5px;
	overflow: auto;
	width: 173px;
}

.row .radioHorizontal input
{
	width: 24px;
	margin: 0;
}

.row .radioVertical input
{
	width: 24px;
	margin: 0;
}

.row .radioHorizontal label
{
	width: 37px;
	line-height: normal;
}

.row .radioVertical label
{
	width: 113px;
	line-height: normal;
}

.row .radioHorizontal span.male label,
.row .radioVertical span.male label
{
	width: 63px;
	line-height: normal;
}

* html .row .radioHorizontal span.male label
{
	line-height: 1.8em;
	width: 60px;
}

.row .radioHorizontal span.plainText label
{
	width: 63px;
	line-height: normal;
}

* html .row .radioHorizontal span.plainText label
{
	line-height: 1.8em;
	width: 63px;
}

* html .row .radioHorizontal  label
{
	line-height: 1.8em;
}

*+ html .row .radioVertical div  label
{
	line-height: 1.6em;
}
*+ html .row .radioHorizontal span.plainText label
{
	line-height: 1.8em;
	width: 63px;
}

*+ html .row .radioHorizontal  label
{
	line-height: 1.8em;
}

*+html .row .radioVertical div  label
{
	line-height: 1.6em;
	font-weight: normal;
}


.row .checkboxVertical
{
	float: left; 	
	line-height: normal;
}

*html .row .checkboxVertical
{
	margin-bottom: 15px;
}

.row .checkboxVertical input
{
	width: 16px;
	height: 16px;
	clear: left;
	margin-bottom: 10px;
	margin-right: 5px;
}

.row .checkboxVertical .error
{
	float: left;
}


.row .checkboxVertical label
{
	width: 143px;
	font-weight: normal;
}

.sendBtn
{
	width: 89px;
	height: 26px;
	background: url(../images/send_btn.gif) no-repeat top left;
	border: 0;
	margin: 15px 0 15px 165px;
}

fieldset
{
	margin-top: 20px;	
}

.home fieldset
{
	margin-top: 5px;	
}

input#terms
{
	position:relative;
	top:1px;	
}

.generic	td
{
	height: 30px;
	vertical-align: top;
}


td input
{
	margin-right: 5px;	
}

td label 
{
	margin-right: 5px;		
}

.mainContent.registration.usernameAndPassword
{
	height: 300px;	
}

.generic #surveyTable select
{
	width:151px;
}

.generic #surveyTable select#ddlWhereHeared
{
	width: 300px;	
}


#Table2 td
{
	height: 20px;	
}

.errorControls
{
	float:left;
	width:100%;
	font-size: 0.9em;
}

/* end forms */

/* pull down */


.generic .compmenu
{
	height:35px;
	width: 907px;
	background: transparent url(../images/generic_header.jpg) no-repeat top left;	
	position: relative;
	font-size:9pt;
	color:#999;
	padding-left:33px;
}

.generic .compmenu div
{
	float:left;
	padding:10px;
}

.generic .compmenu .hover a
{
	color:#6a6a6a;
}

.generic .compmenu .hover .compmenuitems a
{
	color:#999;
}

.generic .compmenu .compmenuheader
{
	padding:0;
}

.generic .compmenu .out .compmenuitems
{
	display:none;
}

.generic .compmenu .hover .compmenuitems
{
	position:absolute;
	top:35px;
	margin-left:-40px;
	.margin-left:-114px;
	padding:0px;
	color:#000000;
	opacity:0.9;
	width: 500px;
}

.generic .compmenu .hover .compmenuitemsleft
{
	width:9px;
	background-image:url(../images/left_edge.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:0 10px !important;
}

*html .generic .compmenu .hover .compmenuitemsleft
{
	background-image:url(../images/left_edge.gif);
}

.generic .compmenu .hover .compmenuitemsright
{
	width:14px;
	background-image:url(../images/right_edge.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 10px !important;
}

*html .generic .compmenu .hover .compmenuitemsright
{
	background-image:url(../images/right_edge.gif);
}

.generic .compmenu .hover .compmenuitemsmiddle
{
	padding:0 0 15px 0;
	background-image:url(../images/middle.png); /*#FF0099;*/
	background-repeat:repeat-x;
	background-position:center bottom;
}

*html .generic .compmenu .hover .compmenuitemsmiddle
{
	background-image:url(../images/middle.gif); /*#FF0099;*/
	background-color: #141414;
	
}

.generic .compmenu .compmenuitems li
{

	padding:10px 0 10px 0;
	list-style-type:none;
	list-style-image:none;
}

/* end other generic styles */


.home .footer
{ 
	font-size: 1.07em;
	margin-top: -25px;
}

#comp
{
	float: right;	
}

.afterLogin .welcome
{
	font-size: 1.1em;
}

#cvlLogin
{
	float:left;
	width:100%;
}


.privacy p,.terms p
{
	margin-bottom: 15px;	
}

.privacy ul, .terms ul
{
	margin: 15px 20px;
}

.termsandcond
{
	font-size: 0.9em;
}


.registration h3
{
	font-size: 1em;
}

.mainHdn
{
	font-weight: bold;	
}

#btnLogin
{
	clear: left;
}


.png 
{
	position: absolute;
	top: 409px;
	left: 149px;
	width: 200px;
	height: 200px;
	background: transparent url(../images/logo100.jpg) no-repeat top left;
	display: none;
	/* filter applies only to IE5+/Win */
}