/*
 * @group header
 * @elements: topnav, subnav, callouts, utilitynav
 */
.buy-now {position:relative;display:block;height:26px;width:180px;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:233px;height:76px;background:url('/etc/designs/rosettastone/us/images/rosettastone.gif') no-repeat;display:inline;}
#header div#logo a{display:block;width:290px;height:76px;text-indent:-666em;outline:none;overflow:hidden;}
*html #header div#logo a{width:270px;}
#banner-home {display:inline-block; height:300px;}
#banner-home object {margin:0 5px;}

#topnav{float:left;position:relative;z-index:5;height:48px;width: 713px;}
#topnav ul{height:48px;width:713px;margin-top:28px;}
#topnav ul li{float:left;height:48px;}
#topnav ul li a{background:url('/content/dam/rosettastonede/images/topnav/topnav-de.gif') no-repeat;display:block;height:48px;text-indent:-666em;overflow:hidden;}
#topnav ul li.how-it-works{margin-left:0;}
#topnav ul li.how-it-works a{background-position:0 0;width:159px;}
#topnav ul li.how-it-works a:hover {background-position:0 -49px;}
#topnav ul li.how-it-works a.active,#topnav ul li.how-it-works a.active:hover {background-position:0 -98px;}
#topnav ul li.buynow a{background-position:-164px 0;width:111px;}
#topnav ul li.buynow a:hover {background-position:-164px -49px;}
#topnav ul li.buynow a.active,#topnav ul li.buynow a.active:hover {background-position:-164px -98px;}
#topnav ul li.what-people-say a{background-position:-276px 0;width:172px;}
#topnav ul li.what-people-say a:hover {background-position:-276px -49px;}
#topnav ul li.what-people-say a.active,#topnav ul li.what-people-say a.active:hover {background-position:-276px -98px;}
#topnav ul li.for-companies a {background-position: -456px 0;width:175px;}
#topnav ul li.for-companies a:hover {background-position: -456px -49px;}
#topnav ul li.for-companies a.active, #topnav ul li.for-companies a.active:hover {background-position: -456px -98px;}
#topnav ul li.store a {background-position:-631px 0;width:65px;}
#topnav ul li.store a:hover {background-position:-631px -49px;}
#topnav ul li.store a.active,#topnav ul li.store a.active:hover {background-position:-631px -98px;}
#topnav .sub-menu{position:absolute;top:0;left:0;display:none}

#subnav{clear:both;position:relative;top:-8px;z-index:1;height:3px;width:950px;margin:0 5px;background:url('/etc/designs/rosettastone/us/images/subnavbg.gif') no-repeat top center}
#subnav ul{position:absolute;top:0;left:0;padding-top:8px;height:30px;line-height:30px;width:950px;text-align:center;display:none}
#subnav ul.active{display:block}
#subnav ul li{display:inline;line-height:30px;background:url('/etc/designs/rosettastone/us/mnavdivider.gif') no-repeat bottom right;padding:0;font-size:13px}
#subnav ul li:last-child{background:none;}
#subnav ul li.last-child{background:none;}
#subnav ul li a{color:#000;padding-right:24px}
#subnav ul li a:hover{text-decoration:none}
#subnav .sub-menu{position:absolute;top:0;left:0;display:none}
.global #subnav {display:none;} 
/*
 * @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 16px 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:180px;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}

/*
 * @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:14px}
#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}

/* subnav hidden for global pages */
.global #subnav, #callouts {display:none;}