/**
 * @fileOverview    Universal CSS file which contains global styles for: (tophat) / (breed selector).
 *                  Browsers: (all).
 *                  User agent that claims support for media type: (screen).
 *                  Copyright (C) Discovery.com 2011. All Rights Reserved.
 * @name            sabrina ngai
 */

/**
 * @description     IDS / XHTML TAGS for ECOMMERCE (tophat ad) definitions
 */
#top-advertising { text-align: center; }

#top-advertising #ad-leaderboard {
        text-align: center;
        padding: 3px;
}


/**
 * @description     CLASSES / IDS for TOPHAT definitions
 */
#tophat-block { 
        clear: both;
        width: 998px;
        background: transparent url('/en-us/apl/breedselector/images/tophat/main-background.png') no-repeat left top;
}

/**
 * @description     CLASSES / IDS for TOPHAT (network logo) definitions
 */
#network-logo { 
        float: left;
        padding: 7px 0 0 23px;
        width: 126px;
        height: 62px;
}

#network-logo h1 { 
		text-indent: -999999px;
}

#network-logo h1 a { 
		width: 126px;
        height: 62px;
		display: block;
		cursor: pointer;
}


/**
 * @description     CLASSES / IDS for TOPHAT (search box) definitions
 */
#search-field { 
        float: left;
        width: 335px;
        height: 21px;
        padding: 48px 0 8px 329px;
}

#search-query {
		float: left;
        width: 270px;
        height: 15px;
        padding: 5px 0 2px 10px;
        border: none;
        font: bold 10px/10px Verdana, Arial, sans-serif;
        color: #FFF;
        background: transparent url('/en-us/apl/breedselector/images/tophat/search.png') no-repeat 0 0;
}

#submit-query input {
        width: 50px;
        height: 20px;
        margin: 2px 0 0 5px;
        border: 0;
        background: transparent url('/en-us/apl/breedselector/images/tophat/search.png') no-repeat -285px -2px;
}

#submit-query input:hover { background: transparent url('/en-us/apl/breedselector/images/tophat/search.png') no-repeat -285px -27px; }


/**
 * @description     IDS / XHTML TAGS for ECOMMERCE (ecommerce ad spots) definitions
 */
#tophat-ecommerce-tile {
        float: right;
        padding: 10px 7px 0 0;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for NAVIGATION ITEMS (dropdown) definitions
 */
#primary-navigation {
        height: 20px;
        background: transparent url('/en-us/apl/breedselector/images/tophat/navigation-items.png') repeat-x 0 0;
}

#navigation-menu,
#navigation-menu dd.tv-shows a,
#navigation-menu dd.tv-schedules a,
#navigation-menu dd.the-spot a,
#navigation-menu dd.petsource a,
#navigation-menu dd.wild-animals a,
#navigation-menu dd.games a,
#navigation-menu dd.video a,
#navigation-menu dd.blogs a,
#navigation-menu dd.roar a,
#navigation-menu dd.newsletters a,
#navigation-menu dd.shop a { background: transparent url('/en-us/apl/breedselector/images/tophat/navigation-items.png') no-repeat; }

#navigation-menu {
        height: 20px;
        margin-left: 0px;
        background-position: 0 0;
}

#navigation-menu dd {
        float: left;
        position: relative;
        width: 110px;
        cursor: pointer;
        z-index: 11000;
}

#navigation-menu dd a {
        display: block;
        height: 20px;
        width: 100%;
        text-decoration: none;
}

#navigation-menu dd a span { visibility: hidden; }

#navigation-menu dd ul {
        position: absolute;
        display: none;
        height: auto;
        margin-left: 1px;
        border: 1px solid #CCC;
        list-style-type: none;
}

#navigation-menu dd:hover ul { 
        display: block;
        background-color: #FFF;
}

#navigation-menu dd li a {
        display: block;
        width: 181px;
        height: auto;
        padding: 5px;	
        font: bold 10px/10px Verdana, Arial, sans-serif;
        text-align: left;
        text-decoration: none;
        color: #666;
        background: #FFF;
        vertical-align: top;
}

#navigation-menu dd li a:hover {
        color: #FFF;
        background: #999;
}

/* tv-shows */
#navigation-menu dd.tv-shows { width: 113px; }

#navigation-menu dd.tv-shows a { background-position: 0 0; }

#navigation-menu dd:hover.tv-shows a { background-position: 0 -20px; }

#navigation-menu dd.tv-shows ul {
        margin-left: 1px;
        z-index: 11000;
}

/* tv-schedules */
#navigation-menu dd.tv-schedules { width: 121px; }

#navigation-menu dd.tv-schedules a { background-position: -113px 0; }

#navigation-menu dd:hover.tv-schedules a { background-position: -113px -20px; }

#navigation-menu dd.tv-schedules ul { z-index: 11001; }

/* the-spot */
#navigation-menu dd.the-spot { width: 88px; }

#navigation-menu dd.the-spot a { background-position: -234px 0; }

#navigation-menu dd:hover.the-spot a { background-position: -234px -20px; }

#navigation-menu dd.the-spot ul { z-index: 11002; }

/* petsource */
#navigation-menu dd.petsource { width: 82px; }

#navigation-menu dd.petsource a { background-position: -322px 0; }

#navigation-menu dd:hover.petsource a { background-position: -322px -20px; }

#navigation-menu dd.petsource ul { z-index: 11003; }

/* wild-animals  */
#navigation-menu dd.wild-animals { width: 116px; }

#navigation-menu dd.wild-animals a { background-position: -404px 0; }

#navigation-menu dd:hover.wild-animals a { background-position: -404px -20px; }

#navigation-menu dd.wild-animals ul { z-index: 11004; }

/* games */
#navigation-menu dd.games { width: 72px; }

#navigation-menu dd.games a { background-position: -520px 0; }

#navigation-menu dd:hover.games a { background-position: -520px -20px; }

#navigation-menu dd.games ul { z-index: 11005; }

/* video */
#navigation-menu dd.video { width: 66px; }

#navigation-menu dd.video a { background-position: -592px 0; }

#navigation-menu dd:hover.video a { background-position: -592px -20px; }

#navigation-menu dd.video ul { z-index: 11006; }

/* blogs */
#navigation-menu dd.blogs { width: 71px; }

#navigation-menu dd.blogs a { background-position: -658px 0; }

#navigation-menu dd:hover.blogs a { background-position: -658px -20px; }

#navigation-menu dd.blogs ul { z-index: 11007; }

/* roar */
#navigation-menu dd.roar { width: 64px; }

#navigation-menu dd.roar a { background-position: -729px 0; }

#navigation-menu dd:hover.roar a { background-position: -729px -20px; }

#navigation-menu dd.roar ul { z-index: 11008; }

/* newletters */
#navigation-menu dd.newsletters { width: 118px; }

#navigation-menu dd.newsletters a { background-position: -793px 0; }

#navigation-menu dd:hover.newsletters a { background-position: -793px -20px; }

#navigation-menu dd.newsletters ul { z-index: 11009; }

/* shop */
#navigation-menu dd.shop { width: 87px; }

#navigation-menu dd.shop a { background-position: -911px 0; }

#navigation-menu dd:hover.shop a { background-position: -911px -20px; }

#navigation-menu dd.shop ul {
        margin-left: -107px;
        z-index: 11010;
}

#navigation-menu dd.tv-shows li a, 
#navigation-menu dd.tv-schedules li a, 
#navigation-menu dd.the-spot li a, 
#navigation-menu dd.petsource li a, 
#navigation-menu dd.wild-animals li a, 
#navigation-menu dd.games li a, 
#navigation-menu dd.video li a, 
#navigation-menu dd.blogs li a, 
#navigation-menu dd.roar li a, 
#navigation-menu dd.newsletters li a, 
#navigation-menu dd.shop li a { background-image: none; }