body {
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: #fff url('default/images/bg-body.jpg') repeat-x top left;
}

a, a:visited {
	color: #0066ff;
	text-decoration: none;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 1em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 1em 1em;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
	margin-bottom: 1em;
}

.caption {
	margin-bottom: 1em;
	padding: .25em;
	text-align: center;
	color: #666;
	font-style: italic;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
}

.caption p {
	margin: 0;
	padding: 0 0 .5em;
}

#container {
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 10px 24px;
	padding-bottom: 0;
	background: url('default/images/bg-shadow.png') repeat-y top center;
}

#identity h1 {
	display: block;
	width: 254px;
	height: 69px;
	margin: 0;
	padding: 0;
	text-indent: -99999px;
	font-size: 1px;
}

#identity h1 a {
	display: block;
	background-color: red;
	width: 254px;
	height: 69px;
	background: transparent url('default/images/logo-baby.png') no-repeat top left;
}

#nav-main {
	position: absolute;
	top: 0;
	right: 9px;
	margin-right: 4px;
	background: transparent url('default/images/nav-bg.png') no-repeat top left;
}

#nav-main ul {
	font-size: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-main ul li,
#nav-main ul li span {
	display: block;
	float: left;
	cursor: pointer;
}
#nav-main ul li span {
	color: white;
	font-weight: bold;
	padding: 12px 10px;
	border-right: 1px solid #5990ff;
}
#nav-main ul li.last span {
	border-right: 0;
}

#nav-main ul li.active span,
#nav-main ul li a:hover span {
	background-color: #21409a;
}
#nav-main ul li.first.active span,
#nav-main ul li.first a:hover span {
	background-color: transparent;
	background-image: url('default/images/nav-bg-active.png')
	background-repeat: no-repeat;
	background-position: top left;
}

#nav-main ul li ul li span {
	float: none;
	display: block;
	width: 150px;
	padding: 6px 10px;
	background-color: #21409a;
	border: 0;
	border-bottom: 1px solid #5990ff;
}
#nav-main ul li ul li.first span {
	background-color: #21409a;
}
#nav-main ul li ul li a:hover span,
#nav-main ul li ul li.first a:hover span {
	background-color: #5990ff;
}

#nav-main ul li ul {
	width: 100px;
	position: absolute;
	top: 38px;
	display: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	z-index: 1;
}
#nav-main ul li ul li ul {
	top: 0;
	left: 195px;
}
#nav-main ul li.hover ul,
#nav-main ul li:hover ul {
	display: block;
}
#nav-main ul li.hover ul li ul,
#nav-main ul li:hover ul li ul {
	display: none;
}

#nav-main ul li a img {
	border: 0;
}

#nav-sub ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-sub ul li {
	display: block;
	margin-bottom: 12px;
}

#nav-sub ul li span {
	display: block;
	position: relative;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 24px;
	z-index: 2;
}
#nav-sub ul li a span {
	color: #fff200;
	background: transparent url('default/images/subnav-bg.png') no-repeat 0 -35px;
}
#nav-sub ul li.active span,
#nav-sub ul li a:hover span {
	color: #000;
	background: transparent url('default/images/subnav-bg.png') no-repeat 0 0;
}

#body #content {
	float: left;
	font-size: 14px;
	line-height: 18px;
	width: 700px;
	color: #333;
}

#content h3 {
	color: #c00;
	font-size: 18px;
	font-weight: normal;
}

#good-reading {
	padding: 10px;
	padding-left: 160px;
	background: transparent url('default/images/bg-reading.png') no-repeat top left;
}
#good-reading h3 {
	color: #000 !important;
	margin: 0;
	margin-bottom: 10px;
}

.bestseller-panel {
	width: 220px;
	padding: 0;
	float: left;
	background: transparent url('default/images/bg-panel-bestseller-bottomright.png') no-repeat bottom right;
}
.bestseller-panel .header {
	background: transparent url('default/images/bg-panel-bestseller-topright.png') no-repeat top right;
}
.bestseller-panel .header h3 {
	margin: 0;
	padding: 10px;
	color: #ffff00 !important; 
	font-size: 18px;
	font-weight: normal;
	background: transparent url('default/images/bg-panel-bestseller-topleft.png') no-repeat top left;
}
.bestseller-panel .content {
	color: #fff;
	padding: 10px;
	padding-top: 0;
	margin: 0;
	background: transparent url('default/images/bg-panel-bestseller-bottomleft.png') no-repeat bottom left;
}
.bestseller-panel .content p {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	height: 120px;
	border-top: 1px dotted #fff;
}

#intellectual-development,
#knowledge-development {
	margin-left: 20px;
}

.bestseller {
	position: relative;
}
.bestseller a {
	position: relative;
	display: block;
	width: 200px;
	height: 151px;
	background: transparent url('default/images/frame-bestseller.png') no-repeat top left;
	z-index: 1;

	text-indent: -99999em;
}
.bestseller img {	
	position: absolute;
	border: 0;
	top: 9px;
	left: 7px;
	z-index: 0;
}

#page-about .ten-point-support-program ul {
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 1.2em;
	margin-bottom: 10px;
	clear: both;
}
#page-about .ten-point-support-program ul li {
	float: left;
	width: 320px;
}

#product-list .item {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #333;
}
#product-list .item .bestseller {
	float: left;
	width: 220px;
	clear: none !important;
}
#product-list .item .description {
	float: left;
	width: 440px;
}
#product-list .item .description h4 {
	margin-top: 0;
}


#nav-sub ul li#node-language a span,
#nav-sub ul li#node-intellectual a span,
#nav-sub ul li#node-knowledge a span {
	color: #fff200;
	background: transparent url('default/images/subnav-alternate-bg.png') no-repeat 0 0;
}
#nav-sub ul li#node-language a:hover span,
#nav-sub ul li#node-intellectual a:hover span,
#nav-sub ul li#node-knowledge a:hover span,
#nav-sub ul li#node-language.active span,
#nav-sub ul li#node-intellectual.active span,
#nav-sub ul li#node-knowledge.active span {
	color: #fff200;
	background: transparent url('default/images/subnav-alternate-bg.png') no-repeat 0 -35px;
}

#nav-sub ul li ul {
	margin-top: -15px;
	padding-top: 20px;
	padding-bottom: 10px;
	background: transparent url('default/images/subsubnav-bg.png') no-repeat bottom left;
}
#nav-sub ul li ul li {
	display: block;
	padding-left: 25px;
}
#nav-sub ul li ul li:hover,
#nav-sub ul li ul li.active {
	background: transparent url('default/images/subsubnav-active.png') no-repeat center left;

}
#nav-sub ul li ul li a img {
	border: 0;
}

#nav-product ul {
	float: right;
	margin: 0;
	margin-top: 65px;
	padding: 0;
	list-style: none;
}
#nav-product ul li {
	display: block;
	float: left;
	margin-right: 10px;
}
#nav-product ul li span {
	display: block;
	float: left;
	color: #fff;
	width: 98px;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 21px;
	text-align: center;
}

.button-next a {
	margin: 10px auto;
}

#page-dme #nav-product ul li span {
	background: transparent url('default/images/nav-dme-button.png') no-repeat 0 0;
}
#page-dme #nav-product ul li.active span,
#page-dme #nav-product ul li a:hover span {
	background: transparent url('default/images/nav-dme-button.png') no-repeat 0 -60px;	
}

#page-dme #nav-product {
	background: transparent url('default/images/nav-dme-bg.png') no-repeat top left;
}

#page-dme #funeasy-block1 {
	padding-right: 350px;
	margin-bottom: 20px;
	background: transparent url('default/images/dme-funeasy-block1-bg.png') no-repeat top right;
}
#page-dme #funeasy-block2 {
	padding-left: 350px;
	margin-bottom: 20px;
	background: transparent url('default/images/dme-funeasy-block1-bg.png') no-repeat top left;
}

#button-dme-play-learn a {
	display: block;
	width: 484px;
	height: 34px;
	font-size: 1px;
	text-indent: -99999px;
	background: transparent url('default/images/button-dme-learnbetter.png') no-repeat top left;
}

#page-dme .section {
	float: left;
	position: relative;
	width: 100%;
	clear: both;
}
#page-dme .section .header h4 {
	margin: 0;
	padding: 0;
	color: #c00;
	margin-bottom: 10px;
}
#page-dme #section-showtime {
	height: 229px;
	margin-top: 0;
}
#page-dme #section-showtime .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 229px;	
	background: transparent url('default/images/dme-video-showtime.png') no-repeat top left;
	cursor: pointer;
}
#page-dme #section-showtime .header,
#page-dme #section-showtime .content {
	float: right;
	width: 400px;
}
#page-dme #section-showtime .header {
	margin-top: 60px;
}

#page-dme #section-songs {
	height: 236px;
	margin-top: -20px;
}
#page-dme #section-songs .video {
	position: absolute;
	top: 0;
	right: 0;
	width: 270px;
	height: 236px;	
	background: transparent url('default/images/dme-video-songs.png') no-repeat top left;
	cursor: pointer;
}
#page-dme #section-songs .header,
#page-dme #section-songs .content {
	float: left;
	width: 400px;
}
#page-dme #section-songs .header {
	margin-top: 60px;
}

#page-dme #section-wordplay {
	height: 245px;
	margin-top: -20px;
}
#page-dme #section-wordplay .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 245px;	
	background: transparent url('default/images/dme-video-wordplay.png') no-repeat top left;
	cursor: pointer;
}
#page-dme #section-wordplay .header,
#page-dme #section-wordplay .content {
	float: right;
	width: 400px;
}
#page-dme #section-wordplay .header {
	margin-top: 60px;
}


#page-dme #section-playtime {
	height: 231px;
	margin-top: -20px;
	margin-bottom: 20px;
}
#page-dme #section-playtime .video {
	position: absolute;
	top: 0;
	right: 0;
	width: 270px;
	height: 231px;	
	background: transparent url('default/images/dme-video-playtime.png') no-repeat top left;
	cursor: pointer;
}
#page-dme #section-playtime .header,
#page-dme #section-playtime .content {
	float: left;
	width: 400px;
}
#page-dme #section-playtime .header {
	margin-top: 60px;
}

#page-dme #section-course {
	height: 388px;
	background: transparent url('default/images/bg-dme-activity-course.jpg') no-repeat bottom right;
}
#page-dme #section-course .header, 
#page-dme #section-course .content {
	width: 340px;
}
#page-dme #section-course .content strong {
	font-size: 18px;
}

#page-dme #section-activity ol {
	margin: 0;
	margin-left: 1.4em;
	padding: 0;
}
#page-dme #section-activity ol li {
	margin-bottom: 20px;
}
#page-dme #section-activity ol li ul {
	margin: 0;
	margin-left: 1.4em;
	padding: 0;
}
#page-dme #section-activity ol li ul li {
	margin-bottom: 5px;
}


#page-dme #section-titles {
	margin-bottom: 20px;
}
#page-dme #section-titles table {
	width: 100%;
	background-color: #ccc;
}

#page-dme #section-titles th {
	color: white;
	font-family: georgia;
	font-weight: bold;
	padding: 8px;
	background-color: #666;
}

#page-dme #section-titles th.volume {
	width: 50px;
}

#page-dme #section-titles td {
	padding: 8px;
	background-color: white
}


#page-muzzy #nav-product {
	background: transparent url('default/images/nav-muzzy-bg.png') no-repeat top left;
}
#page-muzzy #nav-product ul li span {
	width: 101px;
	padding-top: 22px;
	padding-bottom: 22px;
	background: transparent url('default/images/nav-muzzy-button.png') no-repeat 0 0;
}
#page-muzzy #nav-product ul li.active span,
#page-muzzy #nav-product ul li a:hover span {
	background: transparent url('default/images/nav-muzzy-button.png') no-repeat 0 -60px;	
}

#page-muzzy #meet-block1 {
	height: 220px;
	padding-right: 330px;
	margin-bottom: 20px;
	background: transparent url('default/images/muzzy-meet-block1-bg.png') no-repeat top right;
}
#page-muzzy #meet-block2 {
	height: 264px;
	padding-left: 340px;
	margin-bottom: 20px;
	background: transparent url('default/images/muzzy-meet-block2-bg.png') no-repeat top left;
}

#page-muzzy #features ul {
	margin: 0;
	margin-left: 1.2em;
	padding: 0;
}


#page-logico #nav-product {
	background: transparent url('default/images/nav-logico-bg.png') no-repeat top left;
}
#page-logico #nav-product ul li span {
	width: 101px;
	padding-top: 23px;
	padding-bottom: 24px;
	background: transparent url('default/images/nav-logico-button.png') no-repeat 0 0;
}
#page-logico #nav-product ul li.active span,
#page-logico #nav-product ul li a:hover span {
	background: transparent url('default/images/nav-logico-button.png') no-repeat 0 -63px;	
}

#page-logico #thinking-block1 {
	height: 184px;
	padding-right: 340px;
	margin-bottom: 20px;
	background: transparent url('default/images/logico-thinking-block1-bg.png') no-repeat top right;
}
#page-logico #thinking-block2 {
	height: 209px;
	padding-left: 360px;
	margin-bottom: 20px;
	background: transparent url('default/images/logico-thinking-block2-bg.png') no-repeat top left;
}
#button-logico-learn a {
	display: block;
	width: 405px;
	height: 34px;
	font-size: 1px;
	text-indent: -99999px;
	background: transparent url('default/images/button-logico-learn.png') no-repeat top left;
}

#page-logico #comparison th,
#page-logico #comparison td {
	padding: 6px;
	border-top: 1px solid #ccc;
	vertical-align: top;
}
#page-logico #comparison th {
	width: 150px;
}
#page-logico #comparison td#primo,
#page-logico #comparison td#piccolo,
#page-logico #comparison td#maximo {
	font-weight: bold;
	text-transform: uppercase;
}
#page-logico #comparison td#primo img,
#page-logico #comparison td#piccolo img,
#page-logico #comparison td#maximo img {
	margin: 10px 0;
}

#page-logico #comparison td#primo   { color: #0053a4 }
#page-logico #comparison td#piccolo { color: #336666 }
#page-logico #comparison td#maximo  { color: #993333 }

#page-logico #comparison td.primo   { color: #fff; background-color: #0053a4 }
#page-logico #comparison td.piccolo { color: #fff; background-color: #336666 }
#page-logico #comparison td.maximo  { color: #fff; background-color: #993333 }

#page-logico #comparison .button-play-demo {
	display: block;
	width: 94px;
	height: 38px;
	text-indent: -99999em;
	background: transparent url('default/images/button-playdemo.png') no-repeat top left;
}
#page-logico #comparison #availability {
	background-color: #ffeeee;
}
#page-logico #comparison #availability em {
	color: #c00;
	font-weight: bold;
}

#button-logico-recommend a {
	display: block;
	width: 425px;
	height: 34px;
	font-size: 1px;
	text-indent: -99999px;
	background: transparent url('default/images/button-logico-recommend.png') no-repeat top left;
}

#page-logico #testimonials .author {
	color: #666;
	font-style: italic;
}

#page-logico #awards .award {
	float: left;
	width: 315px;
	height: 70px;
	padding: 6px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#page-logico #awards .award img {
	float: left;
}
#page-logico #awards .award h4 {
	float: right;
	width: 240px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}


#page-funthinkers #nav-product {
	background: transparent url('default/images/nav-funthinkers-bg.png') no-repeat top left;
}
#page-funthinkers #nav-product ul {
	margin-top: 80px;
}
#page-funthinkers #nav-product ul li span {
	width: 101px;
	padding-top: 22px;
	padding-bottom: 22px;
	background: transparent url('default/images/nav-funthinkers-button.png') no-repeat 0 0;
}
#page-funthinkers #nav-product ul li.active span,
#page-funthinkers #nav-product ul li a:hover span {
	background: transparent url('default/images/nav-funthinkers-button.png') no-repeat 0 -62px;	
}

#page-funthinkers #brain-block1 {
	height: 223px;
	padding-right: 350px;
	margin-bottom: 20px;
	background: transparent url('default/images/funthinkers-brain-block1-bg.png') no-repeat top right;
}
#page-funthinkers #brain-block2 {
	height: 255px;
	padding-left: 320px;
	margin-bottom: 20px;
	background: transparent url('default/images/funthinkers-brain-block2-bg.png') no-repeat top left;
}
#button-funthinkers-fun a {
	display: block;
	width: 351px;
	height: 34px;
	font-size: 1px;
	text-indent: -99999px;
	background: transparent url('default/images/button-funthinkers-fun.png') no-repeat top left;
}


#page-nbk #nav-product {
	background: transparent url('default/images/NBK_banner.jpg') no-repeat top left;
}
#page-nbk #nav-product ul {
	margin-top: 80px;
}
#page-nbk #nav-product ul li span {
	width: 102px;
	padding-top: 22px;
	padding-bottom: 22px;
	background: transparent url('default/images/nav-nbk-button.png') no-repeat 0 0;
}
#page-nbk #nav-product ul li.active span,
#page-nbk #nav-product ul li a:hover span {
	background: transparent url('default/images/nav-nbk-button.png') no-repeat 0 -62px;	
}

#page-nbk #read-block1 {
	height: 221px;
	padding-right: 340px;
	margin-bottom: 20px;
	background: transparent url('default/images/nbk-read-block1-bg.png') no-repeat top right;
}
#page-nbk #read-block2 {
	height: 244px;
	padding-left: 360px;
	margin-bottom: 20px;
	background: transparent url('default/images/nbk-read-block2-bg.png') no-repeat top left;
}
#button-nbk-parents a {
	display: block;
	width: 524px;
	height: 34px;
	font-size: 1px;
	text-indent: -99999px;
	background: transparent url('default/images/button-nbk-parents.png') no-repeat top left;
}


#page-wonderwhy #nav-product {
	background: transparent url('default/images/nav-wonderwhy-bg.png') no-repeat top left;
}
#page-wonderwhy #nav-product ul {
	margin-top: 80px;
}
#page-wonderwhy #nav-product ul li span {
	width: 98px;
	padding-top: 20px;
	padding-bottom: 21px;
	background: transparent url('default/images/nav-wonderwhy-button.png') no-repeat 0 0;
}
#page-wonderwhy #nav-product ul li.active span,
#page-wonderwhy #nav-product ul li a:hover span {
	background: transparent url('default/images/nav-wonderwhy-button.png') no-repeat 0 -59px;	
}

#page-wonderwhy #fascinate-block1 {
	height: 179px;
	padding-right: 280px;
	margin-bottom: 20px;
	background: transparent url('default/images/wonderwhy-fascinate-block1-bg.png') no-repeat top right;
}
#page-wonderwhy #fascinate-block2 {
	height: 227px;
	padding-left: 360px;
	margin-bottom: 20px;
	background: transparent url('default/images/wonderwhy-fascinate-block2-bg.png') no-repeat top left;
}
#button-wonderwhy-about a {
	display: block;
	width: 324px;
	height: 34px;
	font-size: 1px;
	text-indent: -99999px;
	background: transparent url('default/images/button-wonderwhy-about.png') no-repeat top left;
}

#page-wonderwhy #sneak-peek {
	padding: 20px;
	padding-top: 50px;
	background: transparent url('default/images/nbk-cover-bg.png') no-repeat top left;
}
#page-wonderwhy #sneak-peek .instructions {
	display: none;
}
#page-wonderwhy #sneak-peek .cover {
	float: left;
	margin-right: 30px;
}
#page-wonderwhy #sneak-peek .cover a img {
	border: 0;
}

#page-wonderwhy #full-list ol {
	margin: 0;
	margin-left: 1.8em;
	padding: 0;
}
#page-wonderwhy #full-list ol li {
	float: left;
	width: 222px;
}

#dashboard {
	float: left;
	width: 100%;
	height: 100%;
	clear: both;
	background-color: #eee;
	border-bottom: 1px solid #999;
}

#panel-share {
	float: right;
	width: 260px;
	height: 100%;
	padding: 10px 20px;
	background-color: #eee;
}
#panel-share .header {
	padding-bottom: 10px;
	border-bottom: 1px dotted #333;
}
#panel-share .header h3 {
	color: #06f;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#panel-share .content {
	padding-top: 10px;
}

#panel-share .content .twitter,
#panel-share .content .print,
#panel-share .content .email {
	float: left;
	margin-left: 15px;
}
#panel-share .content .print,
#panel-share .content .email {
	width: 48px;
	height: 61px;	
}
#panel-share .content .print a,
#panel-share .content .email a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1px;
	text-indent: -99999em;
	cursor: pointer;
	background: transparent none top left no-repeat;
}
#panel-share .content .print a { background-image: url('default/images/button-print.png'); }
#panel-share .content .email a { background-image: url('default/images/button-email.png'); }
#panel-email .email a{background-image: url('default/images/button-email.png');
					  width:20px; height:30px;}   /*------------Angie Edit 27/4/2011----------------*/
#email-page-form {
	float: left;
	margin-top: 5px;
	padding-top: 5px;
	width: 100%;
	clear: both;
	font-size: 12px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#email-page-form fieldset {
	border: 0;
  }
#email-page-form fieldset .form-row {
	margin-bottom: 5px;
}
#email-page-form fieldset .form-row label{
	display: block;
	float: left;
	width: 90px;
}
#email-page-form fieldset .form-row input.button {
	float: right;
}

.panel-news {
	width: 358px;
	height: 100%;
	padding: 10px 20px;
	float: left;
	background-color: #ffc;
	border: 1px solid #ffc;
}
.panel-news .header {
	padding-bottom: 10px;
	border-bottom: 1px dotted #333;
}
.panel-news .header h3 {
	font-size: 34px;
	font-weight: bold;
	margin:0;
	padding: 0;
}
.panel-news .content {
	padding-top: 10px;
}
.panel-news .content ul {
	margin: 0;
	margin-left: 1.8em;
	padding: 0;
}
.panel-news .content ul li {
	margin: 0;
	margin-bottom: 5px;
}

#office-list .panel {
	float: left;
	width: 310px;
	padding: 10px;
	padding-top: 0;
	margin-bottom: 20px;
	margin-right: 20px;
	background: transparent none no-repeat top left;
}

#office-list #office-malaysia.panel    { background-image: url('default/images/bg-office-malaysia.png'); }
#office-list #office-india.panel       { background-image: url('default/images/bg-office-india.png'); }
#office-list #office-indonesia.panel   { background-image: url('default/images/bg-office-indonesia.png'); }
#office-list #office-philippines.panel { background-image: url('default/images/bg-office-philippines.png'); }
#office-list #office-singapore.panel   { background-image: url('default/images/bg-office-singapore.png'); }
#office-list #office-thailand.panel    { background-image: url('default/images/bg-office-thailand.png'); }

#office-list .panel .header h3 {
	color: #21409a;
}
#office-list .panel address {
	height: 100px;
	font-style: normal;
}
#office-list .maps a {
	display: block;
	color: white;
	font-size: 12px;
	text-decoration: none;
	width: 154px;
	margin: 10px 0;
	padding: 8px 25px;
	background: transparent url('default/images/button-map.png') no-repeat top left;
}

#contact-us {
	width: 320px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 10px;
	background: #ffffcc;
	border: 1px solid #ccc;
}
#contact-us h3 {
	margin: 0;
	margin-bottom: 12px;
	padding: 0;
	font-size: 18px;
	color: #333;
}

#contact-us fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#contact-us fieldset legend {
	color: #000;
	font-weight: bold;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	padding-bottom: 0.4em;
	border: 0;
	border-bottom: 2px solid #000;
}

#contact-us .instructions {
	color: #666;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 10px;
}

#contact-us fieldset label {
	display: block;
	float: left;
	width: 6em;
	clear: left;
}

#contact-us fieldset .button-row,
#contact-us fieldset .form-row {
	float: left;
	width: 100%;
	margin-bottom: 0.4em;
	clear: both;
}

#contact-us fieldset input.input-text,
#contact-us fieldset select,
#contact-us textarea {
	display: block;
	float: left;
	width: 16em;
	margin: 0;
	padding: 0.2em;
	background-color: white;
	border: 1px solid #cccccc;
	clear: right;
}

#contact-us fieldset textarea {
	width: 18.45em;
}

#contact-us fieldset input.input-text:focus,
#contact-us fieldset select:focus,
#contact-us fieldset textarea:focus {
	background-color: #FFFFCC;
	border: 1px solid black;
}
#contact-us fieldset .button-row input {
	float: right;
	margin-right: 10px;	
}

#contact-us fieldset.send legend {
	display: none;
}

#contact-form fieldset {
	padding: 10px;
	border: 0;
	border-top: 2px solid  #666;
}
#contact-form fieldset legend {
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
}

#contact-form .form-row {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
}
#contact-form .form-row label {
	float: left;
	width: 180px;
	display: block;
	margin-bottom: 5px;
	clear: both;
}
#contact-form .form-row input.text {
	float: left;
	padding: 4px;
	width: 300px;
	border: 1px solid #ccc;
}
#contact-form .form-row input.text:focus {
	background-color: #ffe;
	border: 1px solid #999;
}
#contact-form .form-row input.button {
	float: right;
}

#contact-form .form-row .checkbox-row {
	float: left;
	margin-left: 180px;
	width: 100%;
}
#contact-form .form-row .checkbox-row label {
	width: 100%;
}

#page-join .position {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #333;
}
#page-join .position h4 {
	margin: 0;
	margin-bottom: 10px;
}
#page-join .position .expectation {
	color: #ff9900;
	font-style: italic;
	font-weight: bold;
}

#page-join .back-link {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #333;
}

/*----------------------------------------------
Angie edit 10Aug2011
----------------------------------------------*/

#page-stores .position {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #333;
}
#page-stores .position h4 {
	margin: 0;
	margin-bottom: 10px;
}
#page-stores .position .expectation {
	color: #ff9900;
	font-style: italic;
	font-weight: bold;
}

#page-stores .back-link {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #333;
}
#page-news .position {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #333;
}
#page-news .position h4 {
	margin: 0;
	margin-bottom: 10px;
	font-style:italic;
	color: #F90;
}
#page-news .position .expectation{
	color: #ff9900;
	font-style: italic;
	font-weight: bold;
}
#page-news .back-link {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #333;
}

/*--------------------------------------------
Angie Edit 10Aug2011  
--------------------------------------------*/

#panel-archives #content {
	position: relative;

}

#panel-archives {
	position: absolute;
	top: 80px;
	right:280px;
	width: 220px;
	padding: 10px 20px;
	background-color: #fdffcc;
}
#panel-archives .header {
	padding-bottom: 10px;
	border-bottom: 1px dotted #333;
}
#panel-archives .header h3 {
	margin: 0;
	color: #333;
}
#panel-archives .content {
	padding: 10px 0;
}
#panel-archives .content ul {
	margin: 0;
	margin-left: 1.6em;
	padding: 0;
}

#body #widgets {
	float: right;
	width: 200px;
}

#widgets .panel .header {
	padding: 10px;
	padding-left: 16px;
	padding-top: 24px;
}
#widgets .panel .header h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	padding-right: 30px;
}
#widgets .panel .content {
	padding: 10px;
	padding-top: 55px;
	padding-left: 16px;
	padding-right: 20px;
}


#widget-followme{

background: transparent url('default/images/bg-panel-followme.png') no-repeat top left;
width:200px;
height:106px;

}


#widget-followme .header h3{
border-bottom: 2px solid #333;
color:#CC0000;
font-size:24px
}

#widget-followme .header {
	float: left;
	clear: both;
	margin-top:10px;
}

/*---Angie edit----*/
#widget-link{
	background:transparent url('default/images/bg-panel-link.jpg') no-repeat top left;

	height:140px;
}

#widget-link .header h3{
	border-bottom: 2px solid #333;
	color:#CC0000;
	font-size:24px;;
}

#widget-link .header{
	float:left;
	clear:both;
	margin-top:-350px;
}

#widget-testimonial{
height:180px;
width:200px;
background: transparent url('default/images/bg-panel-testimonial.png') no-repeat top left;
}

#widget-testimonial .header {
	float: left;
	clear: both;
	margin-top:10px;
}

#widget-testimonial .header h3{
border-bottom: 2px solid #333;
color:#CC0000;
font-size:24px
}

/*---Angie edit---*/

#widget-tip-week {
	height: 170px;
	background: transparent url('default/images/bg-panel-weekly.png') no-repeat top left;
}

#widget-tip-week .header {
	float: left;
	clear: both;
	margin-top:10px;
}

#widget-tip-week .header h3 {
/*	float: left;*/
	color: #21409a;
	font-size:24px;
/*	text-transform: uppercase;*/
	/*padding-bottom: 4px !important;*/
	border-bottom: 2px solid #333;
/*	clear: both;*/
}

#widget-updates {
	height: 208px;
	color:#CC0000;
	background: transparent url('default/images/bg-panel-latest.png') no-repeat top left;
}

#widget-updates .header {
	float: left;
	clear: both;
}

#widget-updates .header h3 {
	color: #cc0000;
	font-size:24px;
	border-bottom: 2px solid #333;
	}

#widget-updates .content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#widget-updates .content ul li {
	padding: 4px 0;
}

#widget-tip-parenting {
	height: 182px;
	background: transparent url('default/images/bg-panel-parenting.png') no-repeat top left;
}

#widget-tip-parenting .header {
	float: left;
	clear: both;
}

#widget-tip-parenting .header h3 {
	color: #21409a;
	font-size:24px;
	border-bottom: 2px solid #333;
}
#widget-tip-parenting .content ul {
	width: 140px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#widget-tip-parenting .content ul li {
	padding: 6px 0;
	border-bottom: 1px dotted #000;
}

#footer {
	position: relative;
	color: #36c;
	font-size: 10px;
	width: 900px;
	padding: 15px 15px 10px 25px;
	margin: 0;
	margin-top: 100px;
	margin-left: -10px;
	background: #21409a url('default/images/bg-footer.png') no-repeat top left;
}
#footer hr {
	display: none;
}

#footer #sitemap-copyright {
	float: left;
	width: 600px;
}
#footer #sitemap-copyright .copyright {
	text-transform: uppercase;
}
#footer #sitemap-copyright a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#back-to-top {
	position: absolute;
	top: -98px;
	right: 20px;
	width: 180px;
	background: transparent url('default/images/bg-backtotop.png') no-repeat 60px 70px;
}
#back-to-top a {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding-top: 78px; 
	padding-left: 60px;
	padding-right: 10px;
	padding-bottom: 18px;
	text-indent: 25px;
	background: transparent url('default/images/footer-girl.png') no-repeat bottom left;
}

#simpleet {
	float: right;
}

#simpleet a {
	color: #36c;
	text-transform: uppercase;
	text-decoration: none;
}

.clear {
	clear: both;
}

.align-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.align-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.align-center {
	margin: 0 auto;
}

.required { color: #c00; }

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
#page-join .tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#page-join .tabber {
}
#page-join .tabberlive {
	width: 680px;
	margin-top: 40px;
}

#page-join ul.tabbernav
{
	float: left;
	margin: 0;
	margin-left: 12px;
	padding: 0;
	font: bold 12px Verdana, sans-serif;
}

#page-join ul.tabbernav li
{
	list-style: none;
	margin: 0;
	margin-left: 5px;
	display: block;
	float: left;
	background: #ffdc00 url('default/images/nav-tab-bg.png') bottom left repeat-x;
}

#page-join ul.tabbernav li a
{
	display: block;
	float: left;
	padding: 10px;
	padding-left: 30px;
	border: none;	
	text-decoration: none;
}

#page-join ul.tabbernav li a:link { color: #c60; }
#page-join ul.tabbernav li a:visited { color: #333; }

#page-join ul.tabbernav li a:hover,
#page-join ul.tabbernav li.tabberactive a,
#page-join ul.tabbernav li.tabberactive a:hover
{
	color: #333;
	background-color: #ffe400;
}


#page-join ul.tabbernav li#node-tab-join-india a       { background: transparent url('default/images/flag-india.png') 8px 12px no-repeat; }
#page-join ul.tabbernav li#node-tab-join-indonesia a   { background: transparent url('default/images/flag-indonesia.png') 8px 12px no-repeat; }
#page-join ul.tabbernav li#node-tab-join-malaysia a    { background: transparent url('default/images/flag-malaysia.png') 8px 12px no-repeat; }
#page-join ul.tabbernav li#node-tab-join-philippines a { background: transparent url('default/images/flag-philippines.png') 8px 12px no-repeat; }
#page-join ul.tabbernav li#node-tab-join-singapore a   { background: transparent url('default/images/flag-singapore.png') 8px 12px no-repeat; }
#page-join ul.tabbernav li#node-tab-join-thailand a    { background: transparent url('default/images/flag-thailand.png') 8px 12px no-repeat; }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
#page-join .tabberlive .tabbertab {
	padding: 10px;
	padding-top: 18px;
	clear: both;
	border: 0;
	background: #fff url('default/images/nav-tab-frame-bg.png') top left repeat-x;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
#page-join .tabberlive .tabbertab h2 {
	display:none;
}
#page-join .tabberlive .tabbertab h3 {
	
	display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
#page-join .tabberlive#tab1 {
}
#page-join .tabberlive#tab2 {
}
#page-join .tabberlive#tab2 .tabbertab {
	height:200px;
	overflow: hidden;
	
    
}
/*--------------------------------------------------
  Angie Edit 9August2011 for Stores pages tab
  -------------------------------------------------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
#page-stores .tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#page-stores .tabber {
}
#page-stores .tabberlive {
	width: 680px;
	margin-top: 40px;
}

#page-stores ul.tabbernav
{
	float: left;
	margin: 0;
	margin-left: 12px;
	padding: 0;
	font: bold 12px Verdana, sans-serif;
}

#page-stores ul.tabbernav li
{
	list-style: none;
	margin: 0;
	margin-left: 5px;
	display: block;
	float: left;
	background: #ffdc00 url('default/images/nav-tab-bg.png') bottom left repeat-x;
}

#page-stores ul.tabbernav li a
{
	display: block;
	float: left;
	padding: 10px;
	padding-left: 30px;
	border: none;	
	text-decoration: none;
}

#page-stores ul.tabbernav li a:link { color: #c60; }
#page-stores ul.tabbernav li a:visited { color: #333; }

#page-stores ul.tabbernav li a:hover,
#page-stores ul.tabbernav li.tabberactive a,
#page-stores ul.tabbernav li.tabberactive a:hover
{
	color: #333;
	background-color: #ffe400;
}


#page-stores ul.tabbernav li#node-tab-stores-india a       { background: transparent url('default/images/flag-india.png') 8px 12px no-repeat; }
#page-stores ul.tabbernav li#node-tab-stores-indonesia a   { background: transparent url('default/images/flag-indonesia.png') 8px 12px no-repeat; }
#page-stores ul.tabbernav li#node-tab-stores-malaysia a    { background: transparent url('default/images/flag-malaysia.png') 8px 12px no-repeat; }
#page-stores ul.tabbernav li#node-tab-stores-philippines a { background: transparent url('default/images/flag-philippines.png') 8px 12px no-repeat; }
#page-stores ul.tabbernav li#node-tab-stores-singapore a   { background: transparent url('default/images/flag-singapore.png') 8px 12px no-repeat; }
#page-stores ul.tabbernav li#node-tab-stores-thailand a    { background: transparent url('default/images/flag-thailand.png') 8px 12px no-repeat; }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
#page-stores .tabberlive .tabbertab {
	padding: 10px;
	padding-top: 18px;
	clear: both;
	border: 0;
	background: #fff url('default/images/nav-tab-frame-bg.png') top left repeat-x;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
#page-stores .tabberlive .tabbertab h2 {
	display:none;
}
#page-stores .tabberlive .tabbertab h3 {
	display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
#page-stores .tabberlive#tab1 {
}
#page-stores .tabberlive#tab2 {
}
#page-stores .tabberlive#tab2 .tabbertab {
	height:200px;
	overflow: hidden;
	
    
}
/* -------------------------------------------------
  Angie edit end
  ------------------------------------------------*/


/*--------------------------------------------------
  Angie Edit 14Dec2011 for Grolier Regional Roadshows
  -------------------------------------------------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
#page-news .tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#page-news .tabber {
}
#page-news .tabberlive {
	width: 680px;
	margin-top: 20px;
}

#page-news ul.tabbernav
{
	float: left;
	margin: 0;
	margin-left: 12px;
	padding: 0;
	font: bold 12px Verdana, sans-serif;
}

#page-news ul.tabbernav li
{
	list-style: none;
	margin: 2px;
	margin-left: 3px;
	display: block;
	float: left;
	background: #ffdc00 url('default/images/nav-tab-bg1.png') bottom left repeat-x;
	width:100px;
}

#page-news ul.tabbernav li a
{
	display: block;
	float: left;
	padding: 10px;
	padding-left: 10px;
	border: none;	
	text-decoration: none;
	width:80px
}

#page-news ul.tabbernav li a:link { color: #c60; }
#page-news ul.tabbernav li a:visited { color: #333; }

#page-news ul.tabbernav li a:hover,
#page-news ul.tabbernav li.tabberactive a,
#page-news ul.tabbernav li.tabberactive a:hover
{
	color: #333;
	background-color: #ffe400;
}


#page-news ul.tabbernav li#node-tab-roadshow-jan a  { background: transparent url('default/'); }     
#page-news ul.tabbernav li#node-tab-roadshow-feb a  { background: transparent url('default/'); }  
#page-news ul.tabbernav li#node-tab-roadshow-mar a  { background: transparent url('default/'); }    
#page-news ul.tabbernav li#node-tab-roadshow-apr a  { background: transparent url('default/'); }  
#page-news ul.tabbernav li#node-tab-roadshow-may a  { background: transparent url('default/'); }   
#page-news ul.tabbernav li#node-tab-roadshow-jun a  { background: transparent url('default/'); }  
#page-news ul.tabbernav li#node-tab-roadshow-jul a  { background: transparent url('default/'); }       
#page-news ul.tabbernav li#node-tab-roadshow-aug a  { background: transparent url('default/'); }   
#page-news ul.tabbernav li#node-tab-roadshow-sep a  { background: transparent url('default/'); }    
#page-news ul.tabbernav li#node-tab-roadshow-oct a  { background: transparent url('default/'); }  
#page-news ul.tabbernav li#node-tab-roadshow-nov a  { background: transparent url('default/'); }   
#page-news ul.tabbernav li#node-tab-roadshow-dec a  { background: transparent url('default/'); }  

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
#page-news .tabberlive .tabbertab {
	padding: 10px;
	padding-top: 18px;
	clear: both;
	border: 0;
	background: #fff url('default/images/nav-tab-frame-bg.png') top left repeat-x;
}	
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */

/* If desired, hide the heading since a heading is provided by the tab */
#page-news .tabberlive .tabbertab h2 {
	display:none;
}
#page-news .tabberlive .tabbertab h3 {
	display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
#page-news .tabberlive#tab1 {
}
#page-news .tabberlive#tab2 {
}
#page-news .tabberlive#tab2 .tabbertab {
	height:200px;
	overflow: hidden;
	
    
}
/* -------------------------------------------------
  Angie Edit 14Dec2011 for Grolier Regional Roadshows END
  ------------------------------------------------*/



/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
#page-home .tabberlive .tabbertabhide {
	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
#page-home .tabber {
}
#page-home .tabberlive {
	position: relative;
	margin-top:1em;
	padding-bottom: 60px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
#page-home ul.tabbernav {
	margin:0;
	padding: 0;
	list-style: none;

	position: absolute;
	top: 212px;

}

#page-home ul.tabbernav li {
	display: block;
	margin: 0;
	float: left;
	text-indent: -9999em;
	width: 225px;
	height: 49px;
}

#page-home ul.tabbernav li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#page-home ul.tabbernav #node-tab-brain {
	margin-left: 0px;	
}

#page-home ul.tabbernav #node-tab-teach{
	margin-left: 12px;
	}

#page-home ul.tabbernav #node-tab-intelligence {
	margin-left: 13px;
}
#page-home ul.tabbernav #node-tab-teach a {
	background: transparent url('default/images/tab-banner-teach.png') no-repeat 0 0;
}
#page-home ul.tabbernav #node-tab-brain a {
	background: transparent url('default/images/tab-banner-brain.png') no-repeat 0 0;
}
#page-home ul.tabbernav #node-tab-intelligence a {
	background: transparent url('default/images/tab-banner-intelligence.png') no-repeat 0 0;
}

#page-home ul.tabbernav li a:hover,
#page-home ul.tabbernav li.tabberactive a {
	background-position: 0 -49px !important;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/ 
  
#page-home .tabberlive .tabbertab {
	padding: 0;
	border: 0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
#page-home .tabberlive .tabbertab h2 {
	display:none;
}
#page-home .tabberlive .tabbertab h3 {
	display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
#page-home .tabberlive#tab1 {
}
#page-home .tabberlive#tab2 {
}
#page-home .tabberlive#tab2 .tabbertab {
	height:200px;
	overflow: hidden;
}

#ui-datepicker-div { display: none; } /* removes space below footer */

/*Edit Angie*//*Edit Angie*//*Edit Angie*//*Edit Angie*//*Edit Angie*//*Edit Angie*//*Edit Angie*//*Edit Angie*//*Edit Angie*//*Edit Angie*/
.camelpic{
position: relative;
z-index: 0;
}

.camelpic:hover{
background-color: transparent;
z-index: 50;
}

.camelpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
margin-top:250px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.camelpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.camelpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
left: -455px; /*position where enlarged image should offset horizontally */

}

.kangaroospic{
position: relative;
z-index:0;
}

.kangaroospic:hover{
background-color: transparent;
z-index: 50;
}

.kangaroospic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
margin-top:250px;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.kangaroospic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.kangaroospic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
left: -238px; /*position where enlarged image should offset horizontally */

}


.tummypic{
position: relative;
z-index: 0;
}

.tummypic:hover{
background-color: transparent;
z-index: 50;
}

.tummypic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
margin-top:250px;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.tummypic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.tummypic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
left: -20px; /*position where enlarged image should offset horizontally */

}