/****************************************************
STYLE SHEET FOR HOME PAGE COPYRIGHT MUSICNOTES, INC.
****************************************************/

/* From Old include/css/home.css */
.headerfont {font:11px Verdana,Arial,Helvetica;color:#333;}
#returnbox {position:relative;width:514px;height:203px;background-color:#002255;}
#suggestion {position:absolute;top:40px;left:130px;width:330px;height:130px;overflow:hidden;font:11px Verdana,Arial,Helvetica;color:#FFFFFF;}
#suggestion A {color:#BBED54;font-weight:bold;text-decoration:none;}
#suggestion A:hover {text-decoration:underline;}
#suggestion_img {position:absolute;left:20px;top:40px;width:100px;height:150px;}
#moresuggestions A {position:absolute;right:0px;bottom:3px;width:180px;height:30px;cursor:hand;}
#toppromo {display:block;width:258px;height:100px;}
#toppromo1 img { margin-top: -2px; }
#toppromo2 img { margin-top: 1px; }
#newsletter {position:absolute;	bottom:10px;right:5px;}
.subscribe {font:11px tahoma;color:#ff6666;font-weight:bold;font-variant:small-caps;}
#centerheader {border-top:0px;border-right:1px solid white;border-bottom-width:0px;border-left:1px solid white;}
#centercontent {border-top:0px;border-right:1px solid #cccccc;border-bottom-width:0px;border-left:1px solid #cccccc;}
.new-stuff .mpg-title, .new-stuff .mpg-artist, .new-stuff .mpg-scoring, .top-downloads .mpg-title, .top-downloads .mpg-artist, .top-downloads .mpg-scoring,.reco-picks .mpg-title, .reco-picks .mpg-artist, .reco-picks .mpg-scoring, .reco-picks .mpg-title, .reco-picks .mpg-artist, .reco-picks .mpg-scoring {font-family:Arial!important;}
.song img {box-sizing:content-box;}
#comment {height:169px;width:518px;padding-bottom: 10px;margin: 0 10px;border-bottom: 1px solid #EEE;}
#comment_text {padding-top:50px;margin-left:20px;width:485px;}
.song {width:257px;height:55px;position:relative;background-image:none; overflow: hidden;}
.song P {margin-left:42px;margin-top:5px;color:#000000;}
.song img {margin-left:5px;margin-top:10px;}
.song A {display:table-cell;width:257px;height:55px;text-decoration:none;cursor:hand;}
.song A:hover { width:257px;height:55px;background-color:#e9e9e9;cursor:hand;}

.latestblog { font: normal 14px Arial, Sans-serf; color: #2A5B81; padding: 20px 70px; background-color: #E3E9EE; margin: 10px 0 15px 0; }
	.latestblog span { font-weight: normal; text-transform: uppercase; }
	.latestblog h4 { margin: 20px 0 10px 0; padding: 0px; }
	.latestblog h4 a { font: normal 20px Arial, Sans-serf; font-style: italic; color: #002A42; text-decoration: none;}
		.latestblog h4 a:hover { color: #2A5B81; }
	.latestblog a.more { font-size: 12px; display: block; width: 100%; text-align: right; color: #2A5B81; text-transform: uppercase;}
/* End Old home.css */



#newcustbox_ek, #returnbox_ek, #returnbox-pref_ek, #idolbox_ek { position:relative; width:515px; height:202px; background: #FFF url(/images/home/welcome_new_bg.jpg) top left no-repeat; color: #1B242A; font-family: Arial, Sans-Serif; margin:0px; padding: 0px; margin-top: 1px; }

#newcustbox_ek div.intro { padding: 45px 20px 0 20px;}
#newcustbox_ek div.intro h1 { font-size: 20px; text-shadow: #FFF 1px 1px 1px; text-transform: uppercase; margin:0px; padding: 0px; padding-bottom: 3px; text-align: left; font-weight: bold; }
#newcustbox_ek div.intro p { font-size: 16px; font-family: Arial; margin: 0px; padding: 0px; font-weight: bold; text-align:left; font-weight: normal; line-height: 130%;}
#newcustbox_ek div.intro p span { font-weight: bold; text-shadow: #EEE 1px 1px 1px; }

#newcustbox_ek div.search { position: absolute; bottom: 5px; left: 25px; color: #1B242A; }
#newcustbox_ek div.search h2 { color: #FFF; font-size: 15px; font-family: Arial; letter-spacing: -1px; font-weight: normal;  margin: 0px; padding: 0px; text-transform: uppercase; padding-bottom: 3px; }
#newcustbox_ek div.search p { font-size: 12px; margin: 0px; padding: 0px; display:none; }
#newcustbox_ek div.search p em { font-size: 11px; color: #666; }


#newcustbox_ek input.newsearch { font-size:12px; font-family:Arial; color:#666; width:170px; height: 21px; }
#newcustbox_ek input.submit { margin-top: -9px; margin-right: 4px; }
*html #newcustbox_ek input.submit { margin-top:-3px;width:60px;height:21px; margin-left: -5px; }

#newcustbox_ek form.newcustsearch { width:250px; }
*html #newcustbox_ek form.newcustsearch { margin-bottom: 8px; }


#returnbox-pref_ek { font-family: Tahoma, sans-serif; }
    #returnbox-pref_ek .fillout { color: #FFF; font-size: 12px; position: absolute; top: 25px; right: 10px; }
    #returnbox-pref_ek .fillout a { color: #FFF; }
    #returnbox-pref_ek .fillout a:hover { text-decoration: none; }
    #returnbox-pref_ek .tostart { color: #557E02; font-size: 12px; position: absolute; bottom: 27px; right: 14px; }
    #returnbox-pref_ek .tostart a { color: #557E02; }
    #returnbox-pref_ek .tostart a:hover { text-decoration: none; }

#returnbox_ek { background-image: url(/images/home/welcome_sug.jpg); font-family: "Trebuchet MS", Arial, Sans-Serif; }
    #returnbox_ek .wehave { font-size: 14px; color: #666; position: absolute; top: 74px; left: 54px; font-weight: bold; }
    #returnbox_ek .icon { position: absolute; top: 100px; left: 27px; }
    #returnbox_ek .aboutprod { position: absolute; top: 98px; left: 55px; color: #000; }
    #returnbox_ek span { display: block; }
    #returnbox_ek .title { font-size: 21px; font-weight: bold; }
        #returnbox_ek .title a { color: #000; text-decoration: none; }
        #returnbox_ek .title a:hover { color: #888; }
    #returnbox_ek .artist { font-size: 14px; }
    #returnbox_ek .scoring { font-size: 11px; color: #2FB1FF; }
    #returnbox_ek .bottom { position: absolute; bottom: 9px; left: 10px; color: #FFF; font-family: "Microsoft Sans Serif", Sans-Serif; font-size: 11px; font-weight: bold; }
    #returnbox_ek .bottom a { color: #2FB1FF; font-weight: normal; }
    #returnbox_ek .bottom a:hover { text-decoration: none; }

/* Top 5 w/out Images */
.song .anum {display:block; float:left; width:32px; font-size:24px; padding: 10px 0 0 10px; }
.song a, .song a:visited {color: #002A42; }


/* For Recent Blog Posts */
#recentblog { padding: 5px 10px 0 5px; }
#recentblog div { margin: 5px 0 15px 0; color: #333; font-size: 10px; padding-left: 22px; }
#recentblog div a.titlefield { font-size: 11px; color: #000; font-weight: bold; text-decoration:none; }
#recentblog div a.titlefield:hover { text-decoration:none; color: #666; }

/* Customer Quotes */
.hometitle { height: 28px; width: 774px; background: url(../images/front/title_bg.png) top left repeat-x; margin: 10px 0px; }
.aquote { font: normal 12px Arial, Sans-serif; line-height: 18px; color: #333; padding: 5px 20px 20px 65px; background: url(../images/front/quote.png) 5px 0px no-repeat; }
.aquote span { font-weight: bold; display: block; text-align: right; margin: 5px 15px 0px 0px;  }
.morequotes { font: normal 12px Arial, Sans-serif; margin: 5px 0 20px 20px; }

.safesecure { height: 75px; width: 774px; border-top: 1px solid #000; margin: 25px 0 0px 0;}
.safe { width: 142px; height: 75px; margin: 0 10px 0 0; float: left; }
.vsign { width: 100px; height: 72px; margin: 0px 30px 0 15px; float: left; }
.mcafee { width: 94px; height: 54px; margin: 12px 30px 0 0; float: left; }
.bbb { width: 106px; height: 44px; margin: 15px 30px 0 0; float: left; }
.ccards { width: 175px; height: 40px; margin: 17px 0 0 0; float: left; }