/***********  CORE PAGE STRUCTURE ***********/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	margin:0px;
	background-color:#000
	}

#wrapper {
	position: relative;
	margin-right:auto;
	margin-left:auto;
	font-size:0.76em;
	width:990px;
	text-align: left;
	}
.footer-popup#wrapper {
	width:450px;
	}
a img {
	border:none;
	}
p {
	margin: 0 0 0.6em 0;
	line-height:1em
	}
input {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	}
#content-extra {
	position:absolute;
	height:661px;
	width:60px;
	top:7.15em;
	left:-60px;
	background: url(../images/content-extra-woman.jpg) no-repeat top left;
	}
#content-extra-age {
	position:absolute;
	height:661px;
	width:60px;
	top:7.15em;
	left:-60px;
	background: url(../images/content-extra-woman-age.jpg) no-repeat top left;
	}
/* ==== FLOAT CLEARANCE ==== */

#header-bar, 
#footer,
#main-nav,
#sub-nav,
#content-area {
	position:relative;
	_height:1%;
	overflow:hidden;
	}
/* ========================= */	
	
	

/* HEADER BAR */

#header-bar {
	margin:0
	}

#header-bar ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0.6em 0 0 0;
	float:right;
	width: auto;
	background-color: transparent;
	white-space: nowrap;
	}
#header-bar li {
	list-style:none;
	float:left;
	display:block;
	padding:0 9px;
	border-right:1px solid #4d4d4d;
	}
#header-bar li.end {
	border:none;
	}
#header-bar li a {
	font-size:0.9em;
	text-transform:uppercase;
	color:#eeeeee;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	}
#header-bar li a:hover,
#header-bar li a.on {
	color:#10a846;
	}
#launch-date {
	position:relative;
	background:#fbfbfb url(../images/header-bar-bg-counter.jpg) no-repeat top left;
	height: 4.7em;
	text-align: right;
	margin:0;
	text-transform:uppercase
	}
.date-titles {
	font-size:0.8em;
	text-align: left;
	word-spacing: 1.2em;
	padding-left:3px;
	}
.date-text {
	font-size: 2.2em;
	}
.date-text span {
	font-size:0.5em;
	font-weight: bold;
	}
#date-holder {
	position:absolute;
	bottom:3px;
	right:29px;
	}
	
#logo {
	position:absolute;
	top:8px;
	left:20px;
	width:179px;
	height:116px;
	z-index: 100;
	}


/* NAVIGATION */
#main-nav {
	background: #000 url(../images/header-bar-bg-bubbles.jpg) no-repeat top left;
	height:2.45em;
	padding-right: 20px;

	}
#sub-nav {
	background:#616161;
	height:2.45em;
	padding-right: 20px;
	}
#sub-nav li {
	border-color:#919191;
	}

#tertiary-nav ul {
	list-style:none;
	margin:0;
	padding:7px 8px 0 0;
	float:right;
	width: auto;
	white-space: nowrap;
	}
#tertiary-nav li {
	list-style:none;
	float:left;
	display:block;
	padding:0;
	}
#tertiary-nav a {
	border:none;
	margin:3px;
	display:block
	}
#tertiary-nav a:hover, 
#tertiary-nav a.on {
	border:2px solid #10a846;
	margin:1px;
	}
	
/* DEFAULT CONTENT AREA STYLES/LAYOUT */

#content-area {
	margin:0;
/*	min-height:600px*/
	}
#content-area h1 {
	margin:0 0 5px 0;
	padding:0;
	font-size:1.8em;
	font-weight:normal;
	text-transform:uppercase
	}
.footer-popup #content-area h1 {
	padding:10px 0 0 0;
	}
#content-area {
	background:#e8e8e8 url(../images/content-bg-plain.jpg) no-repeat top left;
	padding: 0 20px 20px 20px;
	}

#content-area #main-text {
	margin:100px 0 0 480px;
	padding-bottom:1em
	}
#content-area .full-width#main-text {
	margin:100px 0 0 490px;
	padding-bottom:1em
	}
	
#content-area #text-block {
	background:#e9e8e7;
	width: 280px;
	font-size:0.9em;
	padding:6px 0;
	z-index: 90;
	}
#content-area .full-width #text-block {
	width: 440px;
	}
	
#content-area #text-block p,
#content-area #text-block form {
	padding:0 6px;
	margin: 0 0 0.6em 0;
	line-height:1.2em
	}
#content-area #vertical-spacer {
	height:626px;
	width: 1px;
	float: left;
	}
#content-area #core-image-label	{
	margin: 70px 0 0 10px;
}
#content-area #core-image-label h2 {
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
	display:inline
	}
#content-area #core-image-label h3 {
	font-size:0.9em;
	font-weight:normal;
	border-top:1px solid #000;
	margin:0;
	padding:0;
	display:block;
	line-height: 1.7em;
	width:8em;
	}
#content-area #promo-image {
	color:#fff;
	}

/* VARIATIONS ON CONTENT LAYOUT */

/* content area with large Q but WITHOUT tertiary navigation bar */
.no-nav #content-area {
	background:#e8e8e8 url(../images/content-bg-q.jpg) no-repeat top left;
	padding: 0 20px 20px 20px;
	}
#header-spacer {
	height: 30px;
}
.layout-entry #promo-image {
	position:absolute;
	top:183px;
	right: 0px;
	width: 485px;
	height: 165px;
	padding-left:20px;
	background: url(../images/content-bg-entrystrip.gif) no-repeat top left;
	}
.layout-entry #promo-image img {
	margin:10px 0 0 0;
	float: left;
	}
.layout-entry #promo-text {
	position:absolute;
	top:50px;
	right: 0px;
	width: 480px;
	height: 125px;
	overflow: hidden;
	}
.layout-entry #promo-text p {
	padding-right:120px;
	}
.layout-entry #main-image {
	position:absolute;
	top:72px;
	left: 44px;
	width: 378px;
	height: 379px;
	}
.layout-entry #main-text {
	margin:100px 0 0 480px;
	}
.layout-entry #text-block {
	font-size:0.9em;
	padding:6px 0;
	width:auto
	}
.layout-entry #text-block p {
	padding:0 6px;
	margin: 0 0 0.6em 0;
	line-height:1em
	}
	
	
/* content area with tertiary navigation bar and large Q */
.with-nav #content-area {
	background:#eae9e8 url(../images/content-bg-q-navbar.jpg) no-repeat top left;
	padding: 0 20px 20px 20px;
	}

.layout-3col-flow #promo-image {
	position:absolute;
	top:231px;
	right: 4px;
	width: 200px;
	height: 287px;
	}
.layout-3col-flow #main-image {
	position:absolute;
	top:72px;
	left: 44px;
	width: 378px;
	height: 379px;
	}
.layout-3col-flow #main-text {
	margin:100px 0 0 480px;
	padding-bottom:1em
	}
.layout-3col-flow #text-block {
	background:#e9e8e7;
	width: 280px;
	font-size:0.9em;
	padding:6px 0
	}
.layout-3col-flow #text-block p {
	padding:0 6px;
	margin: 0 0 0.6em 0;
	line-height:1em
	}
	
/* content area with tertiary navigation bar and no Q */
.with-nav-no-q #content-area {
	background:#eae9e8 url(../images/content-bg-navbar.jpg) no-repeat top left;
	padding: 0 20px 20px 20px;
	}

.layout-pics #promo-image {
	position:absolute;
	top:231px;
	right: 4px;
	width: 200px;
	height: 287px;
	}
.layout-pics #main-image {
	position:absolute;
	top:100px;
	left: 44px;
	}
.layout-pics #main-image img{
	border:1px solid #666;
	border-top-width:1px;
	border-left-width: 1px;
	}
.layout-pics #main-text {
	margin:100px 0 0 480px;
	padding-bottom:1em
	}
.layout-pics #text-block {
	background:#e9e8e7;
	width: 280px;
	font-size:0.9em;
	padding:6px 0
	}
.layout-pics #text-block p {
	padding:0 6px;
	margin: 0 0 0.6em 0;
	line-height:1em
	}

/* content area for home page */
.home #content-area {
	background:#e8e8e8 url(../images/content-bg-q-centre.jpg) no-repeat top left;
	padding: 0 20px 20px 20px;
	}

.layout-home #main-image {
	position:absolute;
	top:94px;
	left: 264px;
	width: 381px;
	height: 284px;
	z-index: 80;
	}
.layout-home  #core-image {
	position:absolute;
	left: 0px;
	width: 434px;
	height:660px;
	top: 0;
	background:url(../images/content-woman.jpg) no-repeat top left
	}
.layout-home #core-image-age {
	position:absolute;
	left: 0px;
	width: 434px;
	height:660px;
	top: 0;
	background:url(../images/content-woman-age.jpg) no-repeat top left
	}
.layout-home #promo-image {
	position:absolute;
	top:201px;
	right: 0px;
	width: 293px;
	height: 165px;
	background: url(../images/content-bg-entrystrip.gif) no-repeat top left;
	}
.layout-home #promo-image img {
	margin:20px 0 0 30px;
	}
.layout-home #main-links {
	background: #000;
	width: 556px;
	position: absolute;
	top: 378px;
	left: 434px;
	height: 144px;
	}	
.layout-home #main-links img {
	margin: 15px 15px 0 0
	}
	

/* FOOTER */	
#footer {
	margin:0;
	background:#000;
	border: 1px solid #232323;
	border-top:none;
	}
#links-holder {
	margin:0 200px 0 135px;
	padding:10px 20px 20px 20px;
	text-align: center;
	}
#footer ul {
	list-style:none;
	margin:0;
	padding:0;
	display: inline;
	}
#footer li {
	list-style:none;
	padding:0 10px;
	border-right:1px solid #fff;
	display: inline;
	}
#footer li.end {
	border:none;
	}
#footer li a {
	color:#eee;
	font-size:0.9em;
	text-decoration:none;
	}
#footer .footnotes a {
	color:#eee;
	}
#footer li a:hover, 
#footer .footnotes a:hover {
	color:#10a846;
	}
p.footnotes {
	font-size:0.7em;
	color:#eeeeee;
	margin-top:1em;
	line-height: 1.2em;
	}
#logo-1 {
	position:absolute;
	bottom:0;
	left:5px;
	width:125px;
	height:74px;
	}
#logo-2 {
	position:absolute;
	bottom:0;
	right:5px;
	width:200px;
	height:74px;
	}

.message {
	padding-top:25px;
	width:200px;
}
#age-verify-text {
	padding-top: 30px;
	padding-left: 20px;
	/*background-color: #000; */
	}
#age-verify-text form {
	width:190px;
	}
#age-verify-text a {
	color:#fff;
	}
#age-verify-text a:hover {
	color:#10a846;
	}
.global#age-verify-text{
	padding-top: 0px;
	}
.global#age-verify-text h1 {
	padding-top: 30px;
	}
.errormsg {
	color:red;
	font-size:0.9em;
}
#age-verify-text .errormsg {
	position:absolute;
	width: 200px;
	height:120px;
	top:61px;
	left:280px;
	background:url(../images/icon_error.gif) no-repeat 5px 3px;
	padding-left:17px;
	}
.global#age-verify-text .errormsg {
	top:34px;
	left:360px;
	width:125px
	}

#age-verify-text h2 {
	font-size:1.2em;
	margin:0;
	padding:10px 0 5px 0
	}
input.enter {
	background: #000 url(../images/bttn_arrow.gif) no-repeat right top;
	height:38px;
	padding-right:34px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	border:none;
	text-align: right;
	float: right;
	cursor:pointer;
}

#age-verify-text select {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	}
	
#age-verify-text .country-selector {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	width: 240px !important;
	}
	
.sendtofriend-msg {
	height:200px;
	padding:0 6px;
	}
	
.sendtofriend-msg h2{
	font-weight:normal;
	font-size:1.3em;
	}

.footer-popup #content-area #text-block {
	width:95%;
	padding:0 10px 0 6px;
	}
	
#page_container #swf_container #getFlash {
	font-size:0.76em;
	width:990px;
	text-align: left;
	margin:0 auto;
}

#page_container #swf_container #getFlash #content-area {
	height:auto !important;
	height:600px;
	min-height:600px;	
}

#page_container #swf_container #getFlash #content-area p, #page_container #swf_container #getFlash #content-area h1 {
	color:#000000;
}

#page_container #swf_container #getFlash #content-area a, #page_container #swf_container #getFlash #content-area a span  {
	color:#10A846;
}

#page_container #swf_container #getFlash #content-area a:hover {
	text-decoration:underline;
}