
/*************************************************
* section 1
*************************************************/

#section_1 { width: 766px; height: 202px; background: url(../img/com/section_1_bg.gif) no-repeat; padding-top: 12px;}
    
#main_feature { margin: 0 0px 0 0px; }
        
#main_feature_pic { margin: 0; padding: 0;}
        
#main_feature_bar { width: 418px; height: 39px; margin: 0; padding: 0; position: relative; background: url(../img/com/main_feature_name_bg.gif) no-repeat;}

#main_feature_link a, #main_feature_link a:hover {
    display: block;
    width: 121px;
    height: 26px;
    background: url(../img/com/go_to_featured_artist.gif) no-repeat;
    margin: 7px 0 0 13px;
}
#main_feature_link a:hover {
    background-position: 0 -26px;
}

#main_feature_name { position: absolute; top: 0; left: 0; width: 278px; height: 39px;}

#main_feature_name h3 {padding: 13px 0 0 8px; color: #555; font-size: 14px;}
            
#main_feature_link { position: absolute; top: 0; left: 278px;}

#section_1_right { width: 346px; height: 190px; position: absolute; top: 176px; left: 424px; background: transparent url(../img/com/section_1_right_bg23.gif) no-repeat; color: #fff; font-size: 10px; }

.small_feature_name { color: #444; }


/*************************************************
* section 2
*************************************************/

#section_2 { width: 766px; height: 205px; background: transparent url(../img/com/section_2_bg.gif) no-repeat; padding-top: 5px; position: relative;}

#section_2_home { width: 766px; height: 175px; background: transparent url(../img/com/section_2_home_bg.gif) no-repeat; padding-top: 5px; position: relative;}

#category { width: 766px; height: 405px; background: transparent url(../img/com/category_bg.gif) no-repeat; padding-top: 5px; position: relative;}

#product_top { width: 766px; height: 45px; background: transparent url(../img/com/product_top.gif) no-repeat; padding-top: 0px; position: relative;}
#product_mid { width: 766px; height: 100%; background: transparent url(../img/com/product_mid.gif); padding-top: 0px; position: relative;}
#product_bot { width: 766px; height: 24px; background: transparent url(../img/com/product_bot.gif) no-repeat; padding-top: 0px; position: relative;}

    #quick_search { margin: 0 5px 0 3px;}

        #quick_search h3 { width: 256px; height: 40px; background: transparent url(../img/com/title_quick_search.gif) no-repeat;}

        #quick_search_inner { position: relative; width: 223px; height: 136px; background: transparent url(../img/com/section_2_search_bg.gif) no-repeat; margin: 6px 6px 0 6px; padding: 12px 12px 0 12px;}

        #quick_search_inner input#homepage_search {
            position: absolute;
            display: inline;
            top: 21px;
            left: 21px;
            width: 202px;
            height: 29px;
            margin: 0;
            padding: 4px 15px 0 6px;
            background: none;
            border: 0;
            color: #333;
            font: bold 15px arial, verdana, sans-serif;
        }

        div#quick_search_on, div#quick_search_off {
            width: 220px;
            height: 46px;
            background: transparent url(../img/com/quick_search.gif) no-repeat;
        }
        div#quick_search_off {
            background-position: 0 -46px;
            display: none;
        }

        #quick_search_inner input#homepage_search_go {
            width: 66px;
            height: 29px;
            border: 0;
            margin: 10px 0 0 6px;
        }

        #quick_search_inner ul { margin: 15px 0 0 0; padding: 0; font-size: 11px; }

        #quick_search_inner ul li { padding: 0; margin: 0; display: block; }

        #quick_search_inner ul li a { color: #fff; text-decoration: none; display: block; width: 204px; height: 13px; background: transparent url(../img/global/icon_arrow_orange.gif) 0 3px no-repeat; padding: 3px 3px 3px 12px; margin-right: 2px; }
        #quick_search_inner ul li a:hover { background: #333 url(../img/global/icon_arrow_orange.gif) 0 3px no-repeat; }

        #quick_search_inner ul li a#more_options { background: none; font-family: tahoma; font-size: 9px; color: #b3b3b3; text-decoration: underline; padding-left: 3px; }
        #quick_search_inner ul li a#more_options:hover { background: none; color: #fff; }

    #small_features { width: 504px; height: 204px; position: absolute; top: 5px; left: 259px; margin: 0 3px 0 0;}

        #small_features h3 { width: 504px; height: 40px; background: url(../img/com/title_featured_artists.gif) no-repeat;}

        #small_feature_content { width: 504px; height: 163px; position: relative; }

        #small_feature_l { width: 239px; height: 148px; position: absolute; top: 0; left: 0; padding: 6px 6px 5px 7px;}

        #small_feature_r { width: 239px; height: 148px; position: absolute; top: 0; left: 252px; padding: 6px 6px 5px 7px;}
		
		#small_product_r { width: 239px; height: 148px; position: absolute; top: 0; left: 252px; padding: 6px 6px 5px 7px;}
    
        .small_feature_pic { margin: 1; padding: 0;}
        
        .small_feature_bar { 
            width: 239px;
            height: 39px;
            margin: 0;
            padding: 0;
            position: relative;
            background: url(../img/com/small_feature_name_bg.gif) no-repeat;
        }

        .small_feature_link a, .small_feature_link a:hover {
            display: block;
            width: 37px;
            height: 26px;
            background: url(../img/com/button_go.gif) no-repeat;
            margin: 8px 0 0 11px;
        }
        .small_feature_link a:hover {
            background-position: 0 -26px;
        }
        
        .small_feature_name { position: absolute; top: 0; left: 0; width: 190px; height: 39px;}

        .small_feature_name h4 { padding: 15px 0 0 9px; color: #555; font-size: 10px;}
            
        .small_feature_link { position: absolute; top: 0; left: 185px;}

        .a_p_instores { position: absolute; top: 0; left: 0; width: 119px; height: 39px;}
        .a_p_instores h4 { padding: 15px 0 0 9px; color: #555; font-size: 10px;}
        .a_p_link { position: absolute; top: 0; left: 114px;}
        .a_p_link a { display: block; width: 116px; height: 23px; background: url(../../img.purevolume.com_layout/button_preview_album.gif) no-repeat; margin: 10px 0 0 7px;}    


/*************************************************
* section 3
*************************************************/

#section_3 { width: 766px; background: #a0a0a0; padding: 1px 0 1px 0; }

    #section_3_inner { background: url(../img/com/section_3_bg.gif) no-repeat bottom center; padding-bottom: 30px;}

        #section_3_left { width: 259px; float: left; }

            #section_3_left h3 { width: 259px; height: 46px; background: url(../img/com/title_pure_extras.gif) right no-repeat; }

                .pure_extras_lists { margin-left: 3px; padding: 6px 8px 5px 9px; font-size: 10px; }

                .pure_extras_lists ul {width: 231px; margin-left: 4px; margin-bottom: 12px; }

                .pure_extras_lists ul li {display: block; padding: 3px 0px 3px 13px; background: transparent url(../img/global/icon_arrow_orange.gif) 2px 2px no-repeat; }

                .pure_extras_lists ul li a {text-decoration: none; color: #333; }
                .pure_extras_lists ul li a:visited {text-decoration: none; color: #333; }
                .pure_extras_lists ul li a:hover {text-decoration: underline;}

                .pure_extras_lists ul li span {color: #ff0000;}

                #pure_extras h4 { width: 239px; height: 34px;}

                #pure_extras h4#ecards {background: url(../img/com/pe_ecards_and_videos.gif) no-repeat;}
                #pure_extras h4#exclusive_tracks {background: url(../img/com/pe_exclusive_track.gif) no-repeat;}
                #pure_extras h4#contests {background: url(../img/com/pe_contests.gif) no-repeat;}
                #pure_extras h4#featured_tours {background: url(../img/com/pe_tours_and_shows.gif) no-repeat;}   
                
                #contests_ecards
        	    {
        	        background: url(../images/homepage/contest_ecard_bg.gif) top left no-repeat;
        	        width: 231px;
                    padding-top:2px;
                    margin-left:16px;
                    margin-top:20px;
        	    }   
        	    #contests_ecards div
        	    {
                    padding-bottom:3px;
                    background: url(../images/homepage/contest_ecard_bottom.gif) bottom left no-repeat;            	        
        	    }
        	    

								div.pe_big_link {
                	height: 70px;
                	color: #fff;
                	margin: 12px 0 0 0;
                }

								a.pe_big_link {
									display: block;
									width: 231px;
									height: 70px;
								}

								div.pe_big_link a#exclusives { background: url(../img/com/title_exclusives.gif) no-repeat; }
								div.pe_big_link a#videos { background: url(../img/com/title_videos.gif) no-repeat; }
								div.pe_big_link a#new_albums { background: url(../img/com/title_new_albums.gif) no-repeat; }
								div.pe_big_link a#tours_shows { background: url(../img/com/title_tours_and_shows.gif) no-repeat; }
											
        #section_3_center { width: 252px; float: left; }

            #section_3_center h3 { width: 252px; height: 46px; background: url(../img/com/title_pure_promos.gif) no-repeat; }

        #section_3_right { width: 255px; float: left; }

            #section_3_right h3 { width: 255px; height: 46px; background: url(../img/com/title_pure_picks.gif) no-repeat; }

                #pure_picks { margin-right: 3px; }

                .promo_pick, .promo_pick:hover {
                    height: 46px;
                    padding: 9px 14px 9px 14px;
                    background: url(../img/com/promo_pick_bg.gif) no-repeat bottom left;
                }
                .promo_pick:hover {
                    background: #fff;
                    height: 45px;
                    width: 224px;
                    padding-left: 13px;
                    border: 1px solid #c7c7c7;
                    border-right: 0; border-top: 0;
                    voice-family: "\"}\""; 
                    voice-family: inherit;
                    width: 223px;
                 }                
                #pure_promos, #pure_picks { margin-top: 3px; }

                #pure_promos a, #pure_picks a {
                    font-family: Arial;
                    font-size: 11px;
                    text-decoration: none;
                    margin-top: 9px;
                    voice-family: "\"}\""; 
                    voice-family: inherit;
                    margin-top: 0;
                }

                #pure_picks a {color: #333;}

                #pure_promos a:hover, #pure_picks a:hover {text-decoration: underline;}

                .how_can {
                    width: 144px;
                    height: 26px;
                    margin: 15px 0 0 14px;
                }
                .how_can a, .how_can a:hover { 
                    display: block;
                    width: 144px;
                    height: 26px;
                    background: url(../img/com/how_can_my_band.gif) no-repeat;
                }
                .how_can a:hover {
                    background-position: 0 -26px;
                }

                .promo_pick img.ppthumb {float: left; margin-right: 12px; border: 2px solid #ccc; }

                .promo_pick_name {margin-top: 10px;}

                .pp_small {color: #8B8B8B; font-family: Arial; font-size: 9px;}

                #pure_extras p#ad_block {text-align: center; margin-top: 0; padding-top: 0;}

/*************************************************
* section 4
*************************************************/

#section_4 { 
    width: 766px;
    height: 331px;
    background: transparent url(../img/com/section_4_whole_bg.gif) no-repeat; padding-top: 5px; position: relative;}
}

#section_4_left {
    width: 766px;
    position: absolute;
    top: 0;
    left: 0;
}

#section_4_left h3 {
    width: 259px;
    height: 46px;
    background: transparent url(../img/com/test_bg.gif) no-repeat;
}

#todays_top {
    margin: 11px 0 0 17px;
    background: transparent url(../img/com/top_ten_bg.gif) no-repeat;
}

#todays_top ul {
    padding: 0; margin: 0;
    font-size: 11px;
    width: 227px;
    height: 202px;
}
    #todays_top ul li {
        display: block;
        height: 20px;
        margin: 0;
        padding: 0 0 0 20px;
        background: none;
    }
    #todays_top ul li a {
        line-height: 100%;
        padding: 0;
        margin: 0;
        color: #333;
        text-decoration: none;
    }
    #todays_top ul li a:hover {
        color: #f00;
        text-decoration: underline;
    }
    #todays_top ul li a strong {
        padding: 0; margin: 0;
    }
        
#section_4_center { width: 252px; position: absolute; top: 0; left: 259px;}

#section_4_center h3 { width: 252px; height: 46px; background: transparent url(../img/com/feat_deal.gif) no-repeat; }

#whats_hot { width: 242px; height: 214px; padding: 13px 0 0 11px; margin-left: 1px; background: url(../img/com/section_4_ad_bg.gif) no-repeat; }

#section_4_right { width: 255px; position: absolute; top: 0; left: 511px;}

#section_4_right h3 { width: 255px; height: 46px; background: transparent url(../img/com/feat_item_bg.gif) no-repeat; }

#check_it_out { width: 236px; height: 213px; padding: 13px 3px 0 11px; margin-left: 1px; background: transparent url(../img/com/section_4_ad_bg.jpg) no-repeat; }

#bottom_info { 
    width: 766px;
    height: 331px;
    background: transparent url(../img/com/bottom_info_bg.gif) no-repeat; padding-top: 5px; position: relative;}
}
