/* product selector */
#product-selector-container{
    left: 0px; 
    z-index: 99;
    margin: 10px 0 4px 0;
}
#product-selector{
    background:url("/etc/designs/help/images/arrow_down.png") no-repeat scroll 80% center #E0E0E0;
    display:block;
    color:#333333;
    overflow:hidden;
    border-left: 1px solid #AAAAAA;
    border: 1px solid #AAAAAA;
    width:40px;
    height:20px;
    
}
#product-selector:hover{
    cursor: pointer;
}
#product-selected{
    width:auto;
    width:auto;
    overflow:hidden;
    height:20px;
}
#product-list{
    background: none repeat scroll 0 0 #999999;
    border: 1px solid #999999;
    display: none;
    height: 244px;
    left: 152px;
    margin-top: 0;
    max-height: 244px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 200px;
    z-index: 99;    
}

#product-list ul {
    border-bottom: 2px solid #BBBBBB;
    height: 210px;
    overflow-y: auto;
}

#product-list li{
    background-color:#BBBBBB;
    background-position:6px 4px !important;
    color:#333333;
    cursor:pointer;
    list-style:none outside none;
    margin-left:0px;
    min-height:20px;
    padding-bottom:2px !important;
    padding-left:32px !important;
    padding-top:8px !important;
    vertical-align:middle;
}
#product-list li:hover{
    background-color:#CCCCCC;
}
.icon{
    padding-left:25px;
}
.selected{
    background-color:#999999 !important;
}
/* MSIE overrides */
#product-list.product-list-ie{
    width:220px;
    margin-left:0;
}
#product-list.product-list-ie li{
    margin-left:0px;
}


#product-selector-container #product-selected,
#product-selector-container #product-list li{ 
    background-image: url("/etc/designs/help/images/chicklets-cs6.png"); 
    background-repeat:no-repeat;
    background-position: -20px 0px;     
}

#product-selector-container div.acrobat{ background-position: 0px 1px !important}
#product-selector-container div.acrobatcom{ background-position: 1px -39px !important}
#product-selector-container div.aftereffects{ background-position: 1px -79px !important } 
#product-selector-container div.air{ background-position: 1px -119px !important }
#product-selector-container div.audition{ background-position: 1px -159px !important }
#product-selector-container div.bridge{ background-position: 1px -199px !important }
#product-selector-container div.businesscatalyst{ background-position: 1px -239px !important }
#product-selector-container div.captivate{ background-position: 1px -279px !important }
#product-selector-container div.coldfusion{ background-position: 1px -319px !important }
#product-selector-container div.connect{ background-position: 1px -359px !important }
#product-selector-container div.contribute{ background-position: 1px -399px !important }
#product-selector-container div.cslive{ background-position: 1px -439px !important }
#product-selector-container div.devicecentral{ background-position: 1px -479px !important }
#product-selector-container div.adep{ background-position: 1px -519px !important }
#product-selector-container div.digitalpublishingsuite{ background-position: 1px -559px !important }
#product-selector-container div.dreamweaver{ background-position: 1px -599px !important }
#product-selector-container div.encore{ background-position: 1px -639px !important }
#product-selector-container div.fireworks{ background-position: 1px -679px !important }
#product-selector-container div.flash{ background-position: 1px -719px !important }
#product-selector-container div.flashbuilder{ background-position: 1px -759px !important }
#product-selector-container div.flashlite{ background-position: 1px -799px !important }
#product-selector-container div.flashcatalyst{ background-position: 1px -839px !important }
#product-selector-container div.flex{ background-position: 1px -879px !important }
#product-selector-container div.framemaker{ background-position: 1px -919px !important }
#product-selector-container div.illustrator{ background-position: 1px -959px !important }
#product-selector-container div.incopy{ background-position: 1px -999px !important }
#product-selector-container div.indesign{ background-position: 1px -1039px !important }
#product-selector-container div.lightroom{ background-position: 1px -1079px !important } 
#product-selector-container div.livecycle{ background-position: 1px -1119px !important }
#product-selector-container div.livecycleds{ background-position: 1px -1159px !important }
#product-selector-container div.mediaencoder{ background-position: 1px -1199px !important }
#product-selector-container div.muse{ background-position: 1px -1239px !important }
#product-selector-container div.onlocation{ background-position: 1px -1279px !important }
#product-selector-container div.photoshop{ background-position: 1px -1319px !important }
#product-selector-container div.photoshopelements{ background-position: 1px -1359px !important }
#product-selector-container div.photoshopcom{ background-position: 1px -1399px !important }
#product-selector-container div.prelude{ background-position: 1px -1439px !important }
#product-selector-container div.premierepro{ background-position: 1px -1479px !important }
#product-selector-container div.premiereelements{ background-position: 1px -1519px !important }
#product-selector-container div.revel{ background-position: 1px -1559px !important }
#product-selector-container div.robohelp{ background-position: 1px -1599px !important }
#product-selector-container div.soundbooth{ background-position: 1px -1639px !important }
#product-selector-container div.speedgrade{ background-position: 1px -1679px !important }
#product-selector-container div.adobestory{ background-position: 1px -1719px !important }
#product-selector-container div.versioncue{ background-position: 1px -1759px !important }

/* styles for dropdown list */ 
#product-selector-container #product-list li.acrobat{ background-position: 6px 5px !important}
#product-selector-container #product-list li.acrobatcom{ background-position: 6px -35px !important}
#product-selector-container #product-list li.adobereader{ background-position: 6px 5px !important}
#product-selector-container #product-list li.aftereffects{ background-position: 6px -75px !important }
#product-selector-container #product-list li.air{ background-position: 6px -115px !important }
#product-selector-container #product-list li.audition{ background-position: 6px -155px !important }
#product-selector-container #product-list li.bridge{ background-position: 6px -195px !important }
#product-selector-container #product-list li.businesscatalyst{ background-position: 6px -235px !important }
#product-selector-container #product-list li.captivate{ background-position: 6px -275px !important } 
#product-selector-container #product-list li.coldfusion{ background-position: 6px -315px !important }
#product-selector-container #product-list li.connect{ background-position: 6px -355px !important }
#product-selector-container #product-list li.contribute{ background-position: 6px -395px !important }
#product-selector-container #product-list li.cslive{ background-position: 6px -435px !important }
#product-selector-container #product-list li.devicecentral{ background-position: 6px -475px !important }
#product-selector-container #product-list li.adep{ background-position: 6px -515px !important }
#product-selector-container #product-list li.digitalpublishingsuite{ background-position: 6px -555px !important } /* new4cs6 */
#product-selector-container #product-list li.dreamweaver{ background-position: 6px -595px !important }
#product-selector-container #product-list li.encore{ background-position: 6px -635px !important }
#product-selector-container #product-list li.fireworks{ background-position: 6px -675px !important }
#product-selector-container #product-list li.flash{ background-position: 6px -715px !important }
#product-selector-container #product-list li.flashbuilder{ background-position: 6px -755px !important }
#product-selector-container #product-list li.flashlite{ background-position: 6px -795px !important }
#product-selector-container #product-list li.flashcatalyst{ background-position: 6px -835px !important }
#product-selector-container #product-list li.flex{ background-position: 6px -875px !important }
#product-selector-container #product-list li.framemaker{ background-position: 6px -915px !important }
#product-selector-container #product-list li.illustrator{ background-position: 6px -955px !important }
#product-selector-container #product-list li.incopy{ background-position: 6px -995px !important }
#product-selector-container #product-list li.indesign{ background-position: 6px -1035px !important }
#product-selector-container #product-list li.lightroom{ background-position: 6px -1075px !important }
#product-selector-container #product-list li.livecycle{ background-position: 6px -1115px !important }
#product-selector-container #product-list li.livecycleds{ background-position: 6px -1155px !important }
#product-selector-container #product-list li.mediaencoder{ background-position: 6px -1195px !important } /* new4cs6 */
#product-selector-container #product-list li.muse{ background-position: 6px -1235px !important } /* new4cs6 */
#product-selector-container #product-list li.onlocation{ background-position: 6px -1275px !important }
#product-selector-container #product-list li.photoshop{ background-position: 6px -1315px !important }
#product-selector-container #product-list li.photoshopelements{ background-position: 6px -1355px !important }
#product-selector-container #product-list li.photoshopcom{ background-position: 6px -1395px !important }
#product-selector-container #product-list li.prelude{ background-position: 6px -1435px !important } /* new4cs6 */
#product-selector-container #product-list li.premierepro{ background-position: 6px -1475px !important }
#product-selector-container #product-list li.premiereelements{ background-position: 6px -1515px !important }
#product-selector-container #product-list li.revel{ background-position: 6px -1555px !important } /* new4cs6 */
#product-selector-container #product-list li.robohelp{ background-position: 6px -1595px !important }
#product-selector-container #product-list li.soundbooth{ background-position: 6px -1635px !important }
#product-selector-container #product-list li.speedgrade{ background-position: 6px -1675px !important } /* new4cs6 */
#product-selector-container #product-list li.adobestory{ background-position: 6px -1715px !important }
#product-selector-container #product-list li.versioncue{ background-position: 6px -1755px !important }



.expanded-product{
    display:none;
}
#prodListToggle {
    text-align: right;
    background: none repeat scroll 0 0 #999999;
    height:18px;
    padding: 6px;
}
#prodListToggle:hover {
    color:#fff;
    cursor: pointer;
}
.loading{
    background:url(/etc/designs/help/images/loading.gif) 1px 2px no-repeat;
}
