/**
 * 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:#ffffff; 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 {background:url(''); color:#fff; }
#nav-footer {background:url('footer_bg.png') transparent 10%; color:#ffffff; }
#nav-main .navigation {background-image:url('menu-divider.png');}
#nav-main a {color:#818181;}
#nav-footer a {color:#fff;}
#nav-main .navigation li.selected > a, #nav-main .navigation a:hover, #nav-footer .navigation li.selected a, #nav-footer .navigation a:hover {color:#fff; text-decoration:none} 
.navigation li {border-color:#818181;}

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

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

/**
 * 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('search-toggle.png') no-repeat 0 0; _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='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:300;}
.promotions-outer-wrapper {bottom:60px; width:100%; z-index:10;}
.promotions-wrapper {position:relative; padding:4px 24px; background:transparent;}
.promo {position:relative; width:243px; float:left; overflow:hidden; border-right:1px solid transparent;}
.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; background:url('000000-060.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='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(''); 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;}