/*
Description: Legally Blonde - Elle's Lounge Screen CSS (screen only - adding imagery and effects for screen browsers)
Creator: Matthew Healy
Revision History: 
	2007-08-16 :: Revision 1.0
	2007-08-24 :: Revision 1.1 - Jade Rauenzahn
*/

/* Backgrounds */
input { background: url(../img/bg_dots.gif) bottom left repeat-x; border: none; }
.header { background: url(../img/topnav_new.jpg) no-repeat; position:relative; left:-60px; }
.home .headerArt { background: url('../img/global_headerArt.jpg') no-repeat; width: 792px; height: 366px; }
.phone .ringtones ul li,
.homeBox .ringtones li { background: url(../img/icon_ringtone.jpg) 5px 10px no-repeat #feeff8; padding: 10px 10px 12px 50px; }
.phone .ringtones ul .even,
.homeBox .ringtones .even { background: url(../img/icon_ringtone.jpg) 5px 10px no-repeat #fff; padding: 10px 10px 12px 50px; }
.featured .rss { background: url(../img/global_rssIcon.gif) 8px 8px no-repeat; padding-left: 40px; }

/* Nav */
.nav li { display: block; float: left; margin: 0 3px; }
.nav li a { display: block; height: 29px; }
.nav li a span { visibility: hidden; }

.nav .home a:link,
.nav .home a:visited { background: url('../img/nav_home.gif') no-repeat top; width: 65px; }
.nav .home a:hover { background-position: bottom; text-decoration: none; }

.nav .community a:link,
.nav .community a:visited { background: url('../img/nav_community.gif') no-repeat top; width: 151px; }
.nav .community a:hover { background-position: bottom; text-decoration: none; }

.nav .vipAccess a:link,
.nav .vipAccess a:visited { background: url('../img/nav_vip.gif') no-repeat top; width: 120px; }
.nav .vipAccess a:hover { background-position: bottom; text-decoration: none; }

.nav .multimedia a:link,
.nav .multimedia a:visited { background: url('../img/nav_multimedia.gif') no-repeat top; width: 114px; }
.nav .multimedia a:hover { background-position: bottom; text-decoration: none; }

.nav .shopping a:link,
.nav .shopping a:visited { background: url('../img/nav_shopping.gif') no-repeat top; width: 102px; }
.nav .shopping a:hover { background-position: bottom; text-decoration: none; }

.nav .experience a:link,
.nav .experience a:visited { background: url('../img/nav_experience.gif') no-repeat top; width: 117px; }
.nav .experience a:hover { background-position: bottom; text-decoration: none; }

.nav .activeNav a:link,
.nav .activeNav a:visited { background-position: bottom; }

/* Home Nav */
.homeNav { background: url(../img/global_topNav2.jpg) no-repeat; padding: 99px 0 0 2px; }