/***************************************************************
NEW HOMEPAGE STYLES 
***************************************************************/
/* This is the home container, container padding style, and a fixer that clears any floats at the bottom. */
#homepageContainer {width:760px;background:#fff url(../images/nav/page_background.jpg) top center repeat-x; padding-top:20px;}
#wideLayout #homepageContainer {width: 985px;}
#homepageContainer div.pad {padding:10px 10px 0px 10px;}
#homeFixer {clear:both;width:740px;height:30px;overflow:hidden;background:transparent;}

.salpContainer {background: url(../images/salp_promo.jpg); width:985px; height:300px;}
.salpContainer p {width:420px; position:relative; left:475px; top:115px; margin:0px; font-weight:bold; font-size:1.2em;}
.salpContainer button {position:relative; left:475px; top:130px;}

/* These styles handle the flash content and assoicated backup. */
#tout {width:985px;height:30px; text-align:center;}
#tout img {display:block;}
#marquee {width:983px;height:300px;position: relative;}
#marqueeFlash {width:983px;height:300px;}
#hpmarquee {width:983px;height:300px;z-index:2;}
#deviceWidget {float:right;overflow:hidden; width:321px;}
#deviceWidget .contentContainerNoHead {height:176px; padding-left:0}
#deviceWidget h2{color:#ff0000;font-size:20px;weight: normal}
#deviceWidget sup {font-weight:normal; font-size:0.5em;}
#deviceWidget img {float:left;margin-left:20px;}
#deviceWidget div.deviceInfo {float:left; width:100px}
#deviceWidget div.deviceInfoHorizontal {float:left; width:190px; padding:5px 0 5px 5px;}
#deviceWidget ul {font:normal .9em arial,sans-serif; margin:5px 0;padding-left:20px;list-style-position:outside;width:100%}
#deviceWidget p {font-size:0.9em;padding-left:10px;margin:0}


/* These styles handle the login box. */
/* homepage layout */
#login_form_container {position:absolute;top:20px;right:10px;width:301px;}
div.login {padding: 10px 10px 0;}
div.login select {width:280px;}
div.login p {float:left;font-size:11px;padding-top:5px;margin:0}
div.login a {font-size:11px;}
div.login a.border_mid {border-right:1px solid #ccc;border-left:1px solid #ccc;padding:0 5px;margin:0 5px;}
div.login label {float:left;font-size:11px;font-weight:bold;padding-top:5px;}
div.login input {width:185px;float:right;}
div.login button {margin-top:5px;float:left;}
div.login div.login_fetch {float:left;margin-left:10px;padding-top: 10px;}

#login_form_container.hidden {position:absolute;left:-10000em;}
#login_form_container.visible {position:static;left:0;}


.fixer_10 {clear:both;overflow:hidden;width:auto;height:10px;}
.fixer_20 {clear:both;overflow:hidden;width:auto;height:20px;}

.quickLinks {width:653px;  margin-left:20px;}


div.index_cc {float:right;width:180px;border-left:1px ;padding-bottom:0;height:170px}
div.index_cc h3 {padding-left:11px;}
div.index_cc ul, div.index_cc ul.taller {list-style: none; margin-left:15px; }
div.index_cc ul li {
	clear:both;
	margin: 0 0 2px 0;
	padding: 0 0 2px 15px;
	line-height:14px;
	list-style: none;
	background: transparent url(../images/left_link.gif) left 4px no-repeat;
	text-align: left;
}


div.index_cc ul li.noBullet {background: none; font-weight:bold; padding-left:0;}
div.index_cc ul.taller li {margin: 0 0 4px 0; padding: 0 0 2px 15px;line-height:17px;background-position: left 5px;}

div.index_cc ul.hp_png {list-style: none;list-style-image: none; padding: 0;margin-left:10px;}
div.index_cc ul.hp_png li {padding:0;line-height:17px;background: none;}
ul.hp_png li a {display:block;padding:0 0 0 25px;color:#0066CC;}
ul.hp_png li a.sendMsg {background:transparent url(../images/homepage/email_icon.png) no-repeat;}
ul.hp_png li a.rt {background:transparent url(../images/homepage/rt_icon.png) no-repeat;}
ul.hp_png li a.music {background:transparent url(../images/homepage/music_icon.png) no-repeat;}
ul.hp_png li a.games {background:transparent url(../images/homepage/games_icon.png) no-repeat;}
ul.hp_png li a.wallpaper {background:transparent url(../images/homepage/wallp_icon.png) no-repeat;}
ul.hp_png li a.web {background:transparent url(../images/homepage/web_icon.png) no-repeat;}
ul.hp_png li a.tools {background:transparent url(../images/homepage/tools_icon.png) no-repeat;}

#weeklyAdContainer {padding-top:15px;) no-repeat; height: 54px;width:897px; margin-left:54px;}
#weeklyAdContainer p {position:relative; bottom:2px; left:120px;float:left;}
#emailContainer {padding-top:15px;background:transparent url(../images/homepage/email_updates.png) no-repeat; height:54px; width: 653px;}
#emailContainer h3 {float:left; padding-right:10px; padding-left: 20px;margin-top:10px; }
#emailContainer span.pipe {float:right;padding-right:10px;margin-top:10px;}
#emailContainer p {float:left;padding-right:10px;margin-top:10px;}
#emailContainer form {float:left;margin:0; padding:0;margin-top:5px;}
#emailContainer div.clear {width:100%;}

#profile{
	top:510px;
	position:absolute;
	margin-left:38px;
	width:584px;
	height:210px;
    background-image:url(../images/centercontent.gif);

}
#more{
	top:680px;
	position:absolute;
	margin-left:180px;

}
#more2{
	top:680px;
	position:absolute;
	margin-left:358px;

}

#more3{
	top:680px;
	position:absolute;
	margin-left:564px;

}
#profile_content{
	top:560px;
	position:absolute;
	margin-left:50px;
font-family:arial;
font-size:12px;
color:#969595;

}
#profile_content2{
	top:560px;
	position:absolute;
	margin-left:238px;
font-family:arial;
font-size:12px;
color:#969595;

}
#anim{
	top:514px;
	position:absolute;
	margin-left:622px;
	height:205px;
	width:319px;
     background-image:url(../images/bg.png);

}
#visa{
	top:720px;
	position:absolute;
	margin-left:39px;
	height:48px;
	width:904px;
    background-image:url(../images/visa.png);

}
#friend{
	top:15px;
	position:absolute;
	margin-left:120px;

}
#red{
	top:780px;
	position:absolute;
	margin-left:48px;
	width:889px;
	color:#CBCED0;

}
#profile_content3{
	top:560px;
	position:absolute;
	margin-left:418px;
    font-family:arial;
    font-size:12px;
    color:#969595;

}

div.lc_530 {float:left;width:653px;}
div.lc_530 div.left {float:left;margin-right:30px;padding-right:0;padding-left:10px;}
div.lc_530 div.right {float:left;width:390px;padding-right:15px;}
div.v_divide {float:left;margin:0 15px 0 5px;}
div.rc_190 {float:left;width:300px;}
div.rc_190 div.left {float:left;margin-right:30px;padding-right:0;padding-left:20px;}
div.rc_190 div.right {float:left;width:140px;padding-right:0;}
div.rc_190 div.right p {padding:0;margin:0 0 20px 0;}
div.lc_530 h2, div.rc_190 h2 {padding:0;margin:0;font:bold 16px/16px arial,sans-serif;}

div.lc_473Lt {float:left;width:473px;}
div.lc_473Lt div.left {float:left;margin-right:10px;padding-right:0;padding-left:0;}
div.lc_473Lt div.right {float:left;width:215px;padding-right:10px;}
div.lc_473Lt h2 {padding:0;margin:0;font:bold 16px/16px arial,sans-serif;}
div.lc_473Lt p {margin:0; line-height: 17px;margin-bottom:10px;}

div.lc_473Rt {float:left;width:473px;}
div.lc_473Rt div.left {float:left;margin-right:20px;padding-right:0;padding-left:10px;}
div.lc_473Rt div.right {float:left;width:260px;padding-right:15px;}
div.lc_473Rt h2 {padding:0;margin:0;font:bold 16px/16px arial,sans-serif;}
div.lc_473Rt p {margin:0; line-height: 17px;margin-bottom:10px;}

div.v_divide {float:left;margin:0 13px 0 5px;}


/* emphasized links */
a.emphasized_link {background:url(../images/homepage/left_link.gif) transparent no-repeat left;padding-left:10px;font-weight:bold;}
a.emphasized_link_sm {background:url(../images/homepage/left_link_sm.gif) transparent no-repeat left;padding-left:10px;font-weight:bold;font-size:11px;}
