@charset "utf-8";
/* CSS Document */

html, body { padding:0; font-family:Arial, Helvetica, sans-serif; height:100%; margin: 0 0 1px;}

a, a:visited, a:link {color:#006659; text-decoration:underline;}
a:hover {color:#77b800;}

/* Note - If the top location of the container changes, this too must be changed to account for it. */
#nav2RightExtender { background:url(/images/navigation/nav2-back-std.gif) top left repeat-x; width:990px; height:36px; position:absolute; top:240px; right:0;}
#nav2LeftExtender { background:url(/images/navigation/nav2-cool-stuff.gif) top left repeat-x; width:990px; height:36px; position:absolute; top:240px; left:0;}
#sparkContainer {margin: 0 auto; width:990px; position:relative; top:200px; background:url(/images/navigation/container-mask.gif) repeat; height:700px;}

#sparkLogo {position:absolute; top:-147px; left:304px; text-indent:-10000px; background:url(/images/navigation/spark-logo.gif) no-repeat top left; width:635px; height:131px; margin:0; padding:0; overflow:hidden;}
#sparkLogo a {float:left; width:635px; height:131px;}

#navUtility {position:absolute; top:-200px; right:100px;}
#navUtility a {float:right; text-indent:-10000px; background-position:top;}
#navUtility #contact {background:url(/images/navigation/contact-irobot.gif) top left; height:27px; width:148px;}
#navUtility #iRobotPortal {background:url(/images/navigation/irobot.com.gif) top left; height:27px; width:123px;}
#navUtility #contact:hover { background-position:bottom;}
#navUtility #iRobotPortal:hover { background-position:bottom;}

#mainTab {font-size:28px; color:#FFFFFF; height:37px; width:375px; background-color:#007836; text-align:center; position:absolute; margin:0; padding:3px 0 0 0; top:0; left:39px; font-weight:normal;}
#mainTab a {color:#FFFFFF; text-decoration:none; font-weight:normal;}

#navLevel2 {list-style-type:none; position:absolute; top:40px; left:195px; font-size:16px;  margin:0; padding:0; line-height:16px; background:url(/images/navigation/nav2-back-std.gif) top left repeat-x; width:795px;}
#navLevel2 li {float:left; padding:0px 0px; position:relative; }
#navLevel2 li.spacer {float:left; padding:10px 0px; position:relative; }
#navLevel2 li.nav2 {background:url(/images/navigation/nav2-back-std.gif) top left repeat-x;}
#navLevel2 a {color:#FFFFFF; text-decoration:none; float:left; padding: 10px 20px; }
#navLevel2 a:hover {text-decoration:none;}
#navLevel2 li.nav2Over {background:url(/images/navigation/nav2-back-ovr.gif) top left repeat-x;}

#navLevel2 li .navLevel3Inner {float:none; list-style:none; background:url(/images/navigation/nav2-drop.png) top left repeat; color:#FFFFFF; font-size:12px; display:none; margin:0; padding:10px 0 10px 0; position:absolute; top:36px; left:0;}
#navLevel2 li .navLevel3Inner li.nav3 {float:none; margin:0; padding:0px 0px; width:250px; height:20px;}
#navLevel2 li .navLevel3Inner li.nav3 a {height:16px; width:210px; padding:2px 20px 3px; float:left;}
#navLevel2 li .navLevel3Inner li.nav3 a:hover {background-color:#77b800; text-decoration:none;}

#navLevel3 {list-style:none; position:absolute; top:180px; left:846px; margin:0; padding:0; width:144px;}
#navLevel3 li {font-size:14px; width:144px; margin:0; padding:0; line-height:16px;}
#navLevel3 li a {margin-left:30px; text-decoration:none; color:#77b800; float:left; padding:21px 0px 12px 25px; width:89px; background:url(/images/navigation/line-bubble-left.gif) no-repeat bottom left; line-height:16px;}
#navLevel3 li a:hover {margin:0; margin-left:0; padding-right:30px; width:89px; background: url(/images/navigation/line-bubble-left-fill.gif) no-repeat bottom left;}
#navLevel3 li.nav3Over a {margin:0; margin-left:0; padding-right:30px; width:89px; background: url(/images/navigation/line-bubble-left-fill.gif) no-repeat bottom left;}

/*Cool Stuff Navigation*/
#coolmainTab {font-size:28px; color:#FFFFFF; height:37px; width:375px; background-color:#007836; text-align:center; position:absolute; margin:0; padding:3px 0 0 0; top:0; left:39px; font-weight:normal;}
#coolmainTab a {color:#FFFFFF; text-decoration:none; font-weight:normal;}

#coolnavLevel2 {list-style-type:none; position:absolute; top:40px; left:250px; font-size:16px;  margin:0; padding:0; line-height:16px; background:url(/images/navigation/nav2-cool-stuff.gif) top left repeat-x; width:740px;}
#coolnavLevel2 li {float:left; padding:0px 0px; position:relative; }
#coolnavLevel2 li.spacer {float:left; padding:10px 0px; position:relative; }
#coolnavLevel2 li.coolnav2 {background:url(/images/navigation/nav2-cool-stuff.gif) top left repeat-x;}
#coolnavLevel2 a {color:#FFFFFF; text-decoration:none; float:left; padding: 10px 40px 10px 40px; }
#coolnavLevel2 a:hover {text-decoration:none;}
#coolnavLevel2 li.coolnav2Over {background:url(/images/navigation/nav2-cool-stuff-ovr.gif) top left repeat-x;}

#coolnavLevel2 li .coolnavLevel3Inner {float:none; list-style:none; background:url(/images/navigation/coolnav2-drop.png) top left repeat; color:#FFFFFF; font-size:12px; display:none; margin:0; padding:10px 0 10px 0; position:absolute; top:36px; left:0;}
#coolnavLevel2 li .coolnavLevel3Inner li.coolnav3 {float:none; margin:0; padding:0px 0px; width:250px; height:20px;}
#coolnavLevel2 li .coolnavLevel3Inner li.coolnav3 a {height:16px; width:210px; padding:2px 20px 3px; float:left;}
#coolnavLevel2 li .coolnavLevel3Inner li.coolnav3 a:hover {background-color:#77b800; text-decoration:none;}

#coolnavLevel3 {list-style:none; position:absolute; top:180px; left:846px; margin:0; padding:0; width:144px;}
#coolnavLevel3 li {font-size:14px; width:144px; margin:0; padding:0; line-height:16px;}
#coolnavLevel3 li a {margin-left:30px; text-decoration:none; color:#77b800; float:left; padding:21px 0px 12px 25px; width:89px; background:url(/images/navigation/line-bubble-left.gif) no-repeat bottom left; line-height:16px;}
#coolnavLevel3 li a:hover {margin:0; margin-left:0; padding-right:30px; width:89px; background: url(/images/navigation/line-bubble-left-fill.gif) no-repeat bottom left;}
#coolnavLevel3 li.coolnav3Over a {margin:0; margin-left:0; padding-right:30px; width:89px; background: url(/images/navigation/line-bubble-left-fill.gif) no-repeat bottom left;}

#coolnav2RightExtender { background:url(/images/navigation/nav2-cool-stuff.gif) top left repeat-x; width:990px; height:36px; position:absolute; top:240px; right:0;}
#coolnav2LeftExtender { background:url(/images/navigation/nav2-back-std.gif) top left repeat-x; width:990px; height:36px; position:absolute; top:240px; left:0;}

#cooledres {text-transform:uppercase; font-size:16px; color:#FFFFFF; position:absolute; top:40px; width:250px; line-height:16px; background:url(/images/navigation/nav2-back-std.gif) top left repeat-x;}
#cooledres a {color:#FFFFFF; text-decoration:none; float:left; padding:11px 0px 9px 17px; background:url(/images/navigation/ed-res-arrow.gif) no-repeat -10px 0px; height:16px;}
#cooledres a:hover {background-position:-10px -36px;}

/* Note - If the top location of the container changes, this too must be changed to account for it. */
#navLevel3Extender {list-style:none; position:absolute; top:380px; right:0px; margin:0; padding:0; width:990px;}
#navLevel3Extender li {font-size:14px; width:990px; margin:0; padding:0; line-height:16px;}
#navLevel3Extender li a {width:89px; margin:0; padding:21px 901px 12px 0px; background:url(/images/navigation/line-bubble-nav3-extend.gif) bottom left repeat-x; color:#FFFFFF; line-height:16px; float:left; text-decoration:none;}

#pagefooter {border-top:1px solid #a7b2b1; height:60px; margin:0 auto; width:800px;}
#pagefooter #identity {height:50px; background:url(../images/navigation/footer-logo.gif) bottom right no-repeat; width:150px; float:right;}
#pagefooter table a {font-size:11px; text-transform:uppercase; text-decoration:none; color:#717f81;}
#pagefooter table a:hover {text-decoration:underline;}
#pagefooter table td {text-align:left; vertical-align:top; padding-left:20px; padding-right:15px; padding-top:10px;}
#pagefooter table {margin-top:5px;}
#pagefooter #copyright {font-size:11px; text-decoration:none; font-style:italic; color:#717f81; padding-top:50px;}


#coolstuff {text-transform:uppercase; font-size:16px; color:#FFFFFF; position:absolute; top:40px;  background:url(/images/navigation/nav2-cool-stuff.gif) top left repeat-x; width:195px; line-height:16px;}
#coolstuff a {color:#FFFFFF; text-decoration:none; float:left; padding:11px 10px 9px 75px; background:url(/images/navigation/coolstuff-arrow.gif) no-repeat 45px 0px; height:16px;}
#coolstuff a:hover {background-position:45px -36px;}

#edres {text-transform:uppercase; font-size:16px; color:#FFFFFF; position:absolute; top:40px; left:195px; width:400px; line-height:16px;}
#edres a {color:#FFFFFF; text-decoration:none; float:left; padding:11px 10px 9px 37px; background:url(/images/navigation/ed-res-arrow.gif) no-repeat 10px 0px; height:16px;}
#edres a:hover {background-position:10px -36px;}

#navMember {position:absolute; top:0; right:0; text-align:right; font-size:12px; padding:13px 0; color:#717f81; line-height:16px;} 
#navSubmit {position:absolute; top:-10px; left:424px; padding:13px 0;} 
#navSubmit a {background:url(/images/navigation/nav-contribute.gif) no-repeat;  font-size:14px; color:#80c340; line-height:16px; text-decoration:none; padding-left:10px;}
#navSubmit a:hover {text-decoration:underline;}

#pageTitleLeft { position:absolute; top:139px; font-style:italic; font-size:16px; color:#717f81; width:810px; }
#pageTitleLeft div {background:#FFFFFF;}
#pageTitleLeft div img {margin:5px 5px 0 0;}
#pageTitleLeftExtender {position:absolute; top:149px; left:-2000px; width:2700px; height:3px; background:url(/images/navigation/line-bubble-extend.gif) top left repeat-x; line-height:3px; font-size:3px;}

#pageTitleRight {position:absolute; color:#007836; top:112px; left:310px; width:500px; text-align:right; font-size:24px; line-height:24px;}
#pageTitleRightBubble { position:absolute; top:118px; left:816px; line-height:12px; height:13px; font-size:12px; background: url(/images/navigation/line-bubble-left.gif) no-repeat top left; width:174px;}

/* Note - If the top location of the container changes, this too must be changed to account for it. */
#pageTitleRightExtender {position:absolute; right:0; top:323px; background:url(/images/navigation/line-bubble-extend.gif) repeat-x; height:3px; line-height:3px; font-size:3px; width:990px;}

#mainContent {position:absolute; top:180px; left:0px; width:990px;}
#mainContentFull {position:absolute; top:110px; left:0px; width:990px;}
#pageContent {min-height:400px; width:760px; padding:0 0 25px 0px;}
#pageContentFull {width:990px; padding:0 0 25px 0px;}
#coolmainContentFull {position:absolute; top:76px; left:0px; width:990px;}
#coolpageContentFull {width:990px; padding:0 0 25px 0px;}

#bio_detail_img {position:absolute; top:0px; left:50px;}
#bio_detail_content {padding:130px 20px 0 277px; background:url(/images/page_elements/bio_detail_swoosh.gif) 76px 140px no-repeat; min-height:404px;}
#bio_detail_content h3 {font-size:20px; color:#84c447; text-transform:uppercase; font-weight:bold; margin:8px 0; padding:0; }
#bio_detail_content p {font-size:14px; color:#8d9ea3; margin:10px 0; padding:0; line-height:20px;}

#edres_feature {width:525px; height:300px; position:absolute; right:0; top:0; background:url(/images/page_elements/edres-feature-bkg.gif) bottom left no-repeat; overflow:hidden;}
#edres_feature .feature_img {position:absolute; top:19px; left:1px;}
#edres_feature .feature_img img {margin:0; padding:0;}
#edres_feature .feature_summary {position:absolute; top:32px; left:233px; width:215px;}
#edres_feature .feature_summary  h3 {color:#77b800; margin:0 0 7px; padding:0; font-size:18px; font-weight:normal;}
#edres_feature .feature_summary  p {margin:7px 0; padding:0; color:#717F81; font-size:12px; line-height:17px;} 

#edres_forum {width:479px; height:200px; position:absolute; right:0; top:299px; background:url(/images/page_elements/edres-forum-bkg.gif) top left no-repeat; overflow:hidden; padding:17px 23px;}
#edres_forum h3 {color:#a7b2b1; font-size:14px; font-weight:normal; margin:0 0 13px; padding:0;}
#edres_forum p {margin-top:0; margin-bottom:10px; font-size:10px; color:#333333;}
#edres_forum span {color:#77b800;}

#edres_ad {width:419px; height:180px; margin-top:299px; background:url(/images/page_elements/edres-ad-bkg.gif) top right no-repeat; overflow:hidden; padding:17px 23px;}
#edres_ad div {padding-left:39px;width:380px; height:100%;}
#edres_ad h3 {font-size:14px; color:#006659; font-weight:bold; margin:0 0 5px;}
#edres_ad p {color:#a7b2b1; margin:8px 135px 0 0; font-size:12px; line-height:17px;}

#edres_main {position:absolute; top:0px; width:443px; height:300px; padding-left:39px;}
#edres_main div {text-align:right; font-size:14px; color:#717f81; width:375px;}
#edres_main h5 {text-align:right; font-size:13px; color:#006559; width:375px;}
#edres_main ul {list-style:none; float:right; margin:0; padding:0;}
#edres_main ul li {background:url(/images/page_elements/edres-main-li-border.gif) bottom left no-repeat; width:228px; float:right; font-size:13px;}
#edres_main ul li.last {background:none;}
#edres_main ul li a {padding:10px 68px 11px 0; float:right; text-decoration:none; text-align:right; background:url(../images/page_elements/edres-main-a-arrow.gif) bottom right no-repeat; width:150px;}
#edres_main ul li a:hover {background-position:top right;}

.map_cool_stuff {position:absolute; margin:-4px 0 0 -4px;}

#contact-us, #privacy, #termsconditions, #tour {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	display:none;
	max-height:500px;
	padding:0px 44px;
	margin-bottom:30px;
	overflow: auto;
}

#photoview {
	margin:0px;
	display:none;
	max-height:500px;
	padding:0px 44px;
	margin-bottom:30px;
	overflow: hidden;
}

#dialoginner {height:500px; overflow:auto; margin:0 -44px; padding:0 44px;}
.page-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#248f5d;
	text-transform:uppercase;
	margin-top:0;
}
.footer-page-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.form-required {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#248f5d;
}
.partners-table {
	padding-left:200px;
}
.footer-page-text-red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
}
.footer-page-text-question {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
	}

#coolDiscoverNav {width:380px; height:717px; background:url(/images/cool_stuff/discover-listing-nav-bk.gif) no-repeat;}
#coolDiscoverNav a {color:#333333; text-decoration:none; font-size:11px; font-weight:bold; position:absolute; text-align:center;}
#coolDiscoverNav a:hover {text-decoration:underline;}
#coolDiscoverNav #item1 {top:296px; left:69px; width:71px;}
#coolDiscoverNav #item2 {top:344px; left:188px; width:60px;}
#coolDiscoverNav #item3 {top:620px; left:84px; width:82px;}
#coolDiscoverNav #item4 {top:463px; left:56px; width:56px;}
#coolDiscoverNav #item5 {top:603px; left:210px; width:56px;}
#coolDiscoverNav #item6 {top:414px; left:119px; width:66px;}
#coolDiscoverNav #item7 {top:516px; left:201px; width:82px;}
#coolDiscoverNav #pageTitle {font-size:24px; color:#f79118; font-weight:bold; position:absolute; top:50px; left:100px; width:200px; }


#coolPlayNav {width:354px; height:652px; background:url(/images/cool_stuff/play-listing-nav-bk.gif) no-repeat;}
#coolPlayNav a {color:#333333; text-decoration:none; font-size:11px; font-weight:bold; position:absolute; text-align:center;}
#coolPlayNav a:hover {text-decoration:underline;}
#coolPlayNav #item1 {top:380px; left:126px; width:70px;}
#coolPlayNav #item2 {top:498px; left:95px; width:83px;}
#coolPlayNav #item3 {top:566px; left:193px; width:59px;}
#coolPlayNav #pageTitle {font-size:24px; color:#f79118; font-weight:bold; position:absolute; top:50px; left:100px; width:200px; }

#coolJoinInNav {width:354px; height:652px; background:transparent url(/images/cool_stuff/play-listing-nav-bk.gif) no-repeat;}
#coolJoinInNav a {color:#333333; text-decoration:none; font-size:11px; font-weight:bold; position:absolute; text-align:center;}
#coolJoinInNav a:hover {text-decoration:underline;}
#coolJoinInNav #item1 {top:380px; left:126px; width:70px;}
#coolJoinInNav #item2 {top:498px; left:95px; width:83px;}
#coolJoinInNav #item3 {top:576px; left:193px; width:59px;}
#coolJoinInNav #pageTitle {font-size:24px; color:#f79118; font-weight:bold; position:absolute; top:50px; left:100px; width:200px; }

.cool_stuff_instructions {color:#879a9f; font-size:17px; font-weight:bold; width:539px; padding:0 40px;}
.cool_stuff_instructions2 {color:#879a9f; font-size:17px; font-weight:bold; width:150px; text-align:center;}
.cool_stuff_instructions3 {color:#879a9f; font-size:17px; font-weight:bold; padding:0 40px; width:600px;}

#contact2Open {background:url(/images/navigation/contact-irobot.gif) top left; height:27px; width:148px;}
#contact2Open:hover { background-position:bottom;}