body, div, table, tr, th, td, span, font, p, pre, ul, ol, li, input, button, select, textarea, a, a:active, a:focus, a:hover, a:visited, sub, sup {font-family: Arial, Verdana, "Trebuchet MS"; font-style: normal; font-weight: normal; text-decoration: none; color: #000; font-size: 11px;}

body {padding: 0px; margin: 0px; border: 0; background: #fff;}

.rgt {float: right;}

.lft {float: left;}

.full {width: 100%;}

.under {text-decoration: underline !important;}

.tight {border-collapse: collapse;}

.pointer {cursor: pointer;}

.centre {text-align: center;}

.strong {font-weight: bold;}

td.vtop {vertical-align: top;}

a.default:link, a.default:visited {text-decoration: underline; color: #0f4ea0;}

a.default:hover {text-decoration: none;}

a.learn:link, a.learn:visited {color: #4978bb; font-family: Arial; font-weight: bold; font-size: 14px; text-decoration: underline;}

a.learn:hover {text-decoration: none;}

.txt-main {font-family: arial; font-size: 12px; color: #666;}

ul.list-default li {font-family: arial; font-size: 12px; color: #666; list-style-image: url(../img/bullet.gif); padding: 5px 0px 5px 0px;}

.img-lft {padding-right: 16px; padding-bottom: 10px}

.img-rgt {padding-left: 16px; padding-bottom: 10px;}

.img-rgt2 {padding-right: 80px; padding-bottom: 10px;}

div.popupDetails {position:absolute;display:block;top:-3000px;}





/* Main */

.main {width: 977px; margin-right: auto; margin-left: auto;}



/* Content */

.didj-content {
width: 970px;
height: 927px; 
/* original bg color: background: #d9e0e8 url(../img/bg-main.jpg) left top no-repeat;*/
background: #ffffff url(../img/bg-main.jpg) left top no-repeat;
border: 1px solid #e2e2e2;}

.didj-content2 {
width: 970px;
height: 927px; 
background: #d9e0e8 url(../img/bg-main_backup.jpg) left top no-repeat;
border: 1px solid #e2e2e2;}

.didj-internal {
	width: 970px;
	border: 1px solid #e2e2e2;
	background-color: #fff;
	background-image: url(../img/bg-internal.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.didj-path {height: 1250px;}

.didj-custom {height: 1280px;}

.didj-news {height: 1030px;}

.didj-library {
	height: 1260px;
}

.didj-buy {height: 960px;}

.didj-rgt {width: 738px;}

.didj-lft {width: 230px;}





/* Menu */

.menu-bg {width: 228px; background: url(../img/bg-menu.gif) right bottom no-repeat;}

.menu-content {width: 216px; margin-bottom: 14px; margin-top: 8px;}

.menu-content td {line-height: 15px; border-bottom: 1px solid #d9d9d9;}

.menu-content td.last {border: none !important;}

a.didj-menu:link, a.didj-menu:visited {color: #00aced; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px;}

a.didj-menu:hover, span.didj-menu-cur {color: #81c374; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px; background: url(../img/arrow-green.gif) left center no-repeat;}

.didj-menu-ttl {color: #1c87c0; font-family: Arial; font-size: 16px; padding-left: 8px; padding-top: 14px; font-weight: bold;	}

a.didj-submenu:link, a.didj-submenu:visited {color: #559fc6; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px;}

a.didj-submenu:hover, span.didj-submenu-cur {color: #969595; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px; background: url(../img/arrow-grey.gif) left center no-repeat;}





/* Left Menu */
.lft-content-top {
	background: url(../img/lft-nav-top5.png) no-repeat;
	padding: 0px;
	height: 33px;
	margin-top: 4px;
}
.lft-content-bottom {
	padding: 20px 0px 0px 0px;
	height: 14px;
	background: url(../img/lft-nav-bottom3.png) left top no-repeat;
	margin-bottom: 84px;
}

.lft-content1 {
	background: url(../img/lft-nav-bg1.png) left top repeat-y;
	padding: 0px 0px 0px 22px;
}

.lft-content2 {background: url(../img/lft-nav-bg2.gif) left top repeat-y; padding: 0px 10px 6px 10px;}

.lft-content3 {background: url(../img/lft-nav-bg3.gif) left top repeat-y; padding: 0px 10px 10px 16px;}

.lft-content4 {background: url(../img/lft-nav-bg2.gif) left top repeat-y; text-align: center;}

.lft-sign {height: 62px;}

.lft-offers {height: 42px;}

.sign-ttl {color: #666; font-size: 11px;}

input.sign-email {border: 1px solid #d5d5d5; color: #6ea2d2; width: 140px; padding: 4px 2px 4px 4px;}

.space {margin-bottom: 5px;}

.signup-subttl {font-size: 15px; color: #458cc0; font-weight:bold}





/* Learning Path */

.content-ttl {color: #2069be; font-size: 18px;}

.path-content {margin: 20px 35px 25px 25px;}

.path-content2 {margin: 0px 35px 0px 25px;}

.path-ttl {font-size: 20px; color: #5c6570; padding-bottom: 8px; padding-top: 3px;}

.path-subttl {font-size: 16px; color: #027cd1; line-height: 21px;}

.path03 {width: 260px; margin: 30px 30px 20px 0px;}

.path02 {margin: 10px 360px 50px 0px;}

.path01 {background: url(../img/bg-path01.jpg) right bottom no-repeat; width: 680px; height: 230px;}

.path-txt {color: #999; font-size: 14px; line-height: 18px;}

.path-call {background: url(../img/bg-call.gif) left top no-repeat; width: 210px; height: 180px; margin-top: 20px; padding: 20px 10px 10px 10px;}

.path-call-ttl {color: #00aced; font-size: 18px;}

.path-call-txt {font-size: 12px; color: #999;}

.sw-call {margin-top: 20px;}





/* Customize */

.custom-content {margin: 20px 35px 20px 25px; padding-bottom: 30px;}

.custom-content2 {margin: 0px 35px 20px 25px; padding-bottom: 30px;}

.custom-didjie {background: url(../img/bg-didjie.gif) right bottom no-repeat;}

.custom-call {background: url(../img/bg-call-didjie.gif) left top no-repeat; width: 212px; height: 180px; margin-top: 20px; padding: 20px 10px 10px 10px;}

.custom-call-ttl {color: #00aced; font-size: 18px;}

.custom-call-txt {font-size: 12px; color: #999;}



/* Customize */

.news-content {margin: 20px 0px 0px 25px; padding-right: 35px; padding-bottom: 30px; background: url(../img/bg-boy.jpg) right top no-repeat;}

.news-area {margin-left: 25px;}

.tab1 {background: url(../img/tab01.gif) left top no-repeat; height: 32px;}

.tab2 {background: url(../img/tab02.gif) left top no-repeat; height: 32px;}

.tab1-txt {font-size: 20px; color: #f99120; padding-left: 35px; line-height: 32px;}

.tab2-txt {font-size: 20px; color: #5dc030; padding-left: 35px; line-height: 32px;}

.news {width: 570px; height: 670px; overflow: auto; overflow-y: scroll; overflow-x: hiden; background: #fff; border: 1px solid #ddd;}

.news-recent {background: url(../img/news02.gif) left top repeat-y; padding: 30px; margin-right: 16px;}

.news-odd {padding: 10px; background: #f7f7f7;}

.news-even {padding: 10px; background: #fff;}

a.news-main:link, a.news-main:visited {color: #61b8b9; text-decoration: underline; background: url(../img/news-arrow.gif) left center no-repeat; padding-left: 13px; font-size: 12px;}

a.news-main:hover {color: #399;}

a.news-normal:link, a.news-normal:visited {display: block; padding-left: 13px; color: #333; font-size: 12px;}

a.news-normal:hover {color: #666;}

.news-download {background: url(../img/news04.gif) left top repeat-y; padding: 30px; margin-right: 16px; border-bottom: 1px solid #d2d1d1;}

.downloads {width: 540px; height: 270px; overflow: auto; overflow-y: scroll; overflow-x: hiden; background: #fff; border: 1px solid #ddd; padding: 15px;}

.download-info {color: #666; font-size: 12px; padding-right: 60px;}

a.news-default:link, a.news-default:visited {color: #399; text-decoration: underline; font-size: 12px;}

a.news-default:hover {text-decoration: none;}

a.download:link, a.download:visited {color: #399; text-decoration: underline; background: url(../img/news-arrow.gif) left center no-repeat; padding-left: 13px; font-size: 12px; line-height: 18px;}

a.download:hover {color: #61b8b9;}





/* Library */

.library-content {margin: 20px 0px 0px 25px; padding-right: 35px; padding-bottom: 30px;}

.library-info {display: block; padding-left: 124px; font-size: 12px; color: #666;}

.summer {
	height: 1000px;
}

.fall {height: 300px;}

a.library:link, a.library:visited, a.library-right:link, a.library-right:visited {color: #048ec3; font-weight: bold;}

a.library:hover, a.library-right:hover {color: #f99120;}

a.library:link img, a.library:visited img, a.library-right:link img, a.library-right:visited img {border: 3px solid #f2f2f2;}

a.library:hover img, a.library-right:hover img {border: 3px solid #09f;}

.cases {padding: 5px; margin: 0px 5px 8px 0px; width: 140px; height: 230px; color: #666;}

img.nobdr {border: none !important;}







/* POP */

.pop-bg {position: absolute; margin: 0px 0px 0px 0px; width: 340; height: 360px; z-index: 700}

.pop-content {
	position: absolute;
	width: 260px;
	z-index: 800;
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 65px;
}

.pop-content-right {position: absolute; margin: 16px 65px 0px 23px; width: 260px; z-index: 800;}

.pop-ttl {font-size: 16px; font-weight: normal; color: #fff; width: 255px;}

.pop-subttl {font-size: 13px; color: #fff;}

.pop-play {margin: 20px 0px 10px 0px; }

.pop-age {color: #a8a8a8; font-weight: bold;}

#text-note {
  color: #666;
  padding-top: 5px;
  margin-left: 26px;
}

.pop-seedet {padding: 5px 0px 0px 0px;}

a.see-details:link, a.see-details:visited {color: #666; text-decoration: underline; font-size: 11px;}

a.see-details:hover {text-decoration: none;}

.pop-info {color: #666; margin: 6px 15px 0px 0px; line-height: 14px; height: 215px;}

.pop-list {color: #666; margin: 6px 0px 10px 0px; line-height: 14px;}

.pop-detail {color: #00aced; font-weight: bold;}

.pop-rights {color: #999; font-size: 9px;}

.pop-buy {margin: 0px 10px 0px 0px;}



.intern-retails {margin-left: 30px; margin-top:210px; font-size: 14px; color: #999; font-weight:bold;}

table.retails td {padding: 10px 20px 20px 0px;}

/* product nav */

#productNav {
        position: absolute;
        display: block;
        width: 500px;
        margin-left:508px;
        list-style-type: none; 
        z-index:10;
        padding:0;
        margin-top: 0;
}

#productNav li {
        float:left;
        margin:0;
        padding:0;
}
#productNav li a {
        width: 92px;
        height: 32px;
        background:url(../img/prod-nav.gif);
        display:block;
}
#productNav li.divider {
	background:url(../img/prod-nav.gif) -93px 0;
	width: 1px;
	height: 32px;
}
#productNav #btnClickStart a {
	background-position: -94px 0;
}
#productNav #btnLeapster2 a {
	background-position: -187px 0;
}
#productNav #btnDidj a {
	background-position: -280px 0;
}
#productNav #btnCrammer a {
	background-position: -373px 0;
}
#productNav #btnClickStart a:hover {
	background-position: -94px -32px;
}
#productNav #btnLeapster2 a:hover {
	background-position: -187px -32px;
}
#productNav #btnDidj a:hover {
	background-position: -280px -32px;
}
#productNav #btnCrammer a:hover {
	background-position: -372px -32px;
}
#productNav #btnClickStart.selected a {
	background-position: -94px -64px;
}
#productNav #btnLeapster2.selected a {
	background-position: -187px -64px;
}
#productNav #btnDidj.selected a {
	background-position: -280px -64px;
}
#productNav #btnCrammer.selected a {
	background-position: -373px -64px;
}
.sign-up-module {
	background-image: url(../img/Didj_Sign_up.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 113px;
}
.sign-up-button {
	margin-top: 75px;
	margin-left: 140px;
	border:none;
}