/* *************************************************

Enhanced Screen Styles (Only applicable when JavaScript is enabled)

Created by the friendly folks at Happy Cog http://www.happycog.com/

************************************************* */

/* ======================================= General ======================================= */ input.filled { color: #999; }

/* ======================================= Tabs ======================================= */ .tab { border: 3px solid #f6f5f5; }

/* .ui-tabs .ui-tabs-hide { position: static; left: 0; } .ui-tabs .ui-tabs-hide { position: absolute; left: -9999px; } */

.ui-tabs .ui-tabs-hide { display: none }

/* ======================================= Gallery ======================================= */ .gallery_holder { float: left; margin: 0 10px 25px 0; }

.sIFR-active .gallery a { position: absolute; left: -9999px; }



/* ======================================= Home page story ======================================= */ .story { position: absolute; left: -9999px; }

body.home #hero { position: relative; }

#story-nav { position: absolute; bottom: 0; left: 627px; z-index: 3; } #wrap #story-nav li { background: none; padding: 0; float: left; margin: 0 4px 0 0; } #story-nav a { background:
transparent url(/now/images/css/layout/hero-nav.gif) no-repeat 0 0; width: 19px; height: 19px; text-indent: -9999px; display: block; border: none; overflow: hidden; } #story-
nav a:hover, #story-nav a:focus { background-position: 0 -19px; } #story-nav a.current { background-position: 0 -38px; }

/* ======================================= Reuters box ======================================= */ #reuters #ticker .toggle a, #selected_tags a { position:
relative; } #reuters #ticker .toggle a > b, #selected_tags a > b { display: block; text-indent: -9999px; width: 5px; height: 5px; background-color: transparent; background-repeat:
no-repeat; background-position: 0 0; position: absolute; } #reuters #ticker .toggle a > b.tl, #selected_tags a > b.tl { background-image: url(/now/images/css/layout/ticker-tl.gif);
left: 0; top: 0; } #reuters #ticker .toggle a > b.tr, #selected_tags a > b.tr { background-image: url(/now/images/css/layout/ticker-tr.gif); right: 0; top: 0; width: 4px; } #reuters
#ticker .toggle a > b.bl, #selected_tags a > b.bl { background-image: url(/now/images/css/layout/ticker-bl.gif); left: 0; bottom: 0; } #reuters #ticker .toggle a > b.br,
#selected_tags a > b.br { background-image: url(/now/images/css/layout/ticker-br.gif); right: 0; bottom: 0; }

#reuters #ticker .toggle a:hover > b.tl, #reuters #ticker .toggle li.current a > b.tl, #selected_tags a > b.tl { background-image: url(/now/images/css/layout/ticker-tl-over.gif); }
#reuters #ticker .toggle a:hover > b.tr, #reuters #ticker .toggle li.current a > b.tr, #selected_tags a > b.tr { background-image: url(/now/images/css/layout/ticker-tr-over.gif); }
#reuters #ticker .toggle a:hover > b.bl, #reuters #ticker .toggle li.current a > b.bl, #selected_tags a > b.bl { background-image: url(/now/images/css/layout/ticker-bl-over.gif); }
#reuters #ticker .toggle a:hover > b.br, #reuters #ticker .toggle li.current a > b.br, #selected_tags a > b.br { background-image: url(/now/images/css/layout/ticker-br-over.gif); }
* + html #reuters #ticker ul.toggle a b { display: none; } /* hides rounded corners from IE7 because of weird positioning */

/* ======================================= Browse Products by Tag ======================================= */ .tag-section { width: 170px; float: left;
margin: 0 10px 0 0; } .tag-section h3 { font-size: 11px; color: #7a7a7b; padding: 0.25em 5px 0.25em 30px; background: #ddd url(/now/images/css/layout/browse-
dropdown.gif) no-repeat 5px 50%; margin: 0; } .tag-section h3.over { color: #d53e1c; cursor: pointer; background-image: url(/now/images/css/layout/browse-dropdown-
over.gif); } .tag-section h3.current { background-color: #d53e1c; color: #fff; cursor: pointer; background-image: url(/now/images/css/layout/browse-dropdown-current.gif); }

#tag_chooser { position: relative; } .tag-section ul.tags { position: absolute; width: 880px; top: 3em; left: -9999px; background: #fff; border: 10px solid #eeeff0; z-index: 100;
padding: 10px; } #product_browse #tag_chooser .tag-section ul.tags li { width: auto; float: none; } #product_browse #tag_chooser .tag-section ul.tags li.nested { border-top: 1px
solid #ccc; width: 100%; padding-top: 1em; overflow: hidden; } #product_browse #tag_chooser .tag-section ul.tags li.nested span.category { font-weight: bold; padding-left:
20px; background: transparent url(/now/images/css/layout/browse-expand.gif) no-repeat 0 50%; cursor: default; } #product_browse #tag_chooser .tag-section ul.tags
li.nested span.category-over { font-weight: bold; padding-left: 20px; background: transparent url(/now/images/css/layout/browse-expand-over.gif) no-repeat 0 50%; cursor:
pointer; } #product_browse #tag_chooser .tag-section ul.tags li.nested span.category-collapse { font-weight: bold; padding-left: 20px; background: transparent
url(/now/images/css/layout/browse-collapse.gif) no-repeat 0 50%; cursor: default; } #product_browse #tag_chooser .tag-section ul.tags li.nested span.category-collapse-over
{ font-weight: bold; padding-left: 20px; background: transparent url(/now/images/css/layout/browse-collapse-over.gif) no-repeat 0 50%; cursor: pointer; }

#product_browse #tag_chooser .tag-section ul.tags > li:first-child { border: none; padding-top: 0; } #product_browse #tag_chooser .tag-section ul.tags ul { margin-top: 10px;
/*position: absolute; left: -9999px;*/ } #product_browse #tag_chooser .tag-section ul.tags li { width: 200px; } #product_browse #tag_chooser .tag-section ul.tags table { border:
none; /*position: absolute; left: -9999px;*/ } #product_browse #tag_chooser .tag-section ul.tags td { width: 200px; } #product_browse #tag_chooser .tag-section ul.tags a {
display: block; border-bottom: 1px solid #eee; } #product_browse #tag_chooser .tag-section ul.tags a.selected { background: transparent url(/now/images/css/layout/filters-
mark.gif) no-repeat 95% 50%; padding-right: 20px; } #product_browse #tag_chooser .tag-section ul.tags a:hover { background: #eeeff0; } #product_browse #tag_chooser .tag-
section ul.tags a.selected:hover { background: #eeeff0 url(/now/images/css/layout/filters-delete.gif) no-repeat 95% 50%; }


