@charset "utf-8";
/* CSS Document */
/* Start Page Formatting */
body {
	background-color: #F9F9FF;/*#a4d1d7;*/
	color: #444444;
}

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.list li {
	margin-left: 20px;
}

ol.list  {
	margin-left: 3px;
	border-bottom: 1px solid #007AB6;
}

.clear {
 clear: both;
}

img {
	border: none;
}

.imgLeft {
 float: left;
 margin: 0 8px 8px 0;
}

.imgRight {
 float: right;
 margin: 0 8px 8px 0;
}

#neuro_logo {
 margin: 17px 62px;
}

.popular_games {
 float: right;
 width: 120px;
 height: 90px;
 margin: 40px 0 0 20px;
}

#footerTD {
 width: 100%; /* Sets the width to full width of the "main" table */
 height: 178px;
 padding: 0 65px 0 0;
 background: url(/migglecms/templates/neurogames/images/footer.jpg) transparent left top no-repeat;
}

#section_div a,  #footer_text a {
 color: #0194a6;
}

#section_div a:hover, #footer_text a:hover {
 color: #007DB7;
 text-decoration: underline;
}

 #footer_text {
 text-align: center;
 }

.btn_delete {
 cursor: pointer;
 background-color: transparent;
 border: none;
 width: 20px;
 background: url(/migglecms/templates/neurogames/images/del.png) center center no-repeat;
}

table .shop_cart td.no_border {
  border-collapse: collapse;
  border: none;
}

table .shop_cart td.button_no_border {
  width: 30px;
  border-collapse: collapse;
  border: 1px solid #ace1e5;
  border-right: none;
}

table .shop_cart td.game_no_border {
  border-collapse: collapse;
  border: 1px solid #ace1e5;
  border-left: none;
}

table .shop_cart {
border-collapse: collapse;
}

table .shop_cart td.border {
  border-collapse: collapse;
  border: 1px solid #ace1e5;
}

table .shop_cart td {
  padding: 4px;
}

#shopping_basket {
 margin: 0 50px;
}

h2.basket a {
 font: bold 12pt Arial;
 color: #8Fd2EE;
}

h2.basket a:hover {
 color: #F8F8FF;
}

h2.basket img {
	vertical-align: middle;
	margin: 0 0 10px 9px;
}

#topLeftCell img {
	float: left;
}

#topCentreCell h1 {
	font: normal 16pt Arial;
	color: #7ad3f7;
	text-align: right;
	margin-right: 75px;
}

#topCentreCell h1 img {
	vertical-align: middle;
	margin-left: 9px;
}

#topCentreCell {
 padding-top: 140px;
 height: 10px;
 padding: 0;
}

* HTML #topCentreCell {
 padding-top: 70px;
 height: 80px;
}

#left_sidebar {
	width: 180px;
	height: 150px;
	margin: 6px 0 0 53px;
}

#amazon {
	margin: 10px 0 0 85px;
}

#left_sidebar_splash {
	position: absolute;
	top: 460px;
	left: 53px;
}

/* This has been removed - p, a, ul li, ul ul li, ul ul ul li */
html, body {
 font: normal 85% Arial;
 line-height: 1.4em;
}

#section_div {
 overflow: hidden; /* In case they type to much, hide the content so it doesn't break the container size  */
}

#section_div img {
 position: relative; /* Set the image relative to the DIV (container) */
}

#section_div #left_col {
 float: left;
 width: 47%;
 height: auto!important;
 height: 335px;
 margin-right: 6px;
}

#section_div #right_col {
 float: right;
 width: 47%;
 height: 335px;
 height: auto!important;
}

#section_div #left_col p, #mainContentCell p, #section_div ul li, #mainContentCell ul li, #section_div ol li, #mainContentCell ol li, #section_div #right_col p{
 padding-bottom: 8px;
 line-height: 1.4em;
}


h1 {
 font: normal 170% verdana; /* Sets the font to font weight normal at 135% & family verdana */
 color: #007ab6; /* #4FBBE6 Sets the font colour to blue (HEX value) */
 margin: 0 0 13px 0; /* Adds margin around the form & paragraphs: Order = Top Right Bottom Left */ 
 padding: 0; /* removes all padding */
}

.menu_header {
 display: block;
 margin-left: 33px;
 padding: 3px;
 font: bold 100% Verdana;
 color: #FFFFFF;
}

/* Start Navigation Formatting */

/* Left Menu */

#left_ {
 min-height: 220px;
 height: auto!important;
 height: 220px;
	background: url(/migglecms/templates/neurogames/images/left_menu.jpg) transparent left top no-repeat;
}


#left_ a {
 color: #8Fd2EE;
 display: block;
 padding: 5px 0;
 margin-left: 37px;
}

#left_ a:hover {
 color: #F8F8FF;
 text-indent: 15px;
 background: url(/migglecms/templates/neurogames/images/menu_arrow.gif) transparent 0% 50% no-repeat;
}

#shopping_basket a:hover.no_arrow {
 background: none;
 text-indent: 0px;
}

#left_ #sub-menu a{
 text-indent: 30px; /* Shifts the "first" line in by 15px: (If a whole blocks needs indenting then use padding or margin) */ 
}

#left_ #sub-menu a:hover {
 color: #F8F8FF;
 text-indent: 30px;
 background: url(/migglecms/templates/neurogames/images/menu_arrow.gif) transparent 6% 50% no-repeat;
}

/* End Navigation Formatting */

/* End Page Formatting */

/* Start Site Layout */

#container {
 width: 950px; /* Width of layout */
 margin: 0 auto; /* Aligns centre for the browsers windows */
 padding: 0; /* Removes all padding */
 text-align: left; /* Sets the text to the left of each cell */
 position: relative;
}

#top {
	height: 178px;
	background: url(/migglecms/templates/neurogames/images/header.jpg) transparent left bottom no-repeat;
}

#top, #main {
 width: 950px; /* Sets the size of the table */
}

#mainContentCell, #mainContentTD {
 vertical-align: top;
 width: 99.4%;
 min-height: 335px;
 height: auto!important;
 height: 335px;
}

#mainContentTD {
	background: url(/migglecms/templates/neurogames/images/content_repeat.jpg) transparent left top repeat-y;
}

#topMenuCell, #bottomMenuCell, #footerCell {
 display: block;
}

#topLeftCell img, #topCenterCell img, #topRightCell  img {
 display: block; /* display the image in a block not paragraph or add spacing */
}

div#topLeftCell, div#topCenterCell, div#topRightCell {
 position: relative; /* Sets the DIV relative to the table cell */
 overflow: hidden; /* Hides content bigger than content cell size so it doesn't change the layout */
}

#topLeftTD, #topLeftCell {
 vertical-align: top;
 width: 380px;
}

#leftMenuTD, #leftMenuCell {
  vertical-align: top;
  width: 277px; /* Sets the left menu cell & DIV to 210px */
  height: auto!important;
  height: 220px;
  background: url(/migglecms/templates/neurogames/images/left_menu_repeat.jpg) transparent left top repeat-y;
}

#topRightCell {
 height: 150px; /* Sets the top left & right cells to 97px height */
 padding: 0 5px; /* Adds padding to the Cell: Order = Top & Bottom, Right & Left; */
}

#mainContent {
 margin: 0 54px; /* Remove all margins */
 height: auto; /* Creates its own height to the content in the cell area */
}

/* Start Articles Display */

/* List categories on the Section page one per row */
.list_category_one_in_row {
 width: auto;
 margin-top: 10px;
 padding: 8px 5px 5px 5px;
 overflow: hidden;
 border-top: 1px dotted #808080;
}

.list_category_one_in_row h1 a {
  font: bold 14pt Arial;
  color: #007db7;
}

.list_category_one_in_row a {
  color: #007db7;
}

.list_category_one_in_row img {
 position: relative; /* Sets the image relative to the content area */
}

/* List categories on the Section page two per row */
.list_category_two_in_row {
 width: 47%; /* Sets the width to 48% (100 = total width / 2 = 50...) */
 padding: 5px; /* Add 5px to the container so everything can "breath" */
 overflow: hidden; /* In case they type to much, hide the content so it doesn't break the container size  */
}

.list_category_two_in_row img {
 position: relative; /* Sets the image relative to the content area */
 border: 1px solid #333333; /* Add a border of 1px solid line & colour of grey (HEX value) */
}

/* End Article Displays */

/*Start Error Message Display */

div#error_message {
 margin: 6px 0 0 20px;	/* Adds a margin on the left hand side of 20px */
 color: #CC3300; 			/* Sets the font colour to grey (HEX value) */
 font-weight: bold;
 line-height: 1.1em; /* Sets the height between each bullet point */
}
 
div#error_message {
 width: auto; /* Sets the width of the error container to 450px */
 border: 0px solid #CCCCCC; /* Adds a border of 1px ridge line with a red colour (HEX value) */
 background-color: #FFFFFF; /* Sets the background colour to an off grey */
 padding: 4px 4px 0px 4px; /* Adds padding within the container: Order = Top Right Bottom Left; */
 margin-bottom: 13px;	/* Adds a margin of 8px to the bottom */
 line-height: 1.1em;	/* Sets the height between each line */
}

/* CSS for Bookmark With START */
.sharesb{
	clear:both;
	position:relative;
	border:1px solid #ddd;
	padding:10px;
	margin:15px 0 10px 0;
	/* -webkit-text-size-adjust:none; */
}
.sharesb ul{
	text-align:left;
	list-style:none;
	margin:15px 0 0px 15px;
	padding:0;
}
.sharesb ul li{
	text-align:center;
	display:inline;
	padding: 0 4px 8px 0;
}

.sharesb ul li.delicious{background:url("/migglecms/modules/share_this/delicious.gif") no-repeat 0 0;}
.sharesb ul li.digg{background:url("/migglecms/modules/share_this/digg.gif") no-repeat 0 0;}
.sharesb ul li.reddit{background:url("/migglecms/modules/share_this/reddit.gif") no-repeat 0 0;
}
.sharesb ul li.facebook{background:url("/migglecms/modules/share_this/facebook.gif") no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url("/migglecms/modules/share_this/stumbleupon.gif") no-repeat 0 0;}
.sharesb ul li a { padding:3px 0 0 18px; margin:0 10px 0 3px; }

#left_ a.isOna {
  color: #F8F8FF;
	text-indent: 15px;
	background: url(/migglecms/templates/neurogames/images/menu_arrow.gif) transparent 0% 50% no-repeat;
}

#left_ #sub-menu a.isOna {
 color: #F8F8FF;
 text-indent: 30px;
 background: url(/migglecms/templates/neurogames/images/menu_arrow.gif) transparent 6% 50% no-repeat;
}

/* CSS for Bookmark With END */


/* End Error Message Display */

/* End Site Layout */

/* Start Skip Navigation for screen readers */

#skip_navigation {
 position: absolute;
 left: -1000em;
 width: 20em; /* Sets the screen reader skip navigation of site so it can't be viewed */
}

/* End Skip Navigation for screen readers */

/* Form formatting */
input, textarea {
padding: 2px;
}