@import url(site.css);

#layout-1-content
{
	background-color: #363636;
    padding-bottom: 0px;
}

#layout-1-content div.copy
{   

    border-top:9px solid #990000;
    background-color: #363636;    
    padding-bottom: 0 !important;
    width: 962px;
    overflow:hidden;
    position:relative;
    background-repeat:no-repeat;
}



body.web-exclusives #layout-1-content div.copy
{   
    background-color: #f4a701 !important;   
}

#layout-1-content div.copy a
{   
    color:#ad975c;
}

#layout-1-content div.copy h1
{   
    background-repeat:no-repeat;
    text-indent:-999em;
    margin: 14px 0 0 12px;
    padding:0px;
    height:47px;
}

#layout-1-content div.copy h1.the-art-of-living
{   
    background-image:url(../images/pages_content_archive/features_archive_header.jpg);
    margin-top:22px;
    float:left;
    width:962px;
    margin: 0px;
    height:69px;
}

#layout-1-content div.copy h1.the-interview
{   
    background-image:url(../images/pages_content_archive/the_interview_hd.gif);
}

#layout-1-content div.copy h1.insight
{   
    background-image:url(../images/pages_content_archive/insight_hd.gif);
}

#layout-1-content div.copy h1.focus
{   
    background-image:url(../images/pages_content_archive/focus_hd.gif);
}

#layout-1-content div.copy h1.specialist
{   
    background-image:url(../images/pages_content_archive/specialist_selection_hd.gif);
}

#layout-1-content div.copy h1.video
{   
    background-image:url(../images/pages_content_archive/videos_hd.gif);
}

#layout-1-content div.copy h1.week-in-review
{   
    background-image:url(../images/pages_content_archive/week_in_review_hd.gif);
}

#layout-1-content div.copy h1.web-exclusives
{   
    background-image:url(../images/pages_content_archive/web-exclusives_hd.gif);
    margin: 18px 0 0 12px;
}

#layout-1-content div.copy h1.special-features
{
    background-image:url(../images/pages_content_archive/special_features_hd.gif);
    margin: 18px 0 0 12px;
}

#layout-1-content div.copy label
{
    position:absolute;
    top:33px;
    left:472px;
    text-transform:uppercase;
    margin-right:10px;
    color:#fff;
    padding-top:6px;
}

#layout-1-content div.copy div#filters
{
    position:absolute;
    top:33px;
    left:534px;
    z-index:99;
}

#layout-1-content div.copy div#filters div.rich-select
{
    float:left;
    width:200px;
    margin-right:10px;
}

#layout-1-content div.copy div#filters div.last
{
    margin-right:0;
}

#layout-1-content div.copy div#filters div.rich-select a span 
{ 
    color:#fff;
}

#layout-1-content div.copy div#filters div.rich-select ul 
{ 
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px;
    padding:0px;
    width:198px;
}
#layout-1-content div.copy div#filters div.rich-select ul li
{
    font-family:arial,helvetica,sans-serif;
    font-size:11px;
    margin:0;
}
/*
#layout-1-content div.copy div#filters div.rich-select ul li a
{
    color:#E5C779;
}

#layout-1-content div.copy div#filters div.rich-select ul li a:hover
{
    color:#fff;
}

*/

#layout-1-content div.copy div.archive-index
{
    position:relative;
    border:12px solid #ccc;
    padding:12px 12px 0 12px;
    margin-bottom:0 !important;
    background-color:#fff;
    min-height:320px;
}


#layout-1-content div.copy div.archive-index ul.index-item
{
    background-color:#eee;
    padding:9px;
    list-style:none;
    height:145px;
    margin:0 0 12px 0;
    overflow:hidden;
    position:relative;
}

#layout-1-content div.copy div.archive-index ul.index-item li
{
    display:inline;
    float:left;
    position:relative;
}

#layout-1-content div.copy div.archive-index ul.index-item li.image
{   
    width:150px;
    margin-right:25px;  
    text-align:center;
}

#layout-1-content div.copy div.archive-index ul.index-item li.image div.index-image
{   
    width:150px;
    height:140px;
}

#layout-1-content div.copy div.archive-index ul.index-item li.image div.index-image img
{   
    margin-left:auto;
    margin-right:auto;
    border:none;
}

/* NEW VERTICAL CENTERING SOLUTION */
#layout-1-content div.copy div.archive-index ul.index-item li.image div.cell
{
    display: table; 
    height: 140px; 
    width: 150px; 
    padding:0;
    background-color:#eee; 
    #position: relative; 
    overflow: hidden;
    text-align:center;
}

#layout-1-content div.copy div.archive-index ul.index-item li.image div.cell div.mid
{
    #position: absolute; 
    #top: 50%;
    display: table-cell; 
    vertical-align: middle;
    text-align:center;
}

#layout-1-content div.copy div.archive-index ul.index-item li.image div.cell div.mid div
{
    #position: relative; 
    #top: -50%; 
    text-align:center;
    width:150px;
}

#layout-1-content div.copy div.archive-index ul.index-item li.image div.cell div.mid div img
{
    margin-left:auto !important;
    margin-right:auto !important;
}


#layout-1-content div.copy div.archive-index ul.index-item li.info
{
    width:700px;
}

#layout-1-content div.copy div.archive-index ul.index-item span.date

{
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    color:#999;
    display:block;
    margin:8px 0;
    text-transform:uppercase;
}

#layout-1-content div.copy div.archive-index ul.index-item span.date a
{
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    color:#AD975C;
    display:inline;
    text-transform:none;
}

#layout-1-content div.copy div.archive-index ul.index-item span.date a:hover
{
    color:#333;
}

#layout-1-content div.copy div.archive-index ul.index-item span.category
{
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    color:#999;
    display:block;
    margin:8px 0;
}

#layout-1-content div.copy div.archive-index ul.index-item span.category a
{
    display:inline;
    font-size:11px;
    color:#AD975C;
    font-family:arial,helvetica,sans-serif;
}

#layout-1-content div.copy div.archive-index ul.index-item span.category a:hover
{
    color:#333;
}

#layout-1-content div.copy div.archive-index ul.index-item a
{
    font-size:16px;
    font-family:arial,helvetica,sans-serif;
    color:#990000;
    display:block;
}

#layout-1-content div.copy div.archive-index ul.index-item a:hover
{
    text-decoration:none;
    color:#333;
}

#layout-1-content div.copy div.archive-index ul.index-item span.description
{
    font-size:14px;
    line-height:18px;
    font-family:georgia,"times new roman",serif;
    color:#333;
    display:block;
    margin:3px 0;
}



#layout-1-content div.copy div.feature
{
    border:12px solid #ccc;
    border-bottom:none;
    padding:20px 23px;
    background-color:#fff;
    position:relative;
    width:892px;
    float:left;
}

#layout-1-content div.copy div.feature h2
{
    font-family:arial,helvetica,sans-serif;
    font-size:22px;
    padding:0px;
    margin:10px 0 10px 0;
}


#layout-1-content div.copy p
{
    margin:0 0 1em 0;
    padding:0;
    font-family:georgia,"times new roman",serif;
    font-size:14px;
    line-height:20px;
}

#layout-1-content div.copy p strong
{
    line-height:18px;
}

#layout-1-content div.copy a.sale-link
{
    color:#990000;
}

#layout-1-content div.copy a:hover
{
    color:#333;
    text-decoration:none;
}
/*  update 0110_2012 
#layout-1-content div.copy div.feature span.date,
#layout-1-content div.copy div.feature p.date
{
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    color:#999;
    display:block;
    margin:0;
    padding:0;
    line-height:12px;
    text-transform:uppercase;

}

*/
#layout-1-content div.copy div.feature span.date,
#layout-1-content div.copy div.feature p.date
{
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    color:#999;
    display:block;
    margin:0;
    padding:0;
    line-height:12px;
    text-transform:uppercase;
	height:20px;
}

#layout-1-content div.copy div.feature span.date a,
#layout-1-content div.copy div.feature p.date a
{
    text-transform:none;
}


#layout-1-content div.copy div.feature div.left-column,
#layout-1-content div.copy div.feature div.right-column
{
    display:inline;
    position:relative;
    float:left;
    margin-top:12px;
}


#layout-1-content div.copy div.feature div.left-column
{
    width:500px;
    margin-right:15px;
    padding-right:15px;
    font-size:14px;
    font-family:georgia,"times new roman",serif;
}

#layout-1-content div.copy p.related-lots
{
    margin-bottom:0px;
}

#layout-1-content div.copy ul.related-lot
{
    list-style-type:none;
    margin:8px 0 0 0;
    padding-left:0px;
    float:left;
}

#layout-1-content div.copy .last
{
    margin-bottom:20px;
}

#layout-1-content div#filters .last
{
    margin-bottom:0;
}

#layout-1-content div.copy ul.related-lot li
{
    display:inline;
    float:left;
    font-family:georgia,"times new roman",serif;
    font-size:14px;
    margin:0px;
}

#layout-1-content div.copy ul.related-lot li.description
{
    margin-left:10px;
    width:400px;
}

#layout-1-content div.copy ul.related-lot li.thumb div.cell
{
    display: table; 
    height: 60px; 
    width:60px; 
    padding:0;
    background-color:#eee; 
    #position: relative; 
    overflow: hidden;
    text-align:center;
}

#layout-1-content div.copy ul.related-lot li.thumb div.cell div.mid
{
    #position: absolute; 
    #top: 50%;
    display: table-cell; 
    vertical-align: middle;
    text-align:center;
}

#layout-1-content div.copy ul.related-lot li.thumb div.cell div.mid div
{
    #position: relative; 
    #top: -50%; 
    text-align:center;
    width:60px;
}

#layout-1-content div.copy ul.related-lot li.thumb div.cell div.mid div img
{
    margin-left:auto !important;
    margin-right:auto !important;
}

#layout-1-content div.copy div.feature div.right-column
{
    width:360px;
}

#layout-1-content div.copy div.feature div.right-column div.right-callout p
{
    font-family:arial,helvetica,sans-serif;
    font-size:13px;
    padding-right:50px;
    margin-bottom:4px;
    padding-bottom:0px;
}

#layout-1-content div.copy div.feature div.right-column div.right-callout p a
{
    font-weight:bold;
}

#layout-1-content div.copy div.feature div.right-column div.feature-image
{
    width:340px;
    height:340px;
    text-align:center;
    background-color:#eee;
    padding:10px;
    overflow:hidden;  
}

/* NEW VERTICAL CENTERING SOLUTION */
#layout-1-content div.copy div.feature div.right-column div.cell
{
    display: table; 
    height: 340px; 
    width:340px; 
    padding:10px;
    background-color:#eee; 
    #position: relative; 
    overflow: hidden;
}

#layout-1-content div.copy div.feature div.right-column div.cell div.mid
{
    #position: absolute; 
    #top: 50%;display: 
    table-cell; 
    vertical-align: middle;
}

#layout-1-content div.copy div.feature div.right-column div.cell div.mid div
{
    #position: relative; 
    #top: -50%; 
    text-align:center;
    width:340px;
}

#layout-1-content div.copy div.feature div.right-column div.feature-image img
{
    margin-left:auto !important;
    margin-right:auto !important;
}

#layout-1-content div.copy div.feature div.right-column span.interview-caption
{
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    color:#999;
    display:block;
    margin: 10px 0 0 10px;
}

#layout-1-content div.copy div.feature div.right-column div.insight-caption,
#layout-1-content div.copy div.feature div.right-column div.focus-caption,
#layout-1-content div.copy div.feature div.right-column div.specialist-caption
{
    font-size:14px;
    font-family:georgia,"times new roman",serif;
    margin: 10px 0 0 10px;
}

#layout-1-content div.copy div.feature span.by-line
{
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    text-transform:uppercase;
    color:#999;
    display:block;
}


#layout-1-content div.copy div.related
{
    border:12px solid #ccc;
    border-bottom:none;
    border-top:none;
    padding:0 23px 20px 23px;
    background-color:#fff;
    width:892px;
    margin-top:0px;
}

#layout-1-content div.copy div.related p
{

    line-height:18px;
}


#layout-1-content div.copy div.browse-all
{
    background-color:#333;
    border-top:15px solid #ccc;
    padding:10px 15px 10px 14px;
    text-align:left;
    color:#eee;
    clear:both;
}

#layout-1-content div.copy div.browse-all a
{
    color:#E5C779;
}

#layout-1-content div.copy div.browse-all a:hover
{
    color:#FFF;
    text-decoration:none;
}

#layout-1-content div.copy div.browse-all img
{
    display:inline;
    margin-left:4px;
}


/* SPECIAL FEATURES INDEX PAGE */



div.index-title
{
    height:23px;
    width: 884px;
    background-color: #42454a;
    color: white;
    font-family: arial, sans-serif;
    text-transform: uppercase;
    line-height: 23px;
    padding: 0px 15px;
}

div.index-title a.category-link
{
    float:left;
    width:840px;
    color: #fff !important;
    font-family: arial, sans-serif;
    text-transform: uppercase;
    line-height: 23px;
}

div.index-title a.category-link:hover
{
    color:#fff !important;
    text-decoration:none;
}


div.index-title a.more-link
{
    float:left;
    color: #E5C779 !important;
    display: inline;
    text-transform: uppercase;
}

div.index-title a.more-link:hover
{
    color:#fff !important;
    text-decoration:none;
}

div.index-title img
{
    float:left;
    display: inline !important; 
    margin: 8px 0 0 4px; 
    padding: 0;
}

div.web-exclusives-title
{
    height:23px;
    width: 884px;
    background-color: #f4a701;
    color: #990000;
    font-family: arial, sans-serif;
    text-transform: uppercase;
    line-height: 23px;
    padding: 0px 15px;
}

div.web-exclusives-title a.category-link
{
    float:left;
    width:840px;
    color: #fff !important;
    font-family: arial, sans-serif;
    text-transform: uppercase;
    line-height: 23px;
}

div.web-exclusives-title a.category-link:hover
{
    color:#fff !important;
    text-decoration:none;
}


div.web-exclusives-title a.more-link
{
    float:left;
    color: #990000 !important;
    display: inline;
    text-transform: uppercase;
}

div.web-exclusives-title a.more-link:hover
{
    color:#fff !important;
    text-decoration:none;
}

div.web-exclusives-title img
{
    float:left;
    display: inline !important; 
    margin: 8px 0 0 4px; 
    padding: 0;
}



div#breadcrumb
{
    color: #ffffff; 
    text-transform: uppercase; 
    padding: 14px 0 0 12px;  
}

div#breadcrumb a
{
    color: #E5C779 !important; 
}

body.web-exclusives div#breadcrumb a
{
    color: #990000 !important; 
}

div#breadcrumb a:hover
{
    color: #fff !important; 
    text-decoration:none;
}



/* Week in Review styles */
#layout-1-content div.copy div.feature p.intro
{

    padding-bottom:10px;
}

#layout-1-content div.copy div.feature a.banner
{
    display:block;
    margin: 30px 0 10px 2px;
}


#layout-1-content div.copy div.feature ul.week-in-review-item
{
    position:relative;
    list-style:none;
    height:145px;
    margin:0 0 12px 0;
    padding:0px;
    overflow:hidden;
}

#layout-1-content div.copy div.feature ul.week-in-review-item li
{
    display:inline;
    float:left;
}

#layout-1-content div.copy div.feature ul.week-in-review-item li.image
{   
    width:140px;
    text-align:center;
    margin-right:25px;
}



#layout-1-content div.copy div.feature ul.week-in-review-item li.image div.index-image
{   
    width:140px;
    background-color:#eee;
    border:1px solid #999;
}

#layout-1-content div.copy div.feature ul.week-in-review-item li.image img
{   
    margin-left:auto;
    margin-right:auto;
    border:none;

}

/* NEW VERTICAL CENTERING SOLUTION */
#layout-1-content div.copy div.feature ul.week-in-review-item li.image div.cell
{
    display: table; 
    height: 137px; 
    width: 140px; 
    padding:0;
    background-color:#eee; 
    #position: relative; 
    overflow: hidden;
    text-align:center;
    border:1px solid #999;
}

#layout-1-content div.copy div.feature ul.week-in-review-item li.image div.cell div.mid
{
    #position: absolute; 
    #top: 50%;
    display: table-cell; 
    vertical-align: middle;
    text-align:center;
}

#layout-1-content div.copy div.feature ul.week-in-review-item li.image div.cell div.mid div
{
    #position: relative; 
    #top: -50%; 
    text-align:center;
    width:140px;
}

#layout-1-content div.copy div.archive-index ul.index-item li.image div.cell div.mid div img
{
    margin-left:auto !important;
    margin-right:auto !important;

}


#layout-1-content div.copy div.feature ul.week-in-review-item li.info
{
    width:700px;
}

#layout-1-content div.copy div.feature ul.week-in-review-item li.info img
{
    margin-bottom:6px;
}


#layout-1-content div.copy div.feature ul.week-in-review-item span.note
{
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    color:#999;
    display:block;
    margin:6px 0;
}

#layout-1-content div.copy div.feature ul.week-in-review-item span.note a
{
    font-size:11px;
    font-family:arial,helvetica,sans-serif;
    color:#999;
    display:inline;
    margin:6px 0;
}

#layout-1-content div.copy div.feature ul.week-in-review-item span.note a:hover
{
    text-decoration:none;
    color:#333;
}

#layout-1-content div.copy div.feature ul.week-in-review-item a
{
    font-size:16px;
    font-family:arial,helvetica,sans-serif;
    color:#990000;
    display:block;
}

#layout-1-content div.copy div.feature ul.week-in-review-item a:hover
{
    text-decoration:none;
    color:#333;
}

#layout-1-content div.copy div.feature ul.week-in-review-item span.description
{
    font-size:14px;
    line-height:18px;
    font-family:georgia,"times new roman",serif;
    color:#333;
    display:block;
    margin:3px 0;
}

.video-top
{
    width:890px; 
    padding-top:10px;
}

.video-player
{
    width:492px; 
    margin-right:20px; 
    display:inline; 
    float:left;
}

.video-description
{
    width:368px; 
    display:inline; 
    float:left; 
    font-size:14px; 
    font-family:georgia,times new roman,serif;
}

.video-bottom
{
    padding-top:20px; 
    font-size:14px; 
    font-family:georgia,times new roman,serif;
}



/* INDEX PAGINATION STYLES */

#layout-1-content div.copy #outer
{
    overflow:hidden;
    position:relative;
    width:962px;
}

#layout-1-content div.copy div.pagination
{
    background-color:#363636;
    color:#eee;
    padding-top:5px;
    padding-bottom:5px;  
    height:40px; 
    float:left;
    position:relative;
    left:50%;
    text-align:left;
}

#layout-1-content div.copy div.pagination ul
{
    list-style:none;
    font-family:arial,helvetica,sans-serif;
    height:25px;
    position:relative;
    left:-50%;
    float:left;
}

#layout-1-content div.copy div.pagination li
{
    float: left;
    position:relative;
    font-size:12px;
    line-height: 23px;
    margin:0 5px;
}

#layout-1-content div.copy div.pagination a 
{
    color: #E5C779;
    height: 25px;
    line-height: 23px;
    display: block;
    float: left;
    background-repeat: no-repeat;
    text-align:center;
    white-space:nowrap;
}

#layout-1-content div.copy div.pagination a:hover
{
    color: #FFF;
    background-position: 0 -50px;
    text-decoration:none;
}

#layout-1-content div.copy div.pagination ul li a.disabled,
#layout-1-content div.copy div.pagination ul li a.disabled:hover
{
    color: #666 !important;
    background-position: 0 -25px;
    cursor: default;
    text-decoration: none;
}

#layout-1-content div.copy div.pagination ul li a.bt-previous
{
    background-image: url(../images/bg_bt_previous.gif);
    width: 33px;
    padding-left:17px;
    text-align:left;
}

#layout-1-content div.copy div.pagination ul li a.bt-next
{
    background-image: url(../images/bg_bt_next.gif);
    padding-left: 8px;
    width: 42px;
    text-align:left;
}


/*LANGUAGE TOGGLE */
#layout-1-content div.copy div.feature div#spLanguages
{
    float:right;
    font-size:11px;
}