/**
 * Hide the background image if JavaScript is available, as it will then be
 * replaced by an image that resizes with the browser window.
 */
html.js, .js body {background:#000; overflow:hidden;}
.js img {display:block;}

/**
 * Header and footer layout.
 */
#hd, #ft {position:absolute; width:100%; left:0; z-index:10;}

/**
 * Header and footer style.
 */
#nav-main, #nav-footer {background:url('/static/site/graphics/transparencies/640019-075.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/transparencies/640019-075.png', sizingMethod='scale'); color:#bbb9bc;}
#nav-main .navigation {background-image:url('/static/site/graphics/collections/menu-divider-e8e8e9.png');}
#nav-main a, #nav-footer a {color:#bbb9bc;}
#nav-main .navigation li.selected > a, #nav-main .navigation a:hover, #nav-footer .navigation li.selected a, #nav-footer .navigation a:hover {color:#fff;}
.navigation li {border-color:#e8e8e9;}

/**
 * Header layout.
 */
#hd {top:0;}

/**
 * Main image.
 */
html.js img#main {display:none;}

/**
 * Search form.
 */
#searchform {}
.searchform {margin:8px 16px; _position:absolute; _top:0; _right:0; _width:170px;}
.searchform p {margin:0;}
.js .searchform label {display:none;}
.searchform label, .searchform input.text, .searchform input.submit {margin:0; font-size:12px; line-height:1;}
.searchform label {padding:4px; color:#fff;}
.searchform input.text {border:1px solid #59679b; border-right-color:#838db1; border-bottom-color:#838db1; padding:3px 6px; background:#fff; color:#333e69;}
.searchform input.submit {margin:0; border:none; padding:4px; background:transparent; color:#fff; font-weight:bold;}
.searchform input.submit:hover {cursor:pointer; text-decoration:underline;}
.search-toggle {width:250px; height:40px; position:relative; background:url('/static/site/graphics/collections/search-toggle.png') no-repeat 0 0; _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/collections/search-toggle.png', sizingMethod='crop'); _zoom:1; text-indent:-9999em; cursor:pointer;}
.search-toggle IMG {position:absolute; top:0; right:0; width:250px; height:40px;}

/**
 * Promotions.
 */
.promotions-outer-wrapper, .promo .text {position:absolute; left:0;}
.promotions-outer-wrapper {bottom:32px; width:100%; z-index:10;}
.promotions-wrapper {position:relative; padding:4px 24px; background:#fff;}
.promo {position:relative; width:243px; float:left; overflow:hidden; border-right:1px solid #fff;}
.promo a.promo-link {height:162px; display:block; text-decoration:none;}
.promo img {display:block; border:none;}
.promo .text {width:225px; top:127px; padding:9px; cursor:pointer; background:url('/static/site/graphics/transparencies/000000-060.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/transparencies/000000-060.png', sizingMethod='scale'); color:#fff;}
.promo .text h2 {margin:0; font-family:Helvetica, Arial, sans-serif; *font-family:Arial, sans-serif; font-size:12px; color:#fff; font-weight:normal;}
.promotions-wrapper .paginator-controls .previous, .promotions-wrapper .paginator-controls .next {height:162px; width:24px; position:absolute; top:4px; background-image:url('/static/site/graphics/collections/promo-next-previous.png'); background-repeat:no-repeat; text-indent:-9999em; cursor:pointer;}
.promotions-wrapper .paginator-controls .previous {left:0; _left:-25px; background-position:0 0;}
.promotions-wrapper .paginator-controls .previous.disabled {background-position:0 -162px; cursor:default;}
.promotions-wrapper .paginator-controls .next {right:0; background-position:-24px 0;}
.promotions-wrapper .paginator-controls .next.disabled {background-position:-24px -162px; cursor:default;}