/* * @group header * @elements: topnav, subnav, callouts, utilitynav, secondarynav, footer */ .buy-now {position:relative;display:block;height:26px;width:130px;line-height:26px} .buy-now a {position:absolute;top:0;right:0;} #header{margin:0 5px;width:950px;position:relative;padding-top:10px;background:url('/etc/designs/rosettastone/us/images/headbar.gif') no-repeat top center} #header div#logo{float:left;width:244px;height:76px;background:url('/etc/designs/rosettastone/us/images/rosettastone.gif') no-repeat;display:inline;} #header div#logo a{display:block;width:224px;height:76px;text-indent:-666em;outline:none;overflow:hidden} *html #header div#logo a{width:224px;} #banner-home {height:300px; display:inline-block;} /* PRIMARY NAV & ACTIVE background image positions*/ #topnav{float:left;position:relative;z-index:5;height:48px;width:490px} #topnav ul{height:48px;width:490px;margin-top:28px;} #topnav ul li{float:left;height:48px} #topnav ul li a{background:url('/etc/designs/rosettastone/us/images/topnav.gif') no-repeat;display:block;height:48px;text-indent:-666em;overflow:hidden} #topnav ul li.personal{margin-left:0} #topnav ul li.personal a{background-position:0 0;width:108px;} #topnav ul li.personal a:hover{background-position:0 -49px} #topnav ul li.personal a.active,#topnav ul li.personal a.active:hover{background-position:0 -98px} #topnav ul li.organizations a{background-position:-108px 0;width:148px;} #topnav ul li.organizations a:hover{background-position:-108px -49px} #topnav ul li.organizations a.active,#topnav ul li.organizations a.active:hover{background-position:-108px -98px} #topnav ul li.schools a{background-position:-256px 0;width:99px;} #topnav ul li.schools a:hover{background-position:-256px -49px} #topnav ul li.schools a.active,#topnav ul li.schools a.active:hover{background-position:-256px -98px} #topnav ul li.homeschool a{background-position:-355px 0;width:133px;} #topnav ul li.homeschool a:hover{background-position:-355px -49px} #topnav ul li.homeschool a.active,#topnav ul li.homeschool a.active:hover{background-position:-355px -98px} /* PRIMARY NAV & ACTIVE background image positions for INS redesign*/ #topnav-new{float: left;width: 565px;height: 18px;margin-top: 44px;} #topnav-new ul li{float: left;text-indent: -9999px;height:48px;_height:25px;} #topnav-new li.personal a{background: #ffd900 url('/content/dam/rosettastonecom/images/corporate/nav-sprite.png') no-repeat;background-position: 0 -18px;width: 87px;height: 18px;display: block;} #topnav-new li.personal a.active{background-position: 0 0;} #topnav-new li.enterprise a{background: #ffd900 url('/content/dam/rosettastonecom/images/corporate/nav-sprite.png') no-repeat;background-position: -90px -18px;width: 114px;height: 18px;display: block;} #topnav-new li.enterprise a.active{background-position: -90px 0;} #topnav-new li.government a{background: #ffd900 url('/content/dam/rosettastonecom/images/corporate/nav-sprite.png') no-repeat;background-position: -200px -18px;width: 127px;height: 18px;display: block;} #topnav-new li.government a.active{background-position: -200px 0;} #topnav-new li.schools a{background: #ffd900 url('/content/dam/rosettastonecom/images/corporate/nav-sprite.png') no-repeat;background-position: -326px -18px;width: 113px;height: 18px;display: block;} #topnav-new li.schools a.active{background-position: -326px 0;} #topnav-new li.homeschool a{background: #ffd900 url('/content/dam/rosettastonecom/images/corporate/nav-sprite.png') no-repeat;background-position: -440px -18px;width: 120px;height: 18px;display: block;} #topnav-new li.homeschool a.active{background-position: -440px 0;} .phone-number{color:#000000;font-size:10px;font-style:italic;font-weight:bold;height:30px;position:absolute;right:0;text-align:left;top:17px;width:100px;z-index:9;left:555px;} #subnav{clear:both;position:relative;top:-6px;z-index:1;height:56px;width:950px;margin:0 5px;background:url('/content/dam/rosettastonecom/images/subnavbg.gif') no-repeat top center;} #subnav ul{position:absolute;top:0;left:0;padding-top:10px;height:35px;width:950px;text-align:center;display:none;} #subnav ul.active{display:block;} #subnav ul li{display:inline;font-size:12px;margin-right:-4px;} #subnav ul li a{color:#000;background:url('/content/dam/rosettastonecom/images/nav-left-off.jpg') no-repeat bottom left;line-height:34px;padding:10px 15px;} #subnav ul li.navsep {background:url('/content/dam/rosettastonecom/images/subnavdivider1.gif') no-repeat bottom left;width:1px;padding:10px 0;height:38px;} #subnav ul li a:hover, #subnav ul li a.active {text-decoration:none;background:url('/content/dam/rosettastonecom/images/nav-left-on.jpg') no-repeat bottom left;} #subnav .sub-menu{position:absolute;top:0;left:0;display:none} /* corporate and government subnav styles */ #enterprise-subnav {float: left;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 13px;margin-top: 1em;margin-left: 4%;position: relative;z-index: 1;*margin-left:315px;_margin-left:156px;*margin-top:0px;} #enterprise-subnav li {float: left;} #enterprise-subnav li.last-child {background: url('/content/dam/rosettastonecom/images/corporate/nav-divider.png') no-repeat bottom right;height:35px;} #enterprise-subnav li a {display: block;text-decoration: none;color: #B79400;background: url('/content/dam/rosettastonecom/images/corporate/nav-divider.png') no-repeat bottom left;padding: 10px 15px;} #enterprise-subnav li a.active {background: url('/content/dam/rosettastonecom/images/corporate/tab-right.png') no-repeat top right;color: #2F251E;padding: 0;margin-right: -12px;} #enterprise-subnav li a.active span {background: url('/content/dam/rosettastonecom/images/corporate/tab-left.png') no-repeat top left;display: block;padding: 10px 35px;} #government-subnav {float: left;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 13px;margin-top: 1em;margin-left: 4%;position: relative;z-index: 1;*margin-left:315px;_margin-left:156px;*margin-top:0px;} #government-subnav li {float: left;} #government-subnav li.last-child {background: url('/content/dam/rosettastonecom/images/corporate/nav-divider.png') no-repeat bottom right;height:35px;} #government-subnav li a {display: block;text-decoration: none;color: #B79400;background: url('/content/dam/rosettastonecom/images/corporate/nav-divider.png') no-repeat bottom left;padding: 10px 15px;} #government-subnav li a.active {background: url('/content/dam/rosettastonecom/images/corporate/tab-right.png') no-repeat top right;color: #2F251E;padding: 0;margin-right: -12px;} #government-subnav li a.active span {background: url('/content/dam/rosettastonecom/images/corporate/tab-left.png') no-repeat top left;display: block;padding: 10px 35px;} /* * @group utilitynav * @elements: ul, li */ #utilitynav{position:absolute;z-index:10;top:16px;right:0;height:27px;width:320px;} #utilitynav ul{height:27px;width:320px;text-align:right} #utilitynav ul li{display:inline;padding:0 15px 0 3px;background:url('/etc/designs/rosettastone/us/images/unavdivider.gif') no-repeat center right; font-size: 10px;} #utilitynav ul li:last-child{padding-right:0;background:none;} #utilitynav ul li.last-child{padding-right:0;background:none;} #utilitynav ul li a{color:#648b05;font-size: 9px;text-decoration:none} #utilitynav ul li a:hover{text-decoration:underline;color:#4e810d} #utilitynav ul li a:active{outline:none;color:#4e810d} #utilitynav ul li.country-select ul{display:inline} #utilitynav ul li.country-select ul li{display:none} #utilitynav ul li.country-select ul li.active{display:inline;background:none;padding-right:0;} #utilitynav ul li.country-select ul li.active a{background:url('/etc/designs/rosettastone/us/images/unavbutton.gif') no-repeat center right;padding-right:16px} #utilitynav ul li.support-select a{background:url('/etc/designs/rosettastone/us/images/unavbutton.gif') no-repeat center right;padding-right:16px} #utilitynav ul li ul.sub-menu{display:none} * html #utilitynav{right:5px} #utilitynav ul li h4 {font-size: 9px;} #callouts{position:absolute;right:0;width:130px;top:50px;height:30px;text-align:left;font-size:10px;font-weight:bold;font:bold 10px/18px;color:#000;font-style:italic;*overflow:hidden;z-index:9} #callouts img{vertical-align:middle;padding-left:5px} * html #callouts{right:5px;} /* * Buynow Drop down */ .buynow-dd {width:950px;position:absolute;z-index:1000;top:0;} #buynow_img {background:transparent url(/content/dam/rosettastonecom/images/btn_select-a-language.png) no-repeat scroll 0 0; width:130px; height:26px; cursor:pointer; display:block; position:absolute; top:0; right:0;} #buynow_img:hover, #buynow_img.active {background-position: 0 -26px;} /* * @group footer */ #footer{width:950px;font-size: 11px; color:#7F6A0C; margin:20px 5px 0 5px;padding:20px 0 20px 0px;border-top:1px solid #deb709;} #footer a{color:#2F251E; text-decoration:none} #footer a:hover{text-decoration:underline} #footer span a{color:#6699ff;text-decoration:underline;} #footer p {font-size:11px;} #secondarynav{margin-bottom:3px} #secondarynav ul li{display:inline;background:url('/etc/designs/rosettastone/us/images/snavdivider.gif') no-repeat center right;padding-right:13px;margin-left:-2px;} #secondarynav ul li.first-child{margin-left:0} #secondarynav ul li:first-child{margin-left:0} #secondarynav ul li.last-child{background:none;padding-right:0} #secondarynav ul li:last-child{background:none;padding-right:0} #secondarynav ul li a{color:#2F251E;text-decoration:none}