/**
 * Tabs, paginators and pagination controls
 *
 * Includes layout and style for various tabbed and paginated interfaces.
 */

/**
 * Basic tabs
 */
.toggles {margin:0; border-left:1px solid #d6d6d6; padding:0; *zoom:1; z-index:1; position:relative;}
.toggles LI {float:left; margin:0 0 -1px 0; border:1px solid #d6d6d6; border-left:none; padding:3px 30px 2px 10px; list-style:none; cursor:pointer; font-family:Georgia, 'Times New Roman', Times, serif; font-size:11px; color:#999; _position:relative; background:#fff;}
.toggles .selected {border-bottom-color:#fff;}
.toggles .selected, .toggles LI:hover, .paginator-controls .selected {color:#ec1c24;}
.tabs {position:relative; clear:both; border:1px solid #d6d6d6; padding:20px 19px;}
.tab {background:#fff;}

/**
 * Tabbed paginators
 */
.tabbed-paginator .tabs {padding:0;}
.tabbed-paginator .tab {padding:20px 19px 25px; _padding:20px 16px 25px;}
.tabbed-paginator .pages {margin:0 3px;}
.tabbed-paginator .page-inner {position:relative; height:280px}
.tabbed-paginator .product {margin:6px;}
.tabbed-paginator .product IMG {border:1px solid #d6d6d6;}
.tabbed-paginator .paginator-controls {position:relative; margin-top:20px;}
.tabbed-paginator .navButtons .pages {display:none;}
.tabbed-paginator .navButtons {width:100%; left:-20px;}
.tabbed-paginator .navButtons DIV {background:url("/static/site/graphics/next-previous-grey.gif") no-repeat scroll 0 0 #FFFFFF; cursor:pointer; display:block; height:31px; position:absolute; text-indent:-9999em; width:13px; padding:0;}
.tabbed-paginator .navButtons .previous {top:-200px; left:3px;}
.tabbed-paginator .navButtons .next {top:-200px; right:-37px; background-position:-15px 0;}
.tabbed-paginator .navButtons .previous.disabled, .tabbed-paginator .navButtons .next.disabled {display:none;}

/**
 * Paginator controls
 */
.paginator-controls {width:30%; margin-left:auto; margin-right:auto; line-height:1;}
.paginator-controls .previous, .paginator-controls .next, .paginator-controls .pages SPAN {cursor:pointer; float:left;}
.paginator-controls .previous, .paging .previous, .paginator-controls .next, .paging .next {display:block; background-image:url('/static/site/graphics/prototype/arrows.png'); background-repeat:no-repeat;}
.paginator-controls .previous, .paging .previous {padding-left:16px;}
.paginator-controls .previous {background-position:4px 2px;}
.paging .previous {background-position:4px 3px;}
.paginator-controls .next, .paging .next {padding-right:16px;}
.paginator-controls .next {background-position:100% -198px;}
.paging .next {background-position:100% -197px;}
.paginator-controls .pages {float:left;}
.paginator-controls .pages SPAN {border-left: 1px solid #ccc; padding:0 5px;}
.paginator-controls .pages SPAN.first {border-left:none;}
.paginator-controls .disabled, .paging .disabled {color:#999;}
.paginator-controls .previous.disabled {background-position:4px -598px;}
.paging .previous.disabled {background-position:4px -597px;}
.paginator-controls .next.disabled {background-position:100% -798px;}
.paging .next.disabled {background-position:100% -797px;}

/**
 * Pagination controls
 */
.paging, .paging .paging-inner {background-image:url('/static/site/graphics/prototype/dashes.png'); background-repeat:repeat-x;}
.paging {margin-bottom:20px; padding-top:1px; background-position:0 0; line-height:1;}
.paging .paging-inner {padding:7px 0 8px 0; background-position:0 100%;}
.paging .controls {float:left; margin-left:37.5%; _margin-left:16%;}
.paging OL, .paging P {margin:0; padding:0;}
.paging .all {float:right; margin:0;}
.paging .next, .paging .previous, .paging .pages, .paging .pages LI {float:left;}
.paging .pages {margin:0 11px;}
.paging .pages LI {list-style:none; border-left: 1px solid #ccc; padding:0 5px;}
.paging .pages LI.first {border-left:none;}
.paging .pages LI A {text-decoration:none;}
.paging .pages LI A:hover {text-decoration:underline;}

/**
 * Thumbnailed promotions
 */
.js .thumbnail-promos {position:relative; *zoom:1; overflow:hidden;}
.thumbnail-promos .thumb {display:none;}
.js .thumbnail-promos .thumb {display:block;}
.thumbnail-promos IMG {display:block; margin:0; padding:0;}
.thumbnail-promos .thumbnails {position:absolute; top:0; right:0; margin:0; padding:0; z-index:1;}
.thumbnail-promos .thumbnails LI {list-style:none; margin:0; padding:0; cursor:pointer; position:relative; *display:inline;}
.thumbnail-promos .thumbnails LI .thumb-overlay {display:block; position:absolute; top:0; left:0; width:70px; height:70px;}
.thumbnail-promos .thumbnails LI.selected .thumb-overlay {background:url('/static/site/graphics/prototype/thumbnail-promo-selected.png') no-repeat 0 0;}
.thumbnail-promos .thumbnails LI.selected {cursor:auto;}
.thumbnail-promos .thumbnails LI.first.selected .thumb-overlay {background-position:0 -70px; _background-position-y:0;}
.thumbnail-promos .thumbnails LI.toggle-6.selected .thumb-overlay {background-position:0 -140px; _background-position-y:0;}
.js .thumbnail-promos .promo {position:relative; height:420px;}
.js .thumbnail-promos .promo-link {display:block; position:relative; text-decoration:none; height:420px;}
.js .thumbnail-promos .promo-link .text {position:absolute; left:0; bottom:0; width:730px; min-height:25px; _height:auto; overflow:hidden;}
.thumbnail-promos .promo-link .text H1, .thumbnail-promos .promo-link .text H2 {line-height:1.5em; margin:0; padding:1px 87px 1px 16px; font-size:18px; background:url('/static/site/graphics/prototype/grey-overlay.png') repeat 0 0; color:#fff; cursor:pointer;  _background:none; *zoom:1; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/prototype/grey-overlay.png', sizingMethod='scale');}
.thumbnail-promos .promo-link .text P {margin:0; padding:10px 87px 10px 16px; font-size:12px; background:url('/static/site/graphics/prototype/grey-overlay-055.png') repeat 0 0; color:#d6d6d6; cursor:pointer; min-height:50px; _height:50px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/prototype/grey-overlay-055.png', sizingMethod='scale');}
.thumbnail-promos .promo-link .text UL {color:#D6D6D6; background:url('/static/site/graphics/prototype/grey-overlay-055.png') repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/prototype/grey-overlay-055.png', sizingMethod='scale'); margin:0; padding:0 0 10px 12px;}
.thumbnail-promos .promo-link .text UL LI {margin-left:25px;}

/**
 * Article Thumbnailed promotions
 */
.article .promos {margin-bottom:30px;}
.article .thumbnail-promos .promo, .article .thumbnail-promos .promo-link  {height:350px}

/**
 * Multi-link promos
 */
.multi-link-promo {position:relative; overflow:hidden;}
.multi-link-promo IMG {display:block;}
.multi-link-promo .promo-area {width:460px; padding-top:10px; _background:url('/static/site/graphics/transparent.gif');}
.multi-link-promo .links-area {overflow:hidden;}
.multi-link-promo .links-area .title {height:36px; margin:0; padding:0; background:url('/static/site/graphics/transparencies/640019-075.png') repeat 0 0; _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/transparencies/640019-075.png', sizingMethod='scale');}
.multi-link-promo .links-area .links {height:175px; background:url('/static/site/graphics/transparencies/133d63-090.png') repeat 0 0; font-size:12px; overflow:hidden; _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/transparencies/133d63-090.png', sizingMethod='scale');}
.multi-link-promo .links-area .title A {display:block; padding:7px 16px; color:#efefef; text-decoration:none;}
.multi-link-promo .links-area .title .title-link {padding-left:10px; background-position:0 6px;}
.multi-link-promo .links-area .links UL {margin:0; padding:5px 14px 5px 18px;}
.multi-link-promo .links-area .links LI {float:left; width:107px; list-style:none; margin:1px 0; padding:0;}
.multi-link-promo .links-area .links A {display:block; padding-left:9px; color:#d9d5da; text-decoration:none; background:url('/static/site/graphics/prototype/arrows.png') no-repeat 0 -995px;}
.multi-link-promo .links-area .links A:hover {color:#fff; text-decoration:underline;}