body, font,
.main div,.main span,
.main table,.main tr,.main th,.main td,
.main p,.main ul,.main ol,.main li,
.main input,.main button,.main select,.main textarea,
.main a,.main a:active,.main a:focus,.main a:hover,.main a:visited,
.main pre,.main sub,.main 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;}
.main .rgt {float: right;}
.main .lft {float: left;}
.main .full {width: 100%;}
.main .under {text-decoration: underline !important;}
.main .tight {border-collapse: collapse;}
.main .pointer {cursor: pointer;}
.main .centre, {text-align: center;}
.main .strong {font-weight: bold;}
.main td.vtop {vertical-align: top;}
.main a.default:link,
.main a.default:visited {text-decoration: none; color: #0f4ea0;}
.main a.default:hover {text-decoration: underline;}
.main .txt-main {font-family: arial; font-size: 12px; color: #666;}
.main ul.list-default li {font-family: arial; font-size: 12px; color: #666; list-style-image: url(../img/bullet.gif); padding: 5px 0px 5px 0px;}
.main .img-lft {padding-right: 18px; padding-bottom: 10px}
.main .img-rgt {padding-left: 18px; padding-bottom: 10px;}
.main .img_connected {margin:20px;float: right;}
div.popupDetails {position:absolute;display:block;top:3000px;}

/* Main */
.main {width: 977px; margin-right: auto; margin-left: auto;}
.main #skills_buttons {background: url(../img/skills_buttons_bg.png) left top no-repeat; width:232px; height:102px;}
.main #but-pre { width:180px;height:30px; position:relative; top:25px; left:25px;}
.main .but-pre-off {background: url(../img/but_skills_preschool.png) left top no-repeat;}
.main #but-pre:hover,
.main #but-pre:active,
.main .but-pre-on {background: url(../img/but_skills_preschool_on.png) left top no-repeat;cursor:pointer;}

.main #but-comp { width:180px;height:30px;position:relative; top:30px; left:25px;}
.main .but-comp-off {background: url(../img/but_skills_computer.png) left top no-repeat;}
.main #but-comp:hover,
.main #but-comp:active,
.main .but-comp-on {background: url(../img/but_skills_computer_on.png) left top no-repeat;cursor:pointer;}

.main #but-demo {width:158px;height:32px; position:relative; top:374px;left:256px;}
.main .but-demo-out {background: url(../img/but-demo-out.png) left top no-repeat;cursor:default;}
.main #but-demo:hover,
.main #but-demo:active,
.main .but-demo-over {background: url(../img/but-demo-over.png) left top no-repeat;cursor:pointer;}

.main #but-buynow {width:108px;height:32px; position:relative; top:342px;left:424px;}
.main .but-buynow-out {background: url(../img/but-buynow_off.png) left top no-repeat;cursor:default;}
.main #but-buynow:hover,
.main #but-buynow:active.
.main .but-buynow-over {background: url(../img/but-buynow_on.png) left top no-repeat;cursor:pointer;}


.main-tog-cs {position:relative; top:380px; left:245px; 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 */
.main .lp-content {width: 970px; height: 927px; background: url(../img/bg-home-cs.jpg) right top no-repeat; border: 1px solid #e2e2e2;}
.main .lp-path {
	width: 970px;
	height: 1550px;
	background: url(../img/bg-internal-path.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}
.main .cs-path {
	width: 970px;
	height: 1270px;
	background: url(../img/bg-internal-path.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}
.main .lp-rewards {
	width: 970px;
	height: 850px;
	background: url(../img/bg-internal.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}
.main .lp-buy {
	width: 970px;
	height: 1200px;
	background: url(../img/bg-internal.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}
.main .cs-buy {
	width: 970px;
	height: 840px;
	background: url(../img/bg-internal.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}
.main .cs-computer {
	width: 970px;
	height: 680px;
	border: 1px solid #e2e2e2;
}
.main .lp-news {width: 970px; height: 920px; background: url(../img/bg-internal.jpg) right top no-repeat; border: 1px solid #e2e2e2;}
.main .lp-library {
	width: 970px;
	height:1000px;
	background: url(../img/bg-internal.jpg) right top no-repeat;
	border: 1px solid #e2e2e2;
}
.main .lp-rgt {width: 720px;}
.main .lp-lft {width: 250px;}
.main .lft-calls {margin-bottom: 9px;}
.main .call1 {background: url(../img/bg-lft-call.gif) left top no-repeat; width: 230px; height: 112px; margin-top:5px;}
.main .call1-cs {width: 230px; height: 126px; text-align: center; position:relative; margin-top:10px;}
.main .call2-cs {width: 230px; height: 293px; text-align: center; position:relative; margin-top:10px;}
.main .call2-nopos {width: 230px; height: 293px; text-align: center;}
.main .call-txt1 {font-size: 20px; font-weight: normal; color: #5abc45; font-family: Arial; padding: 17px 17px 6px 17px;}
.main .call-txt2 {font-size: 11px; color: #666; font-family: Arial; padding: 0px 17px 6px 17px;}
.main a.call-lnk:link,
.main a.call-lnk:visited {color: #4c6c88; font-size: 11px; font-family: Arial; text-decoration: underline; font-weight: bold;}
.main a.call-lnk:hover {text-decoration: none; }
.main input.signup {
	width: 120px;
	border: 1px solid #e5e5e5;
	padding: 4px;
	margin-top: 6px;
	color: #333;
}
.main #cs-secret-code {
	position:absolute;
	width:372px;
	height:291px;
    background: transparent url(../img/bg-cs-pop-secret.gif) right top no-repeat;
    margin:10px 0px 0px 0px;
    z-index:1000;
    display:none;
}

.main #cs-secret-code h1{color:#FFFFFF;font-size:23px;font-weight:normal;margin:-10px 10px 0px 20px;}
.main #cs-secret-code h2{color:#FFFFFF;font-size:16px;font-weight:normal;margin:0px 10px 0px 20px;}
.main #cs-secret-code h3{color:#FFFFFF;font-size:16px;font-weight:normal;margin:18px 10px 0px 20px;}
.main #cs-secret-code p.p1{color:#dafca0;font-size:14px;margin:0px 10px 0px 20px;}
.main #cs-secret-code p.p2{color:#FFFFFF;font-size:14px;margin:35px 10px 0px 20px;}
.main #cs-secret-close {width:30px; height:30px; margin:0px 0px 0px 342px;}

.main .intern-ttl-cs{margin:10px 0px 0px 10px;}
.main .ttl-page-cs{margin-top:-41px;margin-left:202px;width:450px;}
.main .ttl-main{color:#5C6570;font-size:20px;}
.main .ttl-sub-cs{color:#82C949; font-size:16px;margin-top:5px;}
.main .ttl-sub2-cs{color:#999999;font-size:12px;padding-top:5px;}
.main .ttl-sub3-cs{color:#999999;font-size:12px;}

.main .intern-content {font-size: 13px; color: #666; margin-right: 50px; line-height: 18px;}
.main .intern-retails {margin-left: 60px; margin-top: 70px; font-size: 14px; color:#999999;font-weight:bold;}
.main .intern-retails-cs {margin-left: 10px; margin-top: -45px; font-size: 14px; color:#999999;font-weight:bold;}
.main .rewards {background: url(../img/reward.jpg) left top no-repeat;}
.main .txt-ttl {font-size: 19px; color: #2a7c4f; line-height: 22px;}
.main .txt-subttl {font-size: 14px; color: #333; line-height: 18px;}
.main .txt-subttl2 {font-size: 12px; color: #666; display: block; padding-top: 11px; padding-left: 265px;}
.main .txt-inttl {font-size: 21px; color: #65C34E; line-height: 28px;}
.main .txt-insubttl {font-size: 13px; color: #ababab; line-height: 18px; font-weight: bold;}
.main .connect {margin: 16px 0px 80px 300px; font-size: 13px; color: #666; line-height: 18px;}
.main .txt-watch {font-size: 11px; color: #666;}
.main .txt-inbuy {font-size: 15px; color: #666; line-height: 18px;}
.main .txt-inbuy-cs {font-size: 13px; color: #999999; line-height: 18px;}
.main table.retails td {padding: 20px 40px 20px 0px;}
.main #cs_logo {margin-top:11px;}
.main table.cs-ttl tr td{color:#999999; font-family:arial,sans-serif;font-size:12px;margin:0px;padding:0px;}
.main table.clearn-section {margin:-20px 50px -5px 20px;}
.main table#clearn-section1 {margin-top:10px;}
.main table.cs-ttl tr td.cs-subttl{padding-left:15px;}
.main div.cs-subttl {padding-left:15px; color:#999999;font-family:arial,sans-serif; font-size:12px;}
.main table.clearn-section tr td {vertical-align:middle;font-family:arial, sans-serif; font-size:14px;color:#999999;}
.main #clearn-row2-space{width:200px;}
.main #clearn-row2-txt{text-align:right;}

.main #but-demo{width:158px;height:32px;}
.main .but-demo-off{background: url(../img/but-demo.png) left top no-repeat; }
.main #but-demo:hover,
.main #but-demo:active,
.main .but-demo-on{background: url(../img/but-demo_on.png) left top no-repeat;cursor:pointer; }

.main #but-buynow{width:108px;height:32px;}
.main .but-buynow-off{background: url(../img/but-buynow_off.png) left top no-repeat; }
.main #but-buynow:hover,
.main #but-buynow:active,
.main .but-buynow-on{background: url(../img/but-buynow_on.png) left top no-repeat;cursor:pointer; }


/* Menu */
.main .menu-bg {width: 228px; background: url(../img/bg-menu.gif) right bottom no-repeat;}
.main .menu-content {width: 216px; margin-bottom: 14px; margin-top: 8px;}
.main .menu-content td {line-height: 16px; border-bottom: 1px solid #d9d9d9;}
.main .menu-content td.last {border: none !important;}
.main a.lp-menu:link,
.main a.lp-menu:visited {color: #55B507; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px;}
.main a.lp-menu:hover,
.main span.lp-menu-cur {color: #FC9013; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px; background: url(../img/arrow-orange.gif) left center no-repeat;}
.main a.lp-buymenu:link,
.main a.lp-buymenu:visited {color: #FF3300; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px;}
.main a.lp-buymenu:hover,
.main span.lp-menu-cur {color: #FC9013; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px; background: url(../img/arrow-orange.gif) left center no-repeat;}
.main .lp-menu-ttl {color: #2A9545; font-family: Arial; font-size: 16px; padding-left: 8px; padding-top: 20px; font-weight: bold;	}
.main a.lp-submenu:link,
.main a.lp-submenu:visited {color: #4FB469; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px;}
.main a.lp-submenu:hover,
.main span.lp-submenu-cur {color: #999999; font-weight: bold; font-family: Arial; font-size: 11px; padding-left: 8px; background: url(../img/arrow-gray.gif) left center no-repeat;}

.main #but-sign {width:55px; height:23px;margin:-22px 0px 0px 138px;}
.main .but-sign-off {background: url(../img/but-sign.png) left top no-repeat;cursor:pointer;}
.main #but-sign:hover,
.main #but-sign:active,
.main .but-sign-on {background: url(../img/but-sign_on.png) left top no-repeat;cursor:pointer;}

.main #cs-special-but {width:231px; height:41px; margin-top:10px;} 
.main .cs-special-but-off {background: url(../img/but-special.png) left top no-repeat;}
.main #cs-special-but:hover,
.main #cs-special-but:active,
.main .cs-special-but-over{background: url(../img/but-special_on.png) left top no-repeat;cursor:pointer; }

/* Learning Path Old

.main .path-call {background: url(../img/bg-call.gif) left top no-repeat; width: 210px; height: 180px; margin-top: 20px; padding: 20px 10px 10px 10px;}
.main .path-call-ttl {color: #f90; font-size: 18px;}
.main .path-call-txt {font-size: 12px; color: #999;}
 */
 
/* Learning Path */
.main .content-ttl {color: #2069be; font-size: 20px;}
.main .content-ttl-cs {color: #f7941d; font-size: 18px;}
.main .content-ttl-tm{font-size:10px; position:relative; top: -.45em;color: #f7941d;}
.main .path-content {margin: 20px 35px 50px 25px;}
.main .path-content2 {margin: 0px 35px 0px 10px;}
.main .path-ttl {font-size: 20px; color: #5c6570; padding-bottom: 6px;}
.main .path-ttl-cs {margin-top: 20px;}
.main .path-subttl {font-size: 16px; color: #027cd1;}
.main .path-subttl-cs {font-size: 16px; color: #82C949;}
.main .path-sub-subttl-cs {display: block; padding-left: 204px; font-size: 12px; color: #666;}
.main .path03 {width: 280px; margin: 30px 0px 20px 0px;}
.main .path02 {margin: 10px 320px 50px 0px;font-weight:normal;}
.main .path01 {680px; height: 164px;margin-top:30px;}
.main .path-txt {color: #999; font-size: 14px; line-height: 18px;}
.main .path-call {background: url(../img/bg-call.gif) left top no-repeat; width: 210px; height: 180px; margin-top: 20px; padding: 20px 10px 10px 10px;}
.main .path-call-ttl {color: #00aced; font-size: 18px;}
.main .path-call-ttl-cs {color: #f90; font-size: 18px;}
.main .path-call-txt {font-size: 12px; color: #999;}
.main .sw-call {margin-top: 20px;}
.main .cs-learning-custom{}
.main div#cs-visit-lp {
	width:174px;
	height:31px;
	position:absolute;
	z-index:1;
	top:273px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 500px;
}
.main div#cs-visit-lp img {border:none;}
.main .cs-visit-lp-but-off{background: url(../img/but-visit-lp-off.png) left center no-repeat}
.main .cs-visit-lp-but-over{background: url(../img/but-visit-lp-on.png) left center no-repeat;cursor:pointer;}
/* news */
.main .news-area {margin-right: 20px;}
.main .tab1 {background: url(../img/tab01.gif) left top no-repeat; height: 27px; margin-top:20px;padding-top:5px;}
.main .tab2 {background: url(../img/tab02.gif) left top no-repeat; height: 27px;padding-top:5px;}
.main .tab3 {background: url(../img/tab03.gif) left top no-repeat; height: 68px;}
.main .tab4 {background: url(../img/tab04.gif) left top no-repeat; height: 72px;}
.main .tab1-txt {font-size: 16px; color: #54b948; padding-left: 14px; }
.main .tab2-txt {font-size: 18px; color: #58b800; padding-left: 30px; padding-top: 44px;}
.main .news {width: 570px; height: 195px; overflow: auto; overflow-y: scroll; overflow-x: hiden; background: #fff; border: 1px solid #ddd;}
.main .news-recent {background: url(../img/news02.gif) left top repeat-y; padding: 20px 30px 30px 30px; margin-right: 18px;}
.main .news-releases {background: url(../img/news01.gif) left top repeat-y; padding: 20px 30px 30px 30px; margin-right: 18px;}
.main .news-odd {padding: 10px; background: #f7f7f7;}
.main .news-even {padding: 10px; background: #fff;}
.main a.news-main:link,
.main 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;}
.main a.news-main:hover {color: #399;}
.main a.news-normal:link,
.main a.news-normal:visited {display: block; padding-left: 13px; color: #333; font-size: 12px;}
.main a.news-normal:hover {color: #666;}
.main .news-download {background: url(../img/news04.gif) left top repeat-y; padding: 10px 30px 30px 30px; margin-right: 23px; border-bottom: 1px solid #d2d1d1;}
.main .news-library {background: url(../img/news03.gif) left top repeat-y; padding: 10px 30px 30px 30px; margin-right: 35px; border-bottom: 1px solid #d2d1d1;}
.main .downloads {width: 540px; height: 170px; overflow: auto; overflow-y: scroll; overflow-x: hiden; background: #fff; border: 1px solid #ddd; padding: 15px;}
.main .download-info {color: #666; font-size: 12px; padding-right: 60px;}
.main a.news-default:link,
.main a.news-default:visited {color: #399; text-decoration: underline; font-size: 12px;}
.main a.news-default:hover {text-decoration: none;}
.main a.download:link,
.main 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;}
.main a.download:hover {color: #61b8b9;}
.main .releases {height: 730px;}

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

.main a.library:link,
.main a.library:visited,
.main a.library-right:link,
.main a.library-right:visited {color: #048ec3; font-weight: bold;}
.main a.library:hover,
.main a.library-right:hover {color: #f99120;}
.main a.library:link img,
.main a.library:visited img,
.main a.library-right:link img,
.main a.library-right:visited img {border: 2px solid #f2f2f2;}
.main a.library:hover img,
.main a.library-right:hover img {border: 2px solid #f99120;} 
.main img.nobdr {border: none !important;}
.main .cases {padding: 5px; margin: 0px 5px 10px 0px; width: 140px; height: 210px; color: #666;}

.main .library-top {margin-top:30px;}

/* POP */
.pop-bg {position: absolute; margin: 0px 0px 0px 0px; width: 340; height: 544px; z-index: 700}
.pop-content {position: absolute; margin: 16px 0px 0px 63px; width: 260px; z-index: 800;}
.pop-content-right {position: absolute; margin: 16px 0px 0px 20px; width: 260px; z-index: 800;}
.pop-ttl {font-size: 18px; font-weight: normal; color: #fff;}
.pop-subttl {font-size: 13px; 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; height: 210px;}
.pop-list {color: #666; margin: 6px 0px 10px 0px; line-height: 14px;}
.pop-detail {color: #F7941D;}
.pop-rights {color: #999; font-size: 9px; margin: 6px 0px 10px 0px;}
a.see-details:link,
a.see-details:visited {color: #666; text-decoration: underline; font-size: 11px;}
a.see-details:hover {text-decoration: none;}
a.buy-now:link,
a.buy-now:visited {color: #f99120; text-decoration: none; font-size: 11px; font-weight: bold;}
a.buy-now:hover {text-decoration: underline;}
.pop-buy {margin-right:10px;}
.rgt.pop-buy img {float:right;padding-right:8px;}

.main #sidebar1_img {
	top: 100px;
}

/* product nav */
.main #productNav {
        position: absolute;
        display: block;
        width: 500px;
        margin-left:600px;
        list-style-type: none; 
        z-index:10;
        padding:0;
        margin-top: 0;
}
.main #productNav li {
        float:left;
        margin:0;
        padding:0;
}
.main #productNav li a {
        width: 92px;
        height: 32px;
        background:url(../img/prod-nav.gif);
        display:block;
}
.main #productNav li.divider {
	background:url(../img/prod-nav.gif) -93px 0;
	width: 1px;
	height: 32px;
}
.main #productNav #btnClickStart a {background-position: -94px 0;}
.main #productNav #btnLeapster2 a {background-position: -187px 0;}
.main #productNav #btnDidj a {background-position: -280px 0;}
.main #productNav #btnCrammer a {background-position: -373px 0;}
.main #productNav #btnClickStart a:hover {background-position: -94px -32px;}
.main #productNav #btnLeapster2 a:hover {background-position: -187px -32px;}
.main #productNav #btnDidj a:hover {background-position: -280px -32px;}
.main #productNav #btnCrammer a:hover {background-position: -372px -32px;}
.main #productNav #btnClickStart.selected a {background-position: -94px -64px;}
.main #productNav #btnLeapster2.selected a {background-position: -187px -64px;}
.main #productNav #btnDidj.selected a {background-position: -280px -64px;}
.main #productNav #btnCrammer.selected a {background-position: -373px -64px;}