/***** global html & basic styles *****/

* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
}

body {
	font-size: 70%;
	height: 100%;
	background: url(../../_img/bg_body.gif) top repeat-x #f5f6f7;
}

body.popup {
	padding: 10px 20px;
}

body, td, th, li {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
input, select, textarea {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

table, tr, td, th {
	border-collapse: collapse;
	border: 0;
}
	table th {
		text-align: left;
		vertical-align: bottom;
		font-weight: bold;
		line-height: 1.2em;
	}
	table td {
		vertical-align: top;
		line-height: 1.4em;
	}

img {
	border: 0;
}

p {
	line-height: 1.4em;
	margin: 0 0 1.4em 0;
}
p.intro {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0 0 1.6em 0;
}
p.nomargin {
	margin: 0 0 0.1em 0;
}
.subp {
	margin-top: -0.6em;
}

ul, ol {
	padding: 0;
	margin: 0 0 1.0em 0;
}
	ul li {
		padding: 0 0 0.5em 0;
		margin: 0 0 0 1.4em;
		line-height: 1.4em;
	}
	ol li {
		padding: 0 0 0.5em 0;
		margin: 0 0 0 2.0em;
		line-height: 1.4em;
	}

ul.linklist, ol.linklist {
	list-style: none;
}
	ul.linklist li, ol.linklist li {
		margin: 0;
	}

dl {
	padding: 0;
	margin: 0 0 1.4em 0;
}
	dl dt {
		clear: both;
		float: left;
		display: inline;
		line-height: 1.4em;
		margin: 0 0.3em 0 0;
	}
	dl dd {
		line-height: 1.4em;
		margin: 0 0 1.0em 0;
	}

a { /* for a tags without href */
	color: #666666;
	text-decoration: none;
	outline: none;
}
a:link, a:visited {
	color: #0977b9;
	text-decoration: none;
	outline: none;
}
a:hover, a:visited:hover, a:active {
	color: #0977b9;
	text-decoration: underline;
	outline: none;
}

blockquote {
	cursor: help;
	border-bottom: 1px dotted #0977b9;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #0977b9;
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #0977b9;
}

h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
h1 {
	font-family: "Myriad Pro", Arial, Verdana, Helvetica, sans-serif;
	color: #999999;
	font-size: 2.5em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
	h1 strong {
		color: #000000;
	}
h2 {
	color: #0977b9;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0.5em 0 0.2em 0;
	clear: both;
}
h3 {
	color: #0977b9;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0.5em 0 0.2em 0;
	clear: both;
}
h4 {
	color: #333333;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0.5em 0 1.0em 0;
	clear: both;
}
h5 {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0.5em 0 0.2em 0;
}
h6 {
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0.5em 0 0.2em 0;
}

sup, sub {font-size: 0.8em;}

fieldset {
	width: auto;
	border: 0;
}

select option { /* fix for FF squishing select box option */
	padding: 0 3px;
}

div.hr {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0 0 1.4em 0;
	border-top: 1px solid #666666;
}

.clear {
	clear: both;
}
div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0 0 -1px 0;
}

.nowrap {
	white-space: nowrap;
}

.small {
	font-size: 0.9em;
}

.hidden {
	display: none;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.alignright {
	text-align: right;
}

.alignleft {
	text-align: left;
}

.center {
	text-align: center;
}

.floatright {
	float: right;
	display: inline;
}

.floatleft {
	float: left;
	display: inline;
}

img.rightpic {
	float: right;
	display: inline;
	margin: 5px 0 5px 20px;
}

img.leftpic {
	float: left;
	display: inline;
	margin: 5px 20px 5px 0;
}

img.block {
	display: block;
	margin: 0 0 0.5em 0;
}

/***** /global html & basic styles *****/



/***** layout & unique styles *****/

div#container {
    width: 920px;
    margin: 0 auto;
}

div#siteheader {
	position: relative;
	height: 82px;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #ffffff;
	background: #ffffff;
}

fieldset#fs_selectlang {
	position: absolute;
	left: 25px;
	top: 5px;
}
	fieldset#fs_selectlang label {
		padding: 0 5px 0 0;
	}
	fieldset#fs_selectlang select {
		vertical-align: middle;
	}

ul#utilitynav {
	position: absolute;
	right: 25px;
	top: 5px;
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}
	ul#utilitynav li {
		position: relative;
		display: inline;
		padding: 0 12px;
		margin: 0;
		border-right: 1px solid #c4c4c4;
	}
	ul#utilitynav li#un_touchgen {
		padding: 0 0 0 12px;
		border-right: 0px none;
	}
		ul#utilitynav li#un_touchgen img {
			display: inline;
			vertical-align: middle;
		}

ul#sitenav {
	position: absolute;
	bottom: 0px;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 920px;
	height: 50px;
}
	ul#sitenav li {
		float: left;
		display: inline;
		height: 50px;
		padding: 0;
		margin: 0;
	}
		ul#sitenav li a {
			position: relative;
			display: block;
			height: 50px;
		}
			ul#sitenav li a span {
				position: absolute;
				left: -999999px;
			}

/* see sitenav.css for localized sitenav */

div#sitefooter {
	text-align: center;
	padding: 15px;
}
	div#sitefooter div.logos {
	}
		div#sitefooter div.logos img {
			display: inline;
			vertical-align: middle;
			padding: 0 10px;
		}

div#innerarea {
    /*width: 918px; implied*/
    padding: 0 0 20px 0;
    border: 1px solid #ffffff;
    background: url(../../_img/bg_inner.gif) bottom repeat-x #ffffff;
}

div#cta {
	clear: both;
	height: 158px;
	padding: 52px 0 0 0;
	background: url(../../_img/cta/bg_cta.gif) center top no-repeat;
	text-align: center;
	position: relative;
}
	div#cta h3 {
		position: absolute;
		left: -999999px;
	}
	div#cta img {
		display: inline;
		vertical-align: middle;
		padding: 0 30px;
	}

div#billboard_home {
	width: 918px;
	height: 313px;
	background: url(../../_img/banner/banner_home.jpg) no-repeat;
	position: relative;
}
div#billboard_what {
	background: url(../../_img/banner/banner_what.jpg) no-repeat;
}
div#billboard_training {
	background: url(../../_img/banner/banner_training.jpg) no-repeat;
}
div#billboard_howto {
	background: url(../../_img/banner/banner_howto.jpg) no-repeat;
}
div#billboard_buy{
	background: url(../../_img/banner/banner_buy.jpg) no-repeat;
}
div#billboard_articles {
	background: url(../../_img/banner/banner_articles.jpg) no-repeat;
}
div#billboard_misc {
	background: url(../../_img/banner/banner_misc.jpg) no-repeat;
}
div.billboard {
	width: 918px;
	height: 156px;
	position: relative;
}
	div.billboard  div.billboardbottom {
		width: 918px;
		height: 7px;
		background: url(../../_img/banner/bg_banner.gif) bottom repeat-x;
		position: absolute;
		bottom: 0px;
	}
	div.billboard a#ba2logo {
		position: absolute;
		left: 40px;
		top: 40px;
		width: 243px;
		height: 68px;
		background: url(../../_img/BrainAge2.png) no-repeat;
	}
		div.billboard a#ba2logo span {
			position: absolute;
			top: -999999px;
		}

div#homepagecontent {
	position: relative;
	float: right;
	display: inline;
	width: 530px;
	min-height: 240px;
	padding: 10px 40px 20px 20px;
}
	div#homepagecontent h1 {
		font-size: 2.2em;
	}

div#leftcol {
	position: relative;
	float: left;
	display: inline;
	width: 298px;
	padding: 10px 0 20px 30px;
}

div#fullwidthcontent {
	position: relative;
	min-height: 320px;
	padding: 30px 40px 20px 40px;
}

div#maincontent {
	position: relative;
	float: left;
	display: inline;
	width: 533px;
	min-height: 320px;
	padding: 30px 69px 20px 40px;
}

div#rightcol {
	position: relative;
	float: right;
	display: inline;
	width: 251px;
	padding: 30px 25px 20px 0;
}

/** rightcol tabs **/

div.tabs {
	margin: 0 0 20px 0;
}
	div.tabs img.tab_header {
		display: block;
		margin: 0 auto 5px auto;
	}
	div.tabs div.tabs_bottomcap {
		height: 18px;
		background: url(../../_img/tabs/bg_tabs_bottomcap.gif) no-repeat;
	}
	div.tabs div.tabs_bottomoutline {
		width: 251px;
		height: 12px;
		background: url(../../_img/tabs/bg_tabs_bottomoutline.gif) no-repeat center bottom;
	}

div#flash_brainstages {
	padding: 0 0 5px 0;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
	div#flash_brainstages img {
		display: block;
	}

div#tab_video {
	position: relative;
	padding: 25px 5px 20px 20px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
	div#tab_video img {
		float: left;
		display: inline;
		margin: 0 13px 5px 0;
	}

h3#h3_activities, h3#h3_tips, h3#h3_buy, h3#h3_video, h3#h3_ontv, h3#h3_brainstages {
	position: relative;
	width: 251px;
	height: 32px;
	padding: 0;
	margin: 0;
}
	h3#h3_activities span, h3#h3_tips span, h3#h3_buy span, h3#h3_video span, h3#h3_ontv span, h3#h3_brainstages span {
		position: absolute;
		top: -999999px;
		left: -999999px;
	}

h3#h3_brainstages {
	background: url(../../_img/tabs/tab_variousstages.gif) no-repeat;
}
h3#h3_ontv {
	background: url(../../_img/tabs/tab_baontv.gif) no-repeat;
}
h3#h3_video {
	background: url(../../_img/tabs/tab_braintraining.gif) no-repeat;
}
h3#h3_activities {
	background: url(../../_img/tabs/tab_ba2activities.gif) no-repeat;
	cursor: pointer;
}
h3#h3_tips {
	background: url(../../_img/tabs/tab_ba2tips.gif) no-repeat;
	cursor: pointer;
}
h3#h3_buy {
	background: url(../../_img/tabs/tab_wheretobuy.gif) no-repeat;
	cursor: pointer;
}
	h3#h3_buy.in {
		background-position: 0px -32px;
	}

div#tab_activities {
	width: 223px;
	padding: 10px 13px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
	div#tab_activities img.block {
		margin: 10px -13px;
	}
	ul#activitieslist {
		list-style: none;
		margin: 5px 0 0 0;
	}
		ul#activitieslist li {
			display: block;
			width: 168px;
			height: 22px;
			padding: 0 14px 0 30px;
			margin: 0;
			background: url(../../_img/bg_li_activitieslist.gif) no-repeat;
		}
			ul#activitieslist li a {
				display: block;
				color: #999999;
				padding: 2px 0;
				margin: 0;
			}
			ul#activitieslist li a:hover {
				color: #0066cc;
				text-decoration: none;
			}
		ul#activitieslist li.in {
			background-position: 0px -22px;
		}
			ul#activitieslist li.in a {
				color: #0066cc;
			}

div#tab_tips {
	width: 223px;
	padding: 10px 13px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
	div#tab_tips h4 {
		margin: 0 0 0.2em 0;
	}

div#tab_buy {
	width: 223px;
	padding: 10px 13px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
	div#tab_buy h4 {
		margin: 0 0 0.2em 0;
	}

div#accordion_container {}
	div#accordion_container .accordion_toggle {
		display: block;
		cursor: pointer;
		margin: 0;
	}
	div#accordion_container .accordion_content {
		overflow: hidden;
		width: 251px;
	}
	div#accordion_container img.tab_header {
		display: block;
		margin: 0 auto 5px auto;
	}
	div#accordion_container div.tabs_bottomcap {
		width: 251px;
		height: 18px;
		background: url(../../_img/tabs/bg_tabs_bottomcap.gif) no-repeat;
	}
	div#accordion_container div.tabs_bottomoutline {
		width: 251px;
		height: 12px;
		background: url(../../_img/tabs/bg_tabs_bottomoutline.gif) no-repeat center bottom;
	}

/** /rightcol tabs **/

/***** /layout & unique styles *****/



/***** page specific css *****/

/** buy**/

div#stores {
	text-align: center;
}
	div#stores img {
		display: inline;
		vertical-align: middle;
		padding: 5px 25px 20px 25px;
	}
	div#stores h2 {
		font-size: 2.0em;
	}

/** /buy**/

/** faq **/

dl#faq {
}
	dl#faq dt {
		float: none;
		display: block;
		font-weight: bold;
	}
	dl#faq dd {
		margin: 0 0 1.2em 0;
	}
		dl#faq dd a.top {
			display: block;
			margin: 0.2em 0 0 0;
			text-align: right;
			font-size: 0.9em;
		}
		dl#faq dd h3 {
			font-size: 1.2em;
		}
		dl#faq dd dl {
			margin: 1.0em 0;
		}
			dl#faq dd dl dt {
				clear: both;
				float: left;
				display: inline;
				margin: 0 0.3em 0 0;
			}
			dl#faq dd dl dd {
				margin: 0 0 0.5em 3.0em;
			}

/** /faq **/

/** how to**/

div#flashActivity {
	background: url(../../_img/dsactivities.jpg) no-repeat left top ;
	width: 533px;
	height: 420px;
}

div#infobubble {
	position: relative;
	width: 530px;
	min-height: 60px;
	padding: 35px 16px 0 32px;
	margin: 0 -50px 0 0;
	background: url(../../_img/bg_bubble.gif) no-repeat left top;
}
	div#infobubble div {
		display: none;
	}
	div#infobubble h3 {
		float: left;
		display: inline;
		padding: 10px 10px 15px 0;
		margin: 0 10px 0 0;
		background: url(../../_img/bubbledots.gif) no-repeat right top;
	}
	div#infobubble p {
		float: left;
		display: inline;
		margin: 0;
		width: 330px;
	}
	div#infobubble div.wide {}
		div#infobubble div.wide h3 {
			float: none;
			display: block;
			padding: 00;
			margin: 0 0 5px 20px;
			background: none;
		}
		div#infobubble div.wide p {
			float: none;
			display: block;
			margin: 0 0 0 20px;
			width: 500px;
		}

/** /how to **/

/** around the world **/

div#world {
	width: 500px;
	height: 140px;
	padding-top: 309px;
	background: url(../../_img/world/world.gif) no-repeat center top;
}
div#world img {
	float: left;
	display: inline;
	margin-right: 10px;
}

/** /around the world **/

/** gallery **/

ul#gallery {
	list-style: none;
	padding: 0;
	margin: 0;
}
	ul#gallery li {
		position: relative;
		float: left;
		display: inline;
		width: 98px;
		height: 74px;
		padding: 0;
		margin: 0 13px 5px 0;
	}
		ul#gallery li a {
			position: relative;
			display: block;
			width: 98px;
			height: 74px;
		}
			ul#gallery li a span {
				position: absolute;
				left: -999999px;
				top: -999999px;
			}

li#thumb_harold a {background:url(../../_img/gallery/thumb_harold.jpg) no-repeat;}
li#thumb_harold a:hover, li#thumb_harold.in a {background-position: 0px -74px;}

li#thumb_sherry a {background:url(../../_img/gallery/thumb_sherry.jpg) no-repeat;}
li#thumb_sherry a:hover, li#thumb_sherry.in a {background-position: 0px -74px;}

li#thumb_elizabeth a {background:url(../../_img/gallery/thumb_elizabeth.jpg) no-repeat;}
li#thumb_elizabeth a:hover, li#thumb_elizabeth.in a {background-position: 0px -74px;}

li#thumb_michael a {background:url(../../_img/gallery/thumb_michael.jpg) no-repeat;}
li#thumb_michael a:hover, li#thumb_michael.in a {background-position: 0px -74px;}

li#thumb_deborah a {background:url(../../_img/gallery/thumb_deborah.jpg) no-repeat;}
li#thumb_deborah a:hover, li#thumb_deborah.in a {background-position: 0px -74px;}

li#thumb_john a {background:url(../../_img/gallery/thumb_john.jpg) no-repeat;}
li#thumb_john a:hover, li#thumb_john.in a {background-position: 0px -74px;}

/** /gallery **/

/** on tv **/

li#thumb_tvspot a {background:url(../../_img/ontv/thumb_tvspot.jpg) no-repeat;}
li#thumb_tvspot a:hover, li#thumb_tvspot.in a {background-position: 0px -74px;}

li#thumb_discovery a {background:url(../../_img/ontv/thumb_discovery.jpg) no-repeat;}
li#thumb_discovery a:hover, li#thumb_discovery.in a {background-position: 0px -74px;}

li#thumb_clockspin a {background:url(../../_img/ontv/thumb_clockspin.jpg) no-repeat;}
li#thumb_clockspin a:hover, li#thumb_clockspin.in a {background-position: 0px -74px;}

li#thumb_highnumber a {background:url(../../_img/ontv/thumb_highnumber.jpg) no-repeat;}
li#thumb_highnumber a:hover, li#thumb_highnumber.in a {background-position: 0px -74px;}

li#thumb_memorysprint a {background:url(../../_img/ontv/thumb_memorysprint.jpg) no-repeat;}
li#thumb_memorysprint a:hover, li#thumb_memorysprint.in a {background-position: 0px -74px;}

li#thumb_signfinder a {background:url(../../_img/ontv/thumb_signfinder.jpg) no-repeat;}
li#thumb_signfinder a:hover, li#thumb_signfinder.in a {background-position: 0px -74px;}

li#thumb_wordscramble a {background:url(../../_img/ontv/thumb_wordscramble.jpg) no-repeat;}
li#thumb_wordscramble a:hover, li#thumb_wordscramble.in a {background-position: 0px -74px;}

/** /on tv **/

/***** /page specific css *****/