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: none; color: #0f4ea0;}
a.default:hover {text-decoration: underline;}
.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: 18px; padding-bottom: 10px}
.img-rgt {padding-left: 18px; padding-bottom: 10px;}
div.popupDetails {position:absolute;display:block;top:-3000px;}


/* Main */
.main {width: 977px; margin-right: auto; margin-left: auto;}
#skills_buttons {background: url(../img/skills_buttons_bg.png) left top no-repeat; width:232px; height:102px;}
#but_pre{ width:180px;height:30px; position:relative; top:25px; left:25px;}
#but_comp{ width:180px;height:30px;position:relative; top:30px; left:25px;}
.but_pre_out {background: url(../img/but_skills_preschool_out.png) left top no-repeat;cursor:default;}
.but_pre_over{background: url(../img/but_skills_preschool_over.png) left top no-repeat;cursor:pointer;}
.but_comp_out{background: url(../img/but_skills_computer_out.png) left top no-repeat;cursor:default;}
.but_comp_over{background: url(../img/but_skills_computer_over.png) left top no-repeat;cursor:pointer;}
#but-demo{width:158px;height:32px; position:relative; top:364px;left:256px;}
.but-demo-out{background: url(../img/but-demo-out.png) left top no-repeat;cursor:default;}
.but-demo-over{background: url(../img/but-demo-over.png) left top no-repeat;cursor:pointer;}
.main-tog-cs{position:absolute; top:509px; left:575px; width:395px; height:74px;}
.main-tog-ttl-cs{width:350px;font-size:22px;font-weight:bold;font-family:arial,sans-serif;color:#37A025;}
.main-tog-txt-cs{font-size:12px;font-family:arial,sans-serif;color:#343542;}
/* Content */
/*.lp-content {width: 970px; height: 927px; background: url(../img/bg-home-cs.jpg) right top no-repeat; border: 1px solid #e2e2e2;}*/
.cr-content {width: 970px; height: 752px; background: url(../img/bg-cr-home.jpg) right top no-repeat; border: 1px solid #e2e2e2;}
.cr-path {
	width: 970px;
	height: 700px;
	background: #013D5C url(../img/bg-cr-path.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}
.lp-rewards {
	width: 970px;
	height: 850px;
	background: url(../img/bg-internal.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}
.cr-buy {
	width: 970px;
	height: 920px;
	background:#014461 url(../img/bg-buy-cr.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}
.cr-news {background: #014461 url(../img/bg-cr-news.jpg) right top no-repeat; width: 970px; height: 970px; border: 1px solid #e2e2e2;}
.lp-library {width: 970px; background: url(../img/bg-internal.jpg) right top no-repeat; border: 1px solid #e2e2e2;}
.lp-rgt {width: 720px;}
.lp-lft {width: 250px;}
.lft-calls {margin-bottom: 12px;}
.call1 {background: url(../img/bg-lft-call.png) left top no-repeat; width: 230px; height: 112px;margin-top:10px;}
.call1-cs {width: 230px; height: 126px; text-align: center; position:relative; margin-top:10px;}
.call2-cs {width: 230px; height: 293px; text-align: center; position:absolute; top:640px}
.call2-nopos {width: 230px; height: 293px; text-align: center;}
.call-txt1 {font-size: 20px; font-weight: normal; color: #053F5D; font-family: Arial; padding: 17px 17px 6px 17px;}
.call-txt2 {font-size: 11px; color: #666; font-family: Arial; padding: 0px 17px 6px 17px;}
a.call-lnk:link, a.call-lnk:visited {color: #4c6c88; font-size: 11px; font-family: Arial; text-decoration: underline; font-weight: bold;}
a.call-lnk:hover {text-decoration: none; }
input.signup {
	width: 120px;
	border: 1px solid #e5e5e5;
	padding: 4px;
	margin-top: 6px;
	color: #333;
}
/*
.intern-ttl {margin-top: 43px; margin-right: 40px; padding-right: 40px; padding-bottom: 40px;}
.intern-ttl-cs {margin-top: 0px; margin-right: 0px; padding-right: 0px; padding-bottom: 0px; }
#intern-ttl-cs-news {height:103px;}
.intern-ttl-cs table tr td {vertical-align:top;}
.intern-ttl2 {margin-top: 43px; margin-right: 40px; padding-right: 40px; padding-bottom: 10px;}
.intern-subttl {margin: 50px 370px 50px 0px;}
*/
.intern-ttl-cr{margin:25px 0px 20px 5px;}
.ttl-page-cr{margin: -41px 0px 0px 276px;width:400px;}
.ttl-main{color:#006475;font-size:20px;}
.ttl-sub-cr{color:#4E4E4E; font-size:16px;margin-top:5px;}


.intern-content {font-size: 13px; color: #666; margin-right: 50px; line-height: 18px;}
.intern-retails {margin-left: 60px; margin-top: 70px; font-size: 14px; color:#999999;font-weight:bold;}
.intern-retails-cr {margin-left: 30px; margin-top: 140px; font-size: 14px; color:#FFFFFF;font-weight:bold;}
.rewards {background: url(../img/reward.jpg) left top no-repeat;}
.txt-ttl {font-size: 19px; color: #2a7c4f; line-height: 22px;}
.txt-subttl {font-size: 14px; color: #333; line-height: 18px;}
.txt-subttl2 {font-size: 12px; color: #666; display: block; padding-top: 11px; padding-left: 265px;}
.txt-inttl {font-size: 21px; color: #65C34E; line-height: 28px;}
.txt-insubttl {font-size: 13px; color: #ababab; line-height: 18px; font-weight: bold;}
.connect {margin: 16px 0px 80px 300px; font-size: 13px; color: #666; line-height: 18px;}
.txt-watch {font-size: 11px; color: #666;}
.txt-inbuy {font-size: 15px; color: #666; line-height: 18px;}
.txt-inbuy-cs {font-size: 13px; color: #999999; line-height: 18px;}
table.retails td {padding: 20px 40px 20px 0px;}
#cs_logo {margin-top:11px;}
table.cs-ttl tr td{color:#999999; font-family:arial,sans-serif;font-size:12px;margin:0px;padding:0px;}
table.clearn-section {margin-top:10px;}
table.cs-ttl tr td.cs-subttl{padding-left:15px;}
div.cs-subttl {padding-left:15px; color:#999999;font-family:arial,sans-serif; font-size:12px;}
table.clearn-section {margin-top:10px;}
table.clearn-section tr td {vertical-align:bottom;font-family:arial, sans-serif; font-size:14px;color:#999999;}
#cr-special-but {width:231px; height:41px;} 
.cr-special-but-off {background: url(../img/but-special.png) left top no-repeat;}
.cr-special-but-over{background: url(../img/but-special_on.png) left top no-repeat;cursor:pointer; }



/* 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: 16px; border-bottom: 1px solid #d9d9d9;}
.menu-content td.last {border: none !important;}
a.lp-menu:link, a.lp-menu:visited {color: #006475; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px;}
a.lp-menu:hover, span.lp-menu-cur {color: #636466; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px; background: url(../img/arrow-darkgray.gif) left center no-repeat;}
a#titles {background:transparent;padding: 0px;}
.lp-menu-ttl {color: #006475; font-family: Arial; font-size: 16px; padding-left: 8px; padding-top: 20px; font-weight: bold;	}
a.lp-submenu:link, a.lp-submenu:visited {color: #9D9D9D; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px;}
a.lp-submenu:hover, span.lp-submenu-cur {color: #636466; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px; background: url(../img/arrow-darkgray.gif) left center no-repeat;}
#but-sign {width:55px; height:23px;margin:-22px 0px 0px 138px;}
.but-sign-off {background: url(../img/but-sign.png) left top no-repeat;}
.but-sign-on {background: url(../img/but-sign_on.png) left top no-repeat;cursor:pointer;}

/* Learning Path */
.content-ttl {color: #2069be; font-size: 20px;}
.content-ttl-cr {color: #006475; font-size: 20px;}
.content-ttl-path-cr {color: #006475; font-size: 18px;}
.path-content {margin: 40px 35px 0px 5px;}
.path-content2 {margin: 0px 35px 0px 5px;}
.path-ttl {font-size: 20px; color: #5c6570; padding-bottom: 6px;}
.path-ttl-cs {margin-top: 20px;}
.path-subttl {font-size: 16px; color: #027cd1;}
.path-subttl-cs {font-size: 16px; color: #82C949;}
.path-sub-subttl-cs {display: block; padding-left: 204px; font-size: 12px; color: #666;}
.path03 {width: 260px; margin: 30px 30px 20px 0px;}
.path02 {margin: 10px 320px 50px 0px;}
.path02-cr {margin: 0px 340px 50px 0px;}
.path01 {width: 680px; height: 230px;}
.path-txt {color: #FFFFFF; font-size: 14px; line-height: 18px;}
.cr-buy-txt {color: #666666; font-size: 14px; line-height: 18px;}
.path-txt1 {color: #6B6B6B; 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-ttl-cs {color: #f90; font-size: 18px;}
.path-call-txt {font-size: 12px; color: #999;}
.sw-call {margin-top: 20px;}
div#cr-visit-lp {width:174px; height:31px;position:absolute; z-index:1; margin:0px 0px 0px 315px;top:450px;}
div#cr-visit-lp img {border:none;}
.cr-visit-lp-but-off{background: url(../img/but-visit-lp-off.png) left center no-repeat;}
.cr-visit-lp-but-over{background: url(../img/but-visit-lp-on.png) left center no-repeat;cursor:pointer;}
/*how*/
.cr-how{
	width: 970px;
	height: 923px;
	background: #00264B url(../img/bg-cr-how.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}

.custom-content1{height:400px; width:400px;}
.cr-how-custom-lft{margin-left:10px;}
.cr-how-custom-ttl{font-size:20px;color:#ED9A35;font-weight:bold;margin:10px 0px 0px 0px;padding:0px}
.cr-how-custom-txt1{width:331px; height:118px;font-size:14px;color:#FFFFFF;margin:0px;padding:0px;line-height:18px;}
.cr-how-custom-rt1{margin:-345px 0px 0px 350px;}
.custom-content2{height:200px;}
.cr-how-custom-rt2{margin:-161px 0px 0px 375px; width:290px;}
.cr-how-custom-rt3{margin:-170px 0px 0px 355px; width:290px;}
.cr-how-custom-txt2{height:118px;font-size:14px;color:#FFFFFF;margin:0px;padding:0px;line-height:18px;}
/* news */
.news-area {margin-right: 20px;}
.tab1 {background: url(../img/tab01.gif) left top no-repeat; height: 27px;padding-top:5px;}
.tab2 {background: url(../img/tab02.gif) left top no-repeat; height: 27px;padding-top:5px;}
.tab3 {background: url(../img/tab03.gif) left top no-repeat; height: 68px;}
.tab4 {background: url(../img/tab04.gif) left top no-repeat; height: 72px;}
.tab1-txt {font-size: 16px; color: #398390; padding-left: 14px; }
.tab2-txt {font-size: 18px; color: #398390; padding-left: 30px; padding-top: 44px;}
.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: 20px 30px 30px 30px; margin-right: 18px;}
.news-releases {background: url(../img/news01.gif) left top repeat-y; padding: 20px 30px 30px 30px; margin-right: 18px;}
.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: 10px 30px 30px 30px; margin-right: 23px; border-bottom: 1px solid #d2d1d1;}
.news-library {background: url(../img/news03.gif) left top repeat-y; padding: 10px 30px 30px 30px; margin-right: 35px; border-bottom: 1px solid #d2d1d1;}
.downloads {width: 540px; height: 170px; 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;}
.releases {height: 430px;}
.library {height: 1650px;}
.library-cs {height: 550px;}
.library-info {display: block; padding-left: 124px; font-size: 12px; color: #666;}

a.library:link, a.library:visited, a.library-right:link, a.library-right:visited {color: #048ec3; font-weight: bold;}
a.library:hover {color: #f99120;}
a.library:link img, a.library:visited img, a.library-right:link img, a.library-right:visited img {
	border: 0px solid #f2f2f2;
}
a.library:hover img, a.library-right:hover img {} 
img.nobdr {border: none !important;}
.cases {padding: 5px; margin: 0px 5px 10px 0px; width: 140px; height: 210px; color: #666;}
.library-top {margin-top:30px;}
#cr-lib-head {background: url(../img/lib-cr-head.png) left top no-repeat;width:687px;height:33px; color:#FFFFFF; font-size:20px;padding:10px 0px 0px 21px;vertical-align:middle; margin-top:50px;}
.cr-lib-section {
	background-color:#FFFFFF; width:687px;height:73px;border-top:2px solid #EDEDED;border-bottom:2px solid #EDEDED;
}
.cr-lib-icon {margin:13px 15px 0px 18px;}
.cr-lib-txt {margin:13px 0px 0px 0px; color:#55788E; font-size:28px;}
.cr-lib-txt:hover {margin:13px 0px 0px 0px; color:#006475; font-size:28px;}
.cr-lib-txt-sub {font-size:16px; color:#55788E; }
#cr-lib-bottom{background: url(../img/lib-cr-bottom.png) left top no-repeat;width:687px; height:24px;}

/* POP */
.pop-bg {position: absolute; margin: 0px 0px 0px 0px; width: 340; height: 544px; z-index: 700}
.pop-content {position: absolute; margin: 22px 0px 0px 65px; width: 260px; z-index: 800;}
.pop-content-right {position: absolute; margin: 22px 0px 0px 23px; width: 260px; z-index: 800;}
.pop-ttl {font-size: 18px; font-weight: normal; color: #fff;}
.pop-subttl {font-size: 10px; color: #fff;}
.pop-play {margin: 20px 0px 20px 0px;}
.pop-age {color: #a8a8a8; font-weight: bold;}
.pop-info {color: #666; margin: 6px 0px 10px 0px; line-height: 14px;}
.pop-list {font-size:12px;margin: 6px 0px 10px 0px; line-height: 1.6;}
.pop-detail {color: #538598; size:12px;}
.pop-rights {color: #999; font-size: 9px; margin: 6px 0px 10px 0px;}
.pop-body-head{font-size:14px; color:#538598;font-weight:bold;padding-bottom:10px;padding-top:10px;}
.pop-buy {margin-right:10px;}
.pop-grade {font-weight:bold; font-size:12px; margin-left: -5px;}
.pop-sub {margin-left:5px; font-size:12px;}

/* 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;
}