/* Header ----------------------------------------------------------------- */ /***** Icons *****/ #header .icons { float:right; width:976px; height:21px; margin:7px 0 0 0; padding:0px 2px; } #header .icons ul { float:right; margin:0 0 0 20px; padding:0; width:117px; height:21px; background:url(images/bg_header_top_links.gif) no-repeat left top; } #header .icons ul li { display:inline; margin:0; padding:0 0 0 19px; } #header .icons ul li a { } #header .icons ul li a span { display:none; } /***** Top Links *****/ #header .topLinks { float:left; width:676px; height:35px; margin:0; padding:15px 2px 0 0; text-align:right; overflow:hidden; } #header .topLinks ul { width:100%; height:35px; margin:0; padding:0; } #header .topLinks ul li { display:inline; margin:0; padding:0; font:normal 12px Trebuchet MS; color:#313493; } #header .topLinks ul li span { margin:0; padding:0 3px; } #header .topLinks ul li a { font:normal 12px Trebuchet MS; color:#313493; } #header .topLinks ul li a:hover { color:#ed1c24; } /***** Main Top Menu *****/ #topMenuContainer { float:left; clear:left; width:980px; height:47px; margin:0; padding:0; } * html #topMenuContainer { margin-top:-4px; } #topMenuContainer ul li span { display:none; } #topMenuContainer ul li.category { width:225px; height:47px; background:url(images/m_category.gif) no-repeat left top; } #topMenuContainer ul li.category_on { width:225px; height:47px; background:url(images/m_category_on.gif) no-repeat left top; } #topMenuContainer ul li.category:hover, #topMenuContainer ul li.category_on:hover { background:url(images/m_category_hover.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.ages { width:130px; height:47px; background:url(images/m_ages.gif) no-repeat left top; } #topMenuContainer ul li.ages_on { width:130px; height:47px; background:url(images/m_ages_on.gif) no-repeat left top; } #topMenuContainer ul li.ages:hover, #topMenuContainer ul li.ages_on:hover { background:url(images/m_ages_hover.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.characters { width:160px; height:47px; background:url(images/m_characters.gif) no-repeat left top; } #topMenuContainer ul li.characters_on { width:160px; height:47px; background:url(images/m_characters_on.gif) no-repeat left top; } #topMenuContainer ul li.characters:hover, #topMenuContainer ul li.characters_on:hover { background:url(images/m_characters_hover.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.company { width:132px; height:47px; background:url(images/m_company.gif) no-repeat left top; } #topMenuContainer ul li.company_on { width:132px; height:47px; background:url(images/m_company_on.gif) no-repeat left top; } #topMenuContainer ul li.company:hover, #topMenuContainer ul li.company_on:hover { background:url(images/m_company_hover.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.offers { width:160px; height:47px; background:url(images/m_offers.gif) no-repeat left top; } #topMenuContainer ul li.offers_on { width:160px; height:47px; background:url(images/m_offers_on.gif) no-repeat left top; } #topMenuContainer ul li.offers:hover, #topMenuContainer ul li.offers_on:hover { background:url(images/m_offers_hover.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.products { width:173px; height:47px; background:url(images/m_products.gif) no-repeat left top; } #topMenuContainer ul li.products_on { width:173px; height:47px; background:url(images/m_products_on.gif) no-repeat left top; } #topMenuContainer ul li.products:hover, #topMenuContainer ul li.products_on:hover { background:url(images/m_products_hover.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.category2 { width:225px; height:47px; background:url(images/m_category_en.gif) no-repeat left top; } #topMenuContainer ul li.category_on2 { width:225px; height:47px; background:url(images/m_category_on_en.gif) no-repeat left top; } #topMenuContainer ul li.category2:hover, #topMenuContainer ul li.category_on2:hover { background:url(images/m_category_hover_en.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.ages2 { width:130px; height:47px; background:url(images/m_ages_en.gif) no-repeat left top; } #topMenuContainer ul li.ages_on2 { width:130px; height:47px; background:url(images/m_ages_on_en.gif) no-repeat left top; } #topMenuContainer ul li.ages2:hover, #topMenuContainer ul li.ages_on2:hover { background:url(images/m_ages_hover_en.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.characters2 { width:160px; height:47px; background:url(images/m_characters_en.gif) no-repeat left top; } #topMenuContainer ul li.characters_on2 { width:160px; height:47px; background:url(images/m_characters_on_en.gif) no-repeat left top; } #topMenuContainer ul li.characters2:hover, #topMenuContainer ul li.characters_on2:hover { background:url(images/m_characters_hover_en.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.company2 { width:132px; height:47px; background:url(images/m_company_en.gif) no-repeat left top; } #topMenuContainer ul li.company_on2 { width:132px; height:47px; background:url(images/m_company_on_en.gif) no-repeat left top; } #topMenuContainer ul li.company2:hover, #topMenuContainer ul li.company_on2:hover { background:url(images/m_company_hover_en.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.offers2 { width:160px; height:47px; background:url(images/m_offers_en.gif) no-repeat left top; } #topMenuContainer ul li.offers_on2 { width:160px; height:47px; background:url(images/m_offers_on_en.gif) no-repeat left top; } #topMenuContainer ul li.offers2:hover, #topMenuContainer ul li.offers_on2:hover { background:url(images/m_offers_hover_en.gif) no-repeat left top; cursor:pointer; } #topMenuContainer ul li.products2 { width:173px; height:47px; background:url(images/m_products_en.gif) no-repeat left top; } #topMenuContainer ul li.products_on2 { width:173px; height:47px; background:url(images/m_products_on_en.gif) no-repeat left top; } #topMenuContainer ul li.products2:hover, #topMenuContainer ul li.products_on2:hover { background:url(images/m_products_hover_en.gif) no-repeat left top; cursor:pointer; } /*#nav-main { position:relative; float:left; margin:0 0 1em 0; width:980px; z-index:6; } #nav-main li { position:relative; float:left; margin:0; color:#a9f3fd; background:none; } #nav-main li a { text-decoration:none; color: #a9f3fd; } #nav-main li a:hover { background-color:none; color:#a4b506; } #nav-main li.category div.submenu { left:6px; } #nav-main li.products div.submenu { right:5px; } * html #nav-main li.products div.submenu { right:4px; } #nav-main div.submenu { display:block; position:absolute; top:47px; margin:0; z-index:99; border:1px solid #bfd3d6; border-top:none; background-color:#ed1c24; } #nav-main div.absoluteLeft { left:0; } #nav-main div.absoluteRight { right:2px; } #nav-main div.triple { width:418px; padding:15px 0 0; } #nav-main div.triple .col { float:left; } #nav-main div.triple .title { font:bold 13px Arial, sans-serif; color:#a8f2fc; } #nav-main div.triple .title a { font:bold 13px Arial, sans-serif; color:#a8f2fc; } #nav-main div.triple a:hover { color:#a4b506; text-decoration:none; } #nav-main div.triple .category { padding:0 15px 15px; } #nav-main li:hover a, #nav-main li.over a { background-color:none; } #nav-main li:hover ul a, #nav-main li.over ul a { background:none; } #nav-main li:hover div, #nav-main li.over div { display:block; } #nav-main ul { margin:0; padding:0; line-height:19px; } #nav-main ul li { float:none; color:#fff; } #nav-main ul li a { float:none; padding:0; color:#fff; } #nav-main ul li a:hover { z-index:99; color:#a4b506; background:none; }*/ ul#nav-main { position:relative; float:left; margin:0 0 1em 0; width:980px; z-index:6; } ul#nav-main li { position:relative; float:left; margin:0; } ul#nav-main li a { text-decoration:none; font:bold 12px Arial; } ul#nav-main li.category ul.submenu, ul#nav-main li.category_on ul.submenu { left:6px; } ul#nav-main li.category ul.submenu, ul#nav-main li.category_on ul.submenu { width:215px; } ul#nav-main li.category2 ul.submenu, ul#nav-main li.category_on2 ul.submenu { left:6px; } ul#nav-main li.category2 ul.submenu, ul#nav-main li.category_on2 ul.submenu { width:215px; } ul#nav-main li.ages ul.submenu, ul#nav-main li.ages_on ul.submenu { width:126px; } ul#nav-main li.company ul.submenu, ul#nav-main li.company_on ul.submenu { width:128px; } ul#nav-main li.characters ul.submenu, ul#nav-main li.characters_on ul.submenu { width:156px; } ul#nav-main li.offers ul.submenu, ul#nav-main li.offers_on ul.submenu { width:156px; } ul#nav-main li.products ul.submenu, ul#nav-main li.products_on ul.submenu { width:166px; } ul#nav-main li:hover ul, ul#nav-main li.over ul { display:block; } ul#nav-main ul { margin:0; padding:0; line-height:19px; } ul#nav-main ul li { float:none; width:100%; } ul#nav-main ul li a { display:block; float:none; width:100%; padding:5px 15px 0 15px; } ul#nav-main ul li a:hover { padding-left:15px; } ul#nav-main ul li.parent:hover { padding-left:10px; background:#ed1c24 url(images/arrow_left_menu.gif) no-repeat 15px 10px !important; } ul#nav-main li ul { display:none; position:absolute; top:47px; left:0; margin:0; padding:5px 0 10px 0 !important; border:1px solid #bfd3d6; border-top:none; background-color:#ed1c24; z-index:99; } ul#nav-main ul { display:none; width:150px; } ul#nav-main ul li ul, ul#nav-main ul li ul li ul { display:none; top:-5px; width:150px; margin:0; padding:0; } ul#nav-main li.category ul li ul, ul#nav-main li.category_on ul li ul { left:215px; } ul#nav-main li.category2 ul li ul, ul#nav-main li.category_on2 ul li ul { left:215px; } ul#nav-main li.ages ul li ul, ul#nav-main li.ages_on ul li ul { left:126px; } ul#nav-main li.company ul li ul, ul#nav-main li.company_on ul li ul { left:128px; } ul#nav-main li.characters ul li ul, ul#nav-main li.characters_on ul li ul { left:156px; } ul#nav-main li.offers ul li ul, ul#nav-main li.offers_on ul li ul { left:156px; } ul#nav-main li.products ul li ul, ul#nav-main li.products_on ul li ul { left:166px; } ul#nav-main ul li ul li ul { left:150px !important; } * html ul#nav-main ul li a { width:auto; display:inline-block; } * html ul#nav-main li.category ul li ul, * html ul#nav-main li.category_on ul li ul { left:205px; } * html ul#nav-main li.category2 ul li ul, * html ul#nav-main li.category_on2 ul li ul { left:205px; } * html ul#nav-main li.ages ul li ul, * html ul#nav-main li.ages_on ul li ul { left:116px; } * html ul#nav-main li.company ul li ul, * html ul#nav-main li.company_on ul li ul { left:118px; } * html ul#nav-main li.characters ul li ul, * html ul#nav-main li.characters_on ul li ul { left:146px; } * html ul#nav-main li.offers ul li ul, * html ul#nav-main li.offers_on ul li ul { left:146px; } * html ul#nav-main li.products ul li ul, * html ul#nav-main li.products_on ul li ul { left:156px; } * html ul#nav-main ul li ul li ul { left:140px !important; } ul#nav-main li.category li.bottom_main { height:10px; background:url(images/m_category_bottom.gif) no-repeat left bottom; border:0; font-size:0; line-height:0; overflow:hidden; } ul#nav-main li.category li.top { height:5px; background:url(images/m_top.gif) no-repeat left bottom; border:0; font-size:0; line-height:0; overflow:hidden; } ul#nav-main li.category li.bottom { height:10px; background:url(images/m_bottom.gif) no-repeat left bottom; border:0; font-size:0; line-height:0; overflow:hidden; } ul#nav-main li.category2 li.bottom_main { height:10px; background:url(images/m_category_bottom.gif) no-repeat left bottom; border:0; font-size:0; line-height:0; overflow:hidden; } ul#nav-main li.category2 li.top { height:5px; background:url(images/m_top.gif) no-repeat left bottom; border:0; font-size:0; line-height:0; overflow:hidden; } ul#nav-main li.category2 li.bottom { height:10px; background:url(images/m_bottom.gif) no-repeat left bottom; border:0; font-size:0; line-height:0; overflow:hidden; } ul#nav-main li ul li a { color:#fff; } ul#nav-main li ul li a:hover { color:#a6d9ea; } ul#nav-main li ul li.parent:hover a { color:#a6d9ea; } ul#nav-main li ul li.parent ul li a { color:#fff !important; } ul#nav-main li ul li.parent ul li a:hover, ul#nav-main li ul li.parent ul li.parent:hover a { color:#a6d9ea !important; } ul#nav-main li ul li.parent ul li.parent:hover ul li a { color:#fff !important; } ul#nav-main li ul li.parent ul li.parent ul li a:hover { color:#a6d9ea !important; } ul#nav-main li ul li, ul#nav-main li ul li ul li, ul#nav-main li ul li ul li ul li, ul#nav-main li ul li ul li ul li ul li { display:block; width:auto; margin:0; padding:0; } ul#nav-main li:hover ul { display:block; } ul#nav-main li:hover ul ul { display:none; } ul#nav-main li:hover ul ul ul { display:none; } ul#nav-main li li:hover ul { display:block; } ul#nav-main li li:hover ul ul { display:none; } ul#nav-main li li:hover ul ul ul { display:none; } ul#nav-main li li li:hover ul { display:block; } ul#nav-main li li li:hover ul ul { display:none; } ul#nav-main li li li:hover ul ul ul { display:none; } ul#nav-main li li li li:hover ul { display:block; } ul#nav-main li li li li:hover ul ul { display:block; } /* Internet Explorer 6 workaround below */ ul#nav-main li.over ul { display:block; } ul#nav-main li.over ul ul { display:none; } ul#nav-main li.over ul ul ul { display:none; } ul#nav-main li li.over ul { display:block; } ul#nav-main li li.over ul ul { display:none; } ul#nav-main li li.over ul ul ul { display:none; } ul#nav-main li li li.over ul { display:block; } ul#nav-main li li li.over ul ul { display:none; } ul#nav-main li li li.over ul ul ul { display:none; } ul#nav-main li li li li.over ul { display:block; } ul#nav-main li li li li.over ul ul { display:block; } /* Internet Explorer 6 workaround above */ ul#nav-main li.parent:hover a { } ul#nav-main li.parent:hover ul li.parent:hover a, ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover a, ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover ul li.parent:hover a { display:block; } * html ul#nav-main li.parent:hover ul li.parent:hover a, * html ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover a, * html ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover ul li.parent:hover a { display:inline-block; } ul#nav-main li.parent:hover ul, ul#nav-main li.parent:hover ul li.parent:hover ul, ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover ul, ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover ul li.parent:hover ul { } ul#nav-main li.parent:hover ul li a, ul#nav-main li.parent:hover ul li.parent:hover ul li a, ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover ul li a, ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover ul li.parent:hover ul li a { background:none; } ul#nav-main li.parent:hover ul li a:hover, ul#nav-main li.parent:hover ul li.parent:hover ul li a:hover, ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover ul li a:hover, ul#nav-main li.parent:hover ul li.parent:hover ul li.parent:hover ul li.parent:hover ul li a:hover { } /* Internet Explorer 6 workaround below */ ul#nav-main li.parent.over a { } ul#nav-main li.parent.over ul li.parent.over a, ul#horizontal li.parent.over ul li.parent.over ul li.parent.over a, ul#horizontal li.parent.over ul li.parent.over ul li.parent.over ul li.parent.over a { background-color:#3c6791; } ul#nav-main li.parent.over ul, ul#nav-main li.parent.over ul li.parent.over ul, ul#nav-main li.parent.over ul li.parent.over ul li.parent.over ul, ul#nav-main li.parent.over ul li.parent.over ul li.parent.over ul li.parent.over ul { } ul#nav-main li.parent.over ul li a, ul#nav-main li.parent.over ul li.parent.over ul li a, ul#nav-main li.parent.over ul li.parent.over ul li.parent.over ul li a, ul#nav-main li.parent.over ul li.parent.over ul li.parent.over ul li.parent.over ul li a { background:none; } ul#nav-main li.parent.over ul li a:hover, ul#nav-main li.parent.over ul li.parent.over ul li a:hover, ul#nav-main li.parent.over ul li.parent.over ul li.parent.over ul li a.over, ul#nav-main li.parent.over ul li.parent.over ul li.parent.over ul li.parent.over ul li a.over { background-color:#3c6791; } /* Internet Explorer 6 workaround above */ /* Center ----------------------------------------------------------------- */ /***** Main Left Menu *****/ #leftMenuContainer { clear:both; width:150px; padding:0 15px 10px 15px; } #leftMenuContainer ul { margin:0; padding:0 0 0 0; } #leftMenuContainer ul li { margin:0; padding:5px 0; font:normal 13px Trebuchet MS; color:#026cbe; } #leftMenuContainer ul li a { font:normal 13px Trebuchet MS; color:#026cbe; } #leftMenuContainer ul li a:hover { color:#ed1c24 !important; text-decoration:none; } #leftMenuContainer ul li ul { margin:0; padding:5px 0; } #leftMenuContainer ul li ul li { margin:0; padding:0; font:normal 12px Trebuchet MS; color:#494c4d; } #leftMenuContainer ul li ul li a { font:normal 12px Trebuchet MS; color:#494c4d; } #leftMenuContainer ul.level-2nd li a { padding-left:10px; background:url(images/arrow_left_menu.gif) no-repeat left 5px; } #leftMenuContainer ul.level-2nd li.active a { background:url(images/arrow_left_menu_active.gif) no-repeat left 5px; } #leftMenuContainer ul.level-3rd li a { padding-left:20px; background:url(images/arrow_left_menu.gif) no-repeat 10px 5px !important; color:#5e6d72; } #leftMenuContainer ul.level-3rd li.active a { background:url(images/arrow_left_menu_active.gif) no-repeat 10px 5px !important; } #leftMenuContainer li.active ul.level-4th li a { padding-left:30px; background:none !important; color:#75878d; } /* Footer ----------------------------------------------------------------- */ /***** Footer Links *****/ #footer .top { float:left; clear:left; width:100%; margin:0; padding:0 0 30px 0; } #footer .top ul { float:left; margin:0; padding:20px 25px 0 20px; } #footer .top ul li { margin:0; padding:0; font:normal 11px Trebuchet MS; color:#768588; line-height:17px; } #footer .top ul li a { color:#768588; } #footer .top ul li.first, #footer .top ul li.first a { font:normal 12px Trebuchet MS; color:#075d70; } #footer .top ul li.first a:hover, #footer .top ul li a:hover { color:#ed1c24; }