.debug_console          { text-align: left; position: fixed; border-radius: 13px; top: 40px; right: 15px; width: 92px; height: 10px; overflow: hidden; padding: 10px; background: #3a3a3a; color: #3a3a3a; font: 12px "Courier New", monospace; z-index: 9980; }
.debug_console:hover    { width: 800px; height: 600px; overflow-y: auto; color: #FAFAFA; }
.debug_console h3       { margin: -18px 0 0 10px; }
.debug_console:hover h3 { margin: 0; }
.debug_console pre > *  { width: 50px; height: 26px; overflow: hidden; background: #FF0000; }
.debug_console pre > *:hover
                        { width: auto; height: auto; background: none; }


/* main product image - slider */
.slide, #slider_thumbs  { width: 620px; }

#slider_thumbs          { background: #fff; position: relative; top: -2px; }
#slider_thumbs img      { border: 0; cursor: pointer; width: 124px; height: 124px; }
    #slider_thumbs img:hover, #slider_thumbs img:focus
                        {  }

#slider_thumbs span             { display: block; float: left; position: relative; }
#slider_thumbs .selected img    { position: relative; z-index: 1; }
#slider_thumbs .selected span   { display: block; width: 104px; height: 104px; border: 10px solid #e96153; position: absolute; top: 0; left: 0; z-index: 2; }


.hovernav_item { width: 100px; padding: 20px 15px; text-align: center; background: white; border-radius: 2px; }
    .hovernav_item .title { display: block; padding-top: 15px; font-size: 14px; font-weight: 100; line-height: 1.3; color: #000; }
    .hovernav_item .ring { display: block; width: 82px; height: 82px; position: absolute; left: 24px; top: 20px; background: url(cssimg/bg/ring.png); cursor: pointer; }
    .hovernav_item .count { position: absolute; top: 8px; font-size: 12px; display: none; }
        .hovernav_item.hovernav_prev .count { left:  10px; }
        .hovernav_item.hovernav_next .count { right: 10px; }

.hovernav_item:hover { text-decoration: none; }
    .hovernav_item:hover .ring { background-position: left bottom; }
    .hovernav_item:hover .title { color: #f2695b; }
    .hovernav_item:hover .count { display: block; }

.js_stickem_container { position: relative; } /* used for blog/association nav */
    .js .js_stickem_container .js_stickem_hidden { visibility: hidden; }
    .js_stickem_topleft  { position: absolute; left: -90px; top: 20px; bottom: auto; }
    .js_stickem_topright { position: absolute; right: -90px; top: 20px; bottom: auto; }

    .js_stickem_centerleft  { position: fixed; left: 50%; top: 50%; margin-top: -40px; margin-left: -581px; }
    .js_stickem_centerright { position: fixed; right: 50%; top: 50%; margin-top: -40px; margin-right: -581px; }

    .js_stickem_bottomleft  { position: absolute; left: -90px; bottom: 0px; top: auto; }
    .js_stickem_bottomright { position: absolute; right: -90px; bottom: 0px; top: auto; }

    .js_stickem_container_ext {  } /* extends .js_stickem_container; used for product nav */
        .js_stickem_container_ext .js_stickem_topleft  { left: -131px; top: 55px; }
        .js_stickem_container_ext .js_stickem_topright { right: -131px; top: 55px; }

        .js_stickem_container_ext .js_stickem_centerleft  { margin-top: -90px; margin-left: -622px; }
        .js_stickem_container_ext .js_stickem_centerright { margin-top: -90px; margin-right: -622px; }

        .js_stickem_container_ext .js_stickem_bottomleft  { left: -131px; bottom: 1px; }
        .js_stickem_container_ext .js_stickem_bottomright { right: -131px; bottom: 1px; }

.prev_next_simple {  }
    .prev_next_simple a {  }
    .prev_next_simple a:hover { text-decoration: none; color: #000; }
    .prev_next_simple .icon { text-align: center; line-height: 35px; }
        .prev_next_simple a:hover .icon { background-position: left -250px; }

    .prev_next_simple .label { position: relative; }
        .prev_next_simple .label .title_l { position: absolute; left: 0; top: 25px; }
        .prev_next_simple .label .title_r { position: absolute; right: 5px; top: 25px; }

/* share */
/*#share_buttons { position: absolute; bottom: 20px; right: 0; width: 260px; text-align: right; padding-right: 40px; vertical-align: bottom; }
#share_tools { height: 30px; }
    #share_tools iframe { padding: 0; float: left; }
*/

#share_tools {  }
    #share_tools .tool { width: 50px; margin-left: 10px; float: right; }
        #share_tools .tool a { width: 50px; height: 20px; }
        #share_tools .tool_fb a { background-image: url(cssimg/btn/share_fb.png); }
        #share_tools .tool_tw a { background-image: url(cssimg/btn/share_tw.png); }
        #share_tools .caption { display: block; font-size: 16px; color: #666; text-align: center; padding: 12px 0 15px; background: transparent url(cssimg/bg/share_count.png) no-repeat center center; }