/****** Overview Pages General CSS *******/
#container {
	position: relative;
	min-height: 0px;
}

#wrapper {
	width: 950px;
}

#signin {
	float: right;
	margin-top: 20px;
	margin-right: 27px;
	font-size: 0.9em;
	color: #666666;
}

#signin a {
	color: #E95F17;
}

#content {
	clear: both;
}

#content #tourMenu {
	width: 590px;
	height: 27px;
	padding-top: 5px;
	margin-left: 110px;
	margin-bottom: 12px;
	position: relative;
}

#content #tourMenu a {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
	background: #FFFFFF; /* fix for opacity with bold characters in IE */
}

#content #tourMenu a:hover {
	color: #E95F17;
}

#content #tourMenu a.active {
	cursor: default;
	color: #E95F17;
}

#content #tourMenu a img {
	position: absolute;
	top: 0px;
	margin-left: 16px;
}

#content img.line {
	float:left;
	margin-left: 12px;
}

#content #topMenu {
	float:left;
	width: 658px;
	height: 15px;
	display: inline;
	margin-left: 42px;
	padding-top: 11px;
	padding-bottom: 10px;
}

#content #topMenu a {
	margin-left: 68px;
	color: #666666;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	background: #FFFFFF; /* fix for opacity with bold characters in IE */
}

#content #topMenu a:hover {
	color: #0072BC;
}

#content #topMenu a.active {
	cursor: default;
	color: #E95F17;
}

#content #topMenu a.active:hover {
	color: #E95F17;
}

#content #images {
	float: left;
	width: 701px;
	height: 222px;
	margin-top: 7px;
}

#content #leftColumn {
	float: left;
	width: 587px;
	margin-top: 30px;
	margin-left: 110px;
	padding-right: 33px;
	display: inline;
}

#content #leftColumn h1 {
	padding-bottom: 20px;
	color: #F1592A;
	position: relative;
	background: #FFFFFF; /* fix for opacity with bold characters in IE */
}

#content #leftColumn h2 {
	margin-top: 10px;
	padding-bottom: 20px;
	font-size: 1.3em;
	color: #F1592A;
}

#content #leftColumn p {
	font-size: 0.9em;
	color: #666666;
	line-height: 1.4;
}

#content #leftColumn p.large {
	font-size: 1.0em;
}

#content #leftColumn li {
	font-size: 0.9em;
}

#content #rightColumn {
	float: right;
	width: 193px;
	height: 330px;
	margin-top: 10px;
	margin-right: 27px;
	position: relative;
	display: inline;
	background: url(../img/mktg_right_bkgd_bottom.gif) bottom no-repeat;
}

#content #rightColumn div {
	position: absolute;
	top: -3px;
	width: 153px;
	height: 290px;
	padding: 20px;
	background: url(../img/mktg_right_bkgd_top.gif) top no-repeat;
}

#content #rightColumn h1 {
	padding-bottom: 3px;
	font-family: "Avenir Medium", arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #0066A5;
	background: #F3F1EC; /* fix for opacity with bold characters in IE */
}

#content #rightColumn ul {
	margin-top: 10px;
}

#content #rightColumn li {
	font-family: "Avenir Medium", arial, helvetica, sans-serif;
	font-size: 0.9em;
	color: #363636;
	padding-left: 0px;
}

#content #rightColumn a img {
	position: absolute;
	top: 284px;
	left: 40px;
}

/****** Start Page *******/
#content.start #images {
	float: left;
	width: 950px;
	height: 257px;
}

#content.start #leftColumn p.large {
	padding-bottom: 6px;
}

#content.start #leftColumn #guestList {
	width: 218px;
	height: 111px;
	margin-top: 10px;
	background: url(../images/overview/guestlist_bkgd.gif) no-repeat;
}

#content.start #nowPlaying {
	float: left;
	width: 173px;
	height: 64px;
	padding-left: 20px;
	padding-top: 12px;	
	margin-top: 10px;
	background: url(../images/overview/nowplaying_bkgd.gif) no-repeat;
}

#content.start #nowPlaying h1 {
	padding-bottom: 6px;
	font-size: 1.0em;
	color: #75A635;
	text-transform: uppercase;
}

#content.start #nowPlaying h2 {
	padding-bottom: 6px;
	font-size: 0.9em;
	color: #333333;
}

#content.start #nowPlaying a {
	font-size: 0.8em;
	text-transform: uppercase;
}

#content.start #rightColumn {
	float: left;
	width: 193px;
	height: 380px;
	position: relative;
	margin-top: 8px;
	margin-bottom: 100px;
}

#content.start #rightColumn div {
	width: 164px;
	height: 340px;
	padding-left: 17px;
	padding-right: 12px;
}

#content.start #rightColumn h1 {
	font-size: 1.1em;
}

#content.start #rightColumn ul {
	margin-top: 5px;
}

#content.start #rightColumn li {
	padding: 0 0 5px 0;
	font-size: 0.9em;
}

#content.start #rightColumn a {
	float: left;
	margin-top: 10px;
	font-size: 0.8em;
	text-transform: uppercase;
}

/****** Overview Page *******/
#content.overview #leftColumn {
	margin-bottom: 100px;
}

#content.overview #leftColumn .inner {
	width: 480px;
	margin-bottom: 5px;
}

#content.overview #leftColumn h2 {
	padding-bottom: 10px;
}

#content.overview #leftColumn ul {
	padding-left: 14px;
	list-style-image: url(../images/overview/orange_bullet.gif);
}

#content.overview #leftColumn li {
	padding-top: 0px;
	padding-left: 0px;
}

#content.overview #rightColumn {
	height: 395px;
}

#content.overview #rightColumn div {
	width: 173px;
	height: 370px;
	padding: 15px 10px 10px 10px;
}

#content.overview #rightColumn h1 {
	font-family: "Avenir Medium", arial, helvetica, sans-serif;
	padding-bottom: 5px;
}

#content.overview #rightColumn p {
	padding-bottom: 5px;
	font-family: "Avenir Medium", arial, helvetica, sans-serif;
	font-size: 0.8em;
}

#content.overview #rightColumn ul {
	margin: 0;
}

#content.overview #rightColumn li {
	padding-bottom: 0px;
	font-family: "Avenir Medium", arial, helvetica, sans-serif;
	font-size: 0.9em;
}

#content.overview #rightColumn a img {
	position: absolute;
	top: 355px;
	left: 40px;
}

/****** Highlights Page *******/
#content.highlights #leftColumn {
	margin-bottom: 100px;
}

#content.highlights #leftColumn div {
	float: left;
}

#content.highlights #leftColumn p.large {
	font-weight: bold;
}

#content.highlights #leftColumn h2 {
	padding-bottom: 10px;
	font-size: 1.3em;
}

#content.highlights #leftColumn h3 {
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
}

#content.highlights #leftColumn .buynow {
	float: left;
	clear: left;
	width: 113px;
	height: 27px;
	/* margin-top: 5px; */
	margin-bottom: 100px;
	/* TODO: change this and other pages with a button at the end */
	_margin-left: 110px; /* hack alert: IE6 */
}

#content.highlights #rightColumn {
	height: 220px;
}

#content.highlights #rightColumn div {
	height: 180px;
}

#content.highlights #rightColumn h1 {
	padding-bottom: 8px;
	font-size: 1.1em;
	font-family: "Avenir Medium", arial, helvetica, sans-serif;
}

#content.highlights #rightColumn a img {
	position: absolute;
	top: 180px;
	left: 40px;
}

/****** Benefits Page *******/
#content.benefits #leftColumn {
	margin-bottom: 70px;
}

#content.benefits #leftColumn h1 {
	padding-bottom: 12px;
	font-size: 1.9em;
	color: #00498E; /* dark blue */
	line-height: 1.0;
}

#content.benefits #leftColumn ul {
	margin-bottom: 14px;
	padding-left: 14px;
	list-style-image: url(../images/overview/orange_bullet.gif);
}

#content.benefits #leftColumn ul li {
	padding-left: 0px;
	padding-bottom: 0px;
}

#content.benefits #leftColumn ul.mainlist {
	color: #F1952A;
}

#content.benefits #leftColumn ul.mainlist li {
	color: #0066A5;
	font-size: 1.0em;
}

#content.benefits #leftColumn ul ul {
	padding-left: 5px;
	margin: 10px 0 0 20px;
	list-style-image: url(../images/overview/checkmark.gif);
}

#content.benefits #leftColumn ul ul li {
	padding: 0 0 0 5px;
	font-size: 1.0em;
	margin-bottom: 7px;
}

#content.benefits #leftColumn h2 {
	margin-top: 30px;
}

#content.benefits #leftColumn h3 {
	margin-bottom: 5px;
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
}

#content.benefits #leftColumn a img {
	height: 27px;
}

/****** Players Page *******/
#content.players #leftColumn {
	float: left;
	width: 664px;
	margin-left: 0px;
	position: relative;
}

#content.players .price {
	margin-left: 48px;
	color: #333333;
	font-weight: bold;
}

#content.players .usd {
	font-size: 0.7em;
	color: #333333;
}

#content.players a {
	font-size: 0.8em;
	text-transform: uppercase;
}

#content.players #leftColumn .header {
	float: left;
	display: inline;
	margin-left: 110px;
	margin-bottom: 20px;
}

#content.players #leftColumn .header ul {
	padding-left: 10px;
	list-style-type: none;
}

#content.players #leftColumn .header li {
	width: 300px;
	position: relative;
	font-size: 1.0em;
	color: #0066A5;
}

#content.players #leftColumn .header li .availability1 {
	position: absolute;
	left: 190px;
	font-size: 0.8em;
	color: #BCC63F; /* light green */
	text-transform: uppercase;
}

#content.players #leftColumn .header li .availability2 {
	position: absolute;
	left: 190px;
	font-size: 0.8em;
	color: #EA8B2B; /* light orange */
	text-transform: uppercase;
}

#content.players #leftColumn #creative {
	float: left;
	width: 700px;
	height: 234px;
	padding-top: 20px;
	margin-bottom: 5px;
	position: relative;
	background: url(../img/creative_mktg_bkgd.gif) no-repeat;
}

#content.players #leftColumn #archos60 {
	float: left;
	width: 700px;
	height: 273px;
	padding-top: 20px;
	margin-bottom: 5px;
	position: relative;
	background: url(../img/archos60_mktg_bkgd.gif) no-repeat;
}

#content.players #leftColumn #archos250 {
	float: left;
	width: 700px;
	height: 288px;
	padding-top: 20px;
	margin-bottom: 100px;
	position: relative;
	background: url(../img/archos250_mktg_bkgd.gif) no-repeat;
}

#content.players #leftColumn div .leftColumn {
	float: left;
	display: inline;
	width: 170px;
	height: 100px;
	margin-left: 120px;
	margin-top: 170px;
}

#content.players #leftColumn #creative .leftColumn {
	margin-top: 130px;
}

/* Buy Now/Coming Soon/Pre-order buttons - former is linked */
#content.players #leftColumn div .leftColumn img {
	margin-left: 27px;
	margin-top: 15px;
	margin-bottom: 10px;
}

#content.players #leftColumn div .leftColumn p {
	padding-bottom: 2px;
	font-size: 0.7em;
	text-align: center;
}

#content.players #leftColumn div .leftColumn a {
	font-size: 1.0em;
}

#content.players #leftColumn div .leftColumn a p {
	color: #0072BC;
}

#content.players #leftColumn div .rightColumn {
	float: left;
	display: inline;
	width: 330px;
	height: 228px;
	margin-left: 60px;
}

#content.players #leftColumn div .rightColumn h1 {
	padding-bottom: 0px;
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #00498E; /* dark blue */
	background: #F3F1EC; /* fix for opacity with bold characters in IE */
}

#content.players #leftColumn div .rightColumn h2 {
	padding-bottom: 5px;
	margin-top: 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: #666666;
	background: #F3F1EC; /* fix for opacity with bold characters in IE */
}

#content.players #leftColumn div .rightColumn h3 {
	font-size: 0.9em;
}

#content.players #leftColumn div .rightColumn p {
	line-height: 1.3;
	padding-bottom: 10px;
	background: #F3F1EC; /* fix for opacity with bold characters in IE */
}

#content.players #leftColumn div .rightColumn a {
	float: left;
}

#content.players #rightColumn {
	clear: right;
	height: 669px;
	top: -52px; /* TODO: Position this with floats alone */
}

#content.players #rightColumn div {
	height: 629px;
}

#content.players #rightColumn h1 {
	margin: 0 0 16px 0;
	white-space: nowrap;
}

#content.players #rightColumn img {
	margin-bottom: 12px;
}

#content.players #rightColumn h2 {
	margin-bottom: 5px;
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	background: #F3F1EC; /* fix for opacity with bold characters in IE */
}

#content.players #rightColumn p {
	font-size: 0.8em;
	color: #333333;
}

/****** Plans Page *******/
#content.plans {
	padding-bottom: 100px;
}

#content.plans #leftColumn {
	width: 500px;
	padding-right: 120px;
}

#content.plans #leftColumn h1 {
	padding-bottom: 10px;
}

#content.plans #leftColumn div {
	width: 350px;
	height: 60px;
	margin-bottom: 10px;
}

#content.plans #leftColumn .annual {
	margin-top: 40px;
}

#content.plans #leftColumn h2 {
	padding-bottom: 10px;
}

#content.plans #leftColumn p.header {
	padding-bottom: 0px;
	font-size: 0.9em;
}

#content.plans #leftColumn span {
	float: left;
	width: 230px;
	font-size: 0.9em;
}

#content.plans #leftColumn .signupnow {
	float: right;
	width: 113px;
	height: 27px;
	margin-top: -7px;
}

#content.plans #leftColumn p {
	font-size: 0.8em;
}

#content.plans #rightColumn {
	height: 344px;
}

#content.plans #rightColumn div {
	width: 164px;
	height: 304px;
	padding-right: 9px;
}

#content.plans #rightColumn h1 {
	font-size: 1.2em;
}

#content.plans #rightColumn h2 {
	margin-top: 8px;
	font-size: 0.9em;
	font-weight: bold;
	color: #363636;
}

#content.plans #rightColumn ul {
	padding-left: 12px;
	margin-top: 6px;
}

#content.plans #rightColumn li {
	padding: 3px 0px 3px 3px;
}

#content.plans #rightColumn a img {
	top: 304px;
}

/****** Order Page *******/

/* Note: name the following "#content.order" and IE6 will ignore it (other browsers fine) */
.order {
	clear: left;
	width: 100%;
	height: 553px;
	margin-bottom: 100px;
	position: relative;
	background: url(../images/overview/order.gif) no-repeat;
}

#content.order #top {
	position: absolute;
	left: 418px;
	top: 122px;
	width: 500px;
	height: 100px;
}

#content.order #top p {
	color: #333333;
	line-height: 1.4;
	padding-bottom: 5px;
}

#content.order #bottom {
	position: absolute;
	left: 477px;
	top: 366px;
	width: 380px;
	height: 180px;
	font-size: 0.9em;
	color: #797979;
}

#content.order #bottom .rate {
	font-size: 1.3em;
	font-weight: bold;
	color: #333333;
}

#content.order #bottom .with {
	text-transform: uppercase;
}

#content.order #bottom ul {
	margin-bottom: 14px;
	margin-top: 6px;
	padding-left: 14px;
}

#content.order #bottom li {
	padding-left: 0px;
	padding-bottom: 0px;
}

#content.order #bottom p {
	padding-bottom: 2px;
}

#content.order #bottom h2 {
	margin-top: 12px;
	font-size: 1.2em;
}

#content.order a {
	width: 95px;
	height: 42px;
}

#content.order a img {
	position: absolute;
	left: 628px;
	top: 270px;
}

/****** Footer Pages *******/
/***************************/


/****** Feedback Page *******/
#content.feedback #leftColumn {
	margin-bottom: 100px;
}

#content.feedback #leftColumn h1 {
	padding-bottom: 5px;
}

#content.feedback #leftColumn h2 {
	font-size: 1.0em;
	font-weight: bold;
	color: #666666;
}

#content.feedback #leftColumn a {
	display: block;
	width: 143px;
	height: 27px;
	margin-bottom: 15px;
}

#content.feedback #leftColumn p a {
	display: inline;
}

/****** Contact Us Page *******/
#content.contact #leftColumn {
	margin-bottom: 100px;
}

#content.contact #leftColumn h1 {
	padding-bottom: 0px;
}

#content.contact #leftColumn h2 {
	padding-bottom: 5px;
	font-size: 1.0em;
	font-weight: bold;
	color: #666666;
}

#content.contact #leftColumn h3 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.8em;
	color: #0066A5;
}

#content.contact #leftColumn h4 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 1.3em;
	color: #666666;
}

/****** Terms of Service Page *******/
#content.terms #leftColumn {
	margin-bottom: 100px;
}

#content.terms #leftColumn ol {
	padding-left: 30px;
}

#content.terms #leftColumn li p {
	font-size: 1.0em;
}

#content.terms #leftColumn li ol li {
	font-size: 1.0em;
}

/****** Privacy Page *******/
#content.privacy #leftColumn {
	margin-bottom: 100px;
}

#content.privacy #leftColumn p {
	font-size: 1.0em;
}

#content.privacy #leftColumn ul {
	margin-bottom: 20px;
}

#content.privacy #leftColumn ul li {
	font-size: 1.0em;
	color: #666666;
}

#content.privacy #leftColumn ul ul {
	margin-bottom: 0px;
}

#content.privacy #leftColumn li ul li {
	font-size: 1.0em;
	color: #666666;
}