* { margin:0; padding:0;}

body { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
	background:#000;
	color:#CCC;
	text-align:center;
}

a { color:#FFFF00; text-decoration:none;}
a:hover { color:#666;}

#header {
    width: 920px;
    margin: 0 auto;
	text-align:left;
	position:relative;
}

#intro {
    padding-bottom: 6px;
}

a img { border:none;}

h2 {color:#FFFF00; letter-spacing:.05em; font-size:1.6em; font-weight:bold; margin:4px 0px;
}

#slider {
    width: 900px;
    margin: 0 auto;
    position: relative;
	text-align:left;
	clear:left;
}

.scroll {
    height: 520px;
    width: 900px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	border-bottom:1px solid #222;
}

.scrollContainer div.panel {
    height: 500px;
    width: 900px;
}

ul.navigation {
    list-style: none;
}

ul.navigation li {
    display: inline;
}

ul.navigation a {
	display:inline-block;
	float:left;
	background:url(images/header/nav.jpg) no-repeat;
	padding:0 4px 0 19px;
    color:#FFFF00;
    text-decoration: none;
	margin-right:10px;
}

ul.navigation a:hover, ul.navigation a.selected {
	background:url(images/header/nav_hover.jpg) no-repeat;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    bottom: 10px;
    cursor: pointer;
	z-index:600;
}

.scrollButtons.left {
    left: 10px;

}

.right {
	position: absolute;
	bottom: 10px;
    right: 10px;

}

.hide {
    display: none;
}

.footer { width:920px; margin:0 auto; text-align:left; }
.footer p {font-size:1em; color:#666;}
p { font-size: 1.2em; padding-bottom:18px; color:#CCC; margin:0 5px; line-height:1.3em;}
#Welcome { background:url(images/welcome_bg.jpg) no-repeat center left;}
#WelcomeText { position:relative; top:90px; float:right; margin-right:10px; width:385px;}

#listening { background:url(images/wof-radio.jpg) no-repeat center;}
#Listening_intro { width:700px; margin:20px auto;}
#wof { position:relative;}
#wof h2 { cursor:pointer;}
.Feature {
	height:180px;
	width:380px;
	background:url(images/wof-box.png) no-repeat;
	position:absolute;
	left: 250px;
	top: 100px;
	z-index:10;
	padding:20px 0px;
}
.Feature p, .Feature h3 { margin:0 15px;}
.Feature h3 { color:#FFFF00; font-size:1.3em; padding-bottom:8px;}
.featclose { text-align:right;}

h2.feat1 {
	background:url(images/wof-internet_radio_h2.jpg) no-repeat;
	display:block;
	width:135px;
	height:24px;
	text-indent:-9999px;
	position:absolute;
	top:-20px;
	left:150px;
}
h2.feat2 {
	background:url(images/wof-listen_again_h2.jpg) no-repeat;
	display:block;
	width:125px;
	height:24px;
	text-indent:-9999px;
	position:absolute;
	top:134px;
	left:110px;
}
h2.feat3 {
	background:url(images/wof-podcasts_h2.jpg) no-repeat;
	display:block;
	width:90px;
	height:24px;
	text-indent:-9999px;
	position:absolute;
	top:329px;
	left:193px;
}
h2.feat4 {
	background:url(images/wof-dab_fm_h2.jpg) no-repeat;
	display:block;
	width:125px;
	height:24px;
	text-indent:-9999px;
	position:absolute;
	top:-24px;
	left:589px;
}
h2.feat5 {
	background:url(images/wof-media_streaming_h2.jpg) no-repeat;
	display:block;
	width:155px;
	height:24px;
	text-indent:-9999px;
	position:absolute;
	top:133px;
	left:649px;
}
h2.feat6 {
	background:url(images/wof-pure_sounds_h2.jpg) no-repeat;
	display:block;
	width:135px;
	height:24px;
	text-indent:-9999px;
	position:absolute;
	top:330px;
	left:605px;
}

#features { background:url(images/lifestyle.jpg) no-repeat bottom;}

#accessories {padding-top:10px;}
.Accessory { width:700px; margin:5px auto; height:120px;}
.Accessory-thumb {padding:2px; border:1px solid #FFFF00;}

.floatleft { float:left; margin-right:15px;}
.floatright { float:right; margin-left:15px;}
.center { text-align:center;}
.PureLogo {
	position:absolute;
	top:-1px;
	right:21px;
	z-index:500;
	height: 44px;
}
.ConnectedContent, .LoungeContent, .FeturesContent {Width:700px; margin:0 auto; padding-top:10px;}

.SalesBox { width:700px; margin:0 auto;}
#resultspanel, #message, #geocodestatus {width:680; margin:0 auto;}
#resultspanel ol { margin:-20px 0 20px 60px;}