/**
 * Search form.
 */
#searchform {}
.searchform {margin:8px 16px;}
.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 #6d6e70; padding:4px 6px 3px 20px; background:#fff url('/static/site/graphics/prototype/search.png') no-repeat 4px 2px; color:#555;}
.searchform input.submit {margin:0; border:none; padding:4px; background:transparent; color:#555; font-weight:normal; text-transform:uppercase;}
.searchform input.submit:hover {cursor:pointer; text-decoration:underline;}

/**
 * Header and footer style.
 */
#hd {margin-bottom:20px;}
#nav-main, #nav-footer {background:#640019;}
#nav-main .navigation {background-image:url('/static/site/graphics/collections/menu-divider-e8e8e9.png');}
#nav-main, #nav-main a {color:#bbb9bc;}
#nav-footer, #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;}

/**
 * Description.
 */
#description {width:500px; margin:0 auto 20px auto; border-bottom:1px solid #ccc; padding-bottom:10px;}
html.js #description {position:absolute; left:0; top:185px; width:312px; margin:0; border:none; background:url('/static/site/graphics/transparencies/000000-073.png'); _background:#000; z-index:3; color:#fff; _zoom:1;}
html.js #description A {color:#fff;}
html.js #description A:hover {color:#EC1C24;}
html.js #description h1, html.js #description h2, html.js #description h3, html.js #description h4 {margin:0 0 10px 0; font-family:Helvetica, Arial, sans-serif; *font-family:Arial, sans-serif; font-size:11px; color:#fff; font-weight:bold;}
#description.collapsed {cursor:pointer;}
html.js #description .content {padding:0 20px 20px 26px; font-size:11px;}
#description .toggle {display:block; margin-bottom:10px; padding:6px 21px; background:url('/static/site/graphics/collections/expand-collapse.png') no-repeat 298px -193px; font-size:10px; line-height:1; text-align:right; cursor:pointer;}
#description.collapsed .toggle {background-position:298px 7px;}

/**
 * Collection items.
 */
.viewport {overflow:hidden;}
#gallery {overflow:hidden;}
#collection-item-thumbnails {width:500px; margin:0 auto;}
#collection-item-thumbnails li {margin:0 0 20px 0; border-bottom:1px solid #ccc; padding-bottom:10px; list-style:none;}
#collection-item-thumbnails li img {margin:0 10px 10px 0; float:left;}
.item {float:left; border-right:1px solid #fff; background:url('/static/site/graphics/collections/loading.gif') no-repeat 50% 50%; cursor:pointer;}
.item img {display:block;}
#gallery .current {cursor:default;}
#gallery .item-video {cursor:pointer;}
#html.noflash #gallery .item-video {cursor:default;}
.item .video-button {position:absolute; top:50%; left:50%; margin-left:-35px; margin-top:-35px; width:70px; height:70px; background:url('/static/site/graphics/collections/video-button.png') no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/collections/video-button.png', sizingMethod='crop'); text-indent:-9999em; cursor:pointer;}
.item .description-wrapper {color:#fff;}
.item .description-toggle {padding:8px 7px 7px 7px; text-align:right; cursor:pointer; background:url('/static/site/graphics/transparencies/000000-060.png') repeat 0 0; _background:#000; color:#fff; line-height:1;}
.item .description-toggle span {display:block; padding-right:15px; background-image:url('/static/site/graphics/collections/expand-collapse.png'); background-repeat:no-repeat; font-size:10px;}
.item .description-toggle .collapsed {background-position:100% 1px;}
.item .description-toggle .expanded {background-position:100% -199px;}
.item .description {padding:10px 20px; background:url('/static/site/graphics/transparencies/000000-040.png') repeat 0 0; _background:#000; font-size:11px;}
.item .description p {margin:0 0 5px 0;}
.item .description A {color:#fff;}
.item .description A:hover {color:#EC1C24;}
.item .description .buy-the-look {text-align:right;}
.item .description .buy-the-look a {padding-left:7px; background:url('/static/site/graphics/prototype/arrows.png') no-repeat 0 -3197px; color:#fff; text-decoration:underline;}

.collectionSmall {width:865px; margin:0 auto; margin-bottom:30px; height:504px; color:#fff; position:relative;}
.collectionSmall H1, .collectionSmall H2, .collectionSmall P {color:#fff; font-size:12px; font-family:Arial, sans-serif;}
.collectionSmall H1 {font-weight:bold;}
.collectionSmall A {color:#fff;}
.collectionSmall A:hover {color:#EC1C24;}
.collectionSmall .promo-link {float:left; width:auto; position:relative;}
.collectionSmall .promo-link .description-wrapper {position:absolute; left:0; bottom:0; width:100%;}
.collectionSmallDesc {width:316px; float:left; padding:32px; background-color:#454545; height:440px;}
.collectionSmall #collection-items {float:left;}
.thumbnails {background:url("/static/site/graphics/prototype/background-thumb-boxes.gif") no-repeat scroll 100% 0 #454545; color:#FFFFFF; height:504px; width:100px; float:left; margin:0;}
.thumbnails LI {list-style-type:none; position:relative; padding-bottom:1px;}
.thumbnails IMG {display:block;}
.thumbnails li .thumb-overlay {display:block; height:100px; left:0; position:absolute; top:0; width:100px; background:none;}
.thumbnails li.selected .thumb-overlay {background:url("/static/site/graphics/prototype/collections-thumbnail-promo-selected.png") no-repeat scroll 0 -100px transparent;}
.thumbnails li.first.selected .thumb-overlay {background-position:0 0;}

/**
 * Left and right controls.
 */
.arcadia-next-previous {}
.arcadia-next-previous span {display:block; width:14px; height:31px; text-indent:-9999em; background:#fff url('/static/site/graphics/collections/next-previous.png') no-repeat 0 0; position:absolute; top:50%; margin-top:-16px; cursor:pointer;}
.arcadia-next-previous .previous {background-position:0 0;}
.arcadia-next-previous .next {background-position:-14px 0;}

/**
 * Play and pause controls.
 */
.arcadia-play-button {position:absolute; top:6px; left:0; width:45px; height:44px; border-right:1px solid #fff; padding:83px 0 0 0; background:#0e1818 url('/static/site/graphics/collections/play-pause.png') no-repeat -45px 0; font-size:10px; color:#fff; text-align:center; cursor:pointer;}
.playing {background-position:-45px 0;}
.paused {background-position:0 0;}

/**
 * Thubmnails.
 */
#thumbnails {height:127px; overflow:hidden; position:relative; padding:6px 24px 6px 70px;}
.arcadia-thumbnails {position:absolute; top:0;}
.arcadia-thumbnails .thumbnail {position:relative; float:left; border-right:1px solid #fff; cursor:pointer;}
.arcadia-thumbnails .thumbnail .video-button {position:absolute; top:50%; left:50%; margin-left:-10px; margin-top:-10px; width:20px; height:20px; background:url('/static/site/graphics/collections/thumbnail-video-button.png') no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/collections/thumbnail-video-button.png', sizing='crop'); text-indent:-9999em; cursor:pointer;}
.arcadia-thumbnails .thumbnail-label {position:absolute; left:0; top:0; border:3px solid transparent; text-indent:-9999em;}
.arcadia-thumbnails .selected .thumbnail-label {border-color:#2c498d;}
#thumbnails .paginator-controls .previous, #thumbnails .paginator-controls .next {height:127px; width:24px; position:absolute; top:6px; background-image:url('/static/site/graphics/collections/thumbnail-next-previous.png'); background-repeat:no-repeat; text-indent:-9999em; cursor:pointer;}
#thumbnails .paginator-controls .previous {left:46px; background-position:0 0;}
#thumbnails .paginator-controls .previous.disabled {background-position:0 -155px;}
#thumbnails .paginator-controls .next {right:0; background-position:-24px -10px;}
#thumbnails .paginator-controls .next.disabled {background-position:-24px -155px;}

/**
 * Collection video.
 */
.collection-video {}
.collection-video .close-button {position:absolute; padding:10px 20px 10px 30px; background:url('/static/site/graphics/collections/video-close-button.png') no-repeat 100% 8px; color:#fff; font-size:11px; line-height:1; z-index:10; cursor:pointer;}

/**
 * Hack for non-flash UAs.
 */
#html.noflash .video-button {display:none;}