/* Style Imports */
@import url(/css/sub.css);  
  
/* Main Content 
----------------------------------------------------*/
#main_content { padding: 0 0 0 3px; } 
#main_content h2#art_title { margin-bottom: 3px; } 
#f_container  { margin-left: -12px; } /* Adjusts the Flash container to position correctly w/in main_container */
#howToVideoPlayer {margin-top:1px;}
/* Body Text and Titling
----------------------------------------------------*/
.text_container { margin: 0 0 15px 9px; padding: 0; float: none; } 
.text_container p { width: 375px; }

/* Art Container
----------------------------------------------------*/
#art_container { 
    margin: 58px 0 15px 6px; 
    padding: 0; 
    float: left; 
    width: 450px;
}
h3.art_subtitle { margin: 0 0 30px 0; }

/* Artists Container
----------------------------------------------------*/
#artists_block {
    position: relative;
    width: 458px;
}

#artist_portrait {}

#artists_block img { float: left;}

#artists_block a.artist_hover img {
    position: absolute;
    top: 99px;
    left: 580px;
    z-index: 50;
    float: none;
} 

#artist_desc { 
    padding-top: 25px;
    padding-left: 10px;
     /** color:#666666; 888CHANGE **/
}

#artist_desc p { 
    margin-bottom: 25px;
}

.macpro .rel_content {
    background: #ffffff; 
    float: left;
    width: 444px;
    border-left:1px solid #DEDEDE;
    border-right:1px solid #DEDEDE;
    margin-top: 1px;
    /** color:#666666; 888CHANGE **/
}

.macpro .cross_sell_container { background: #FFFFFF; }
.macpro .cross_sell_btm { background: #eeeeee url(/makeup_artistry/images/related/bkg_border_bottom.gif) 0 0 no-repeat; } 
.macpro .bkg_rel_top { 
    background: url(/makeup_artistry/images/related/bkg_title_top.gif) 0 0 no-repeat;
    width: 446px;
    height: 21px;
}


.bkg_rel_top a.rel_head   { border-bottom: 1px solid #DEDEDE; }
.macpro div.rel_head {border-bottom:1px solid #DEDEDE;padding: 5px 10px 5px 9px;}



.dj_ie7 div.rel_head {padding: 4px 10px 2px 9px;}

.dj_ie6 .rel_container { margin: 0 0 30px 2px; }
.dj_ie6 div.rel_head {padding: 4px 10px 3px 9px;}  
.dj_ie6 a.rel_head span { padding: 0; margin: -15px 0 0 215px; }
.dj_ie6 .rel_content { float: none; margin-top: 0px;}
.dj_ie6 .rel_video { height: 346px; width: 448px; }


#artist_faves {
    padding-left: 8px; 
    padding-top: 9px;
    padding-bottom: 2px;
}

#artist_tips {
    padding: 6px 8px; 
    margin: 0;
    width:auto;
}

#artist_faves_no_tips {
    padding-bottom:8px;
    position:relative;
    left:-8px;
    top:-15px
}

/** artist's page **/ 
    .artist_details_container H1 {padding-left:10px}
    .artist_details_container .rel_container { margin: 0; width: 448px; }
    
    .artist_details_container .cross_sell_container {  
        margin: 0 0 0 10px;
    }
    
    .artist_details_container .bkg_prod_video {
        background: #FFFFFF url(/images/related/bkg_prod_video.gif) 2 0 no-repeat;
        width: 446px;
    }
    .artist_details_container .rel_prod {
        border-bottom: 1px solid #dedede;
    }
    .artist_details_container #video_tips { 
        background: #ffffff;
        /**height: 50px; 88px in artistry in action**/
        border-bottom:1px solid #E2E2E2;
        border-left:1px solid #E2E2E2;
        border-right:1px solid #E2E2E2;
    }  
    .artist_details_container #video_tips #tip_title {color:#111;}
    .artist_details_container .popups {
        padding: 10px 0 0 97px; 
    }    
    .artist_details_container .popups p {width: auto;}     
    .artist_details_container #noflash { background-color:#1E1E1E; padding-left:12px; padding-top:4px; }

    .btn_twitter_overlap { margin: -15px 0 15px 19px; }
    .btn_twitter { margin: 5px 0 15px 19px; }
 

/** artistry in action **/
.artistry_video { margin: -15px 0px 0px -1px; width: 448px; }
 

.artistry_video .rel_content { 
    background: #181818;
    width: 446px;
    border: none; 
}
.artistry_video .rel_prod {
    border-left: 1px solid #2a2a2a;
    border-right: 1px solid #2a2a2a;
}
.artistry_video .cross_sell_container {width: 446px; /** padding: 0 0 0 1px; **/ background-color: #282828;}

.artistry_video .bkg_rel_top { width: 446px; height: 16px; }
.artistry_video .bkg_prod_video {
    background: #181818 url(/images/related/bkg_prod_video.gif) 2 0 no-repeat;
    width: 446px;
    /*
    border-left: 1px solid #313131;
    border-right: 1px solid #313131;
    */
    }
.dj_ie .artistry_video #video_tips { padding: 0 8px; }  
        
/* Temporarily dims thumbnail for demonstration purposes */
.artistry_video .panelnav_thumb { background-color: #2d2d2d;}


.ddswatch_hex_container {display:none;}
.show {display:block;}