@charset "utf-8";
/* CSS Document */


body {
	background:#000 url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg.jpg) no-repeat 50% 0;
	margin:0 auto; padding:0;
	text-align:center;
	}
	
a img { border:none; }
.clear { clear:both; font-size:0; line-height:0; }

#toolbar { position:relative; height:40px; margin:0 auto; padding:0; z-index:100; }
	
#wrapper {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg.jpg) no-repeat 50% -40px;
	width:970px; min-height:1000px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}
	
#header {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-menu.jpg) no-repeat bottom left;
	position:relative; float:left; display:inline;
	width:970px; height:174px;
	margin:0;
	padding:0;
	}

h1 { position:absolute; top:0; left:290px; text-indent:-7000px; }
h1 a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/prince-of-persia.jpg) no-repeat 0 0; display:block; width:365px; height:96px; }

#header .share {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-share.jpg) no-repeat bottom left;
	position:relative; float:left; display:inline;
	width:290px; height:96px;
	margin:0;
	padding:0;
	}
#header .share h3.twitter a { 
	position:absolute; 
	top:15px; left:51px;
	display:block; 
	width:125px; height:35px; 
	}
#header .share h3.facebook a { 
	position:absolute; 
	top:53px; left:80px;
	display:block; 
	width:125px; height:35px; 
	}

h3.videos { position:absolute; bottom:16px; left:17px; }
h3.videos a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/watch-videos.jpg) no-repeat 0 0; display:block; width:228px; height:46px; }

h3.screens { position:absolute; bottom:16px; left:245px; }
h3.screens a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/view-screens.jpg) no-repeat 0 0; display:block; width:230px; height:46px; }

h3.about { position:absolute; bottom:16px; left:474px; }
h3.about a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/about-the-game.jpg) no-repeat 0 0; display:block; width:238px; height:46px; }

#media_window {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-media.png) no-repeat 0 0;
	position:relative; float:left; display:inline;
	width:970px; height:418px;
	margin:0;
	padding:0;
	}
#flashcontent { 
	position:relative; float:left; display:inline;
	width:701px; height:386px;
	margin:16px 0 0 15px; padding:0;
	}


/*  SCREENSHOTS  */

.screenshot_lg {
	position:relative;
	float:left;
	display:inline;
	width:701px; height:386px;
	margin:16px 0 0 15px;
	padding:0;
	}
.media_selector {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/tab-short.png) no-repeat bottom left;
	position:absolute;
	top:11px; left:39px;
	display:block;
	width:105px; height:16px;
	padding:0;
	z-index:20;
	font-size:10px;
	line-height:14px;
	color:#999;
	}
.media_selector a:link, .media_selector a:visited { color:#999; text-decoration:none; } 
.media_selector a:hover, .media_selector a:active { color:#999; text-decoration:underline; }

.platform_selector {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/tab-long.png) no-repeat bottom left;
	position:absolute;
	top:11px; left:462px;
	display:block;
	width:230px; height:16px;
	padding:0;
	z-index:20;
	font-size:10px;
	line-height:14px;
	color:#999;
	}
.platform_selector a {
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:9px;
	line-height:14px;
	}
.platform_selector a:link, .platform_selector a:visited { color:#999; text-decoration:none; } 
.platform_selector a:hover, .platform_selector a:active { color:#999; text-decoration:underline; }

/*  YOU ARE HERE - platform_selector */
.pc_x360_ps3 a.pc_link:link, .pc_x360_ps3 a.pc_link:visited,
.wii a.wii_link:link, .wii a.wii_link:visited,
.psp a.psp_link:link, .psp a.psp_link:visited { color:#fff; text-decoration:none; } 
.pc_x360_ps3 a.pc_link:hover, .pc_x360_ps3 a.pc_link:active,
.wii a.wii_link:hover, .wii a.wii_link:active,
.psp a.psp_link:hover, .psp a.psp_link:active { color:#fff; text-decoration:underline; }

.media_selector span, .platform_selector span { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/arrow-red-down.gif) no-repeat 8px 4px; padding:0 0 0 22px; }
.platform_selector span { padding-right:11px; }
.platform_selector .vline {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/vline.gif) no-repeat 5px 0;
	position:relative;
	display:inline;
	margin:0; padding:0 4px 0 4px;
	}
.tn_selector {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/tab-tn-slider.png) no-repeat 0 0;
	position:absolute;
	bottom:16px; left:327px;
	display:block;
	width:365px; height:72px;
	padding:0;
	z-index:20;
	}
.tn_selector .thumbnails {
	position:relative;
	width:340px; height:41px;
	margin:13px 0 0 15px;
	padding:0;
	}
.tn_selector .thumbnails ul,
.tn_selector .thumbnails li,
.tn_selector .thumbnails li img  {
	position:relative; float:left; display:inline;
	margin:0; padding:0;
	list-style:none;
	}
.thumbnails li a { margin:0 4px 0 0; padding:0; }
.thumbnails li img { width:64px; height:35px; }
.tn_selector .details, 
.tn_selector .count,
.tn_selector .fullscreen,
.tn_selector .prev_next { position:relative; float:left; display:inline; margin:0; padding:0; }
.tn_selector .details {
	width:335px; height:14px;
	margin:0 0 0 15px;
	font-size:9px;
	line-height:14px;
	color:#999;
	}
.tn_selector a:link, .tn_selector a:visited { color:#999; text-decoration:none; } 
.tn_selector a:hover, .tn_selector a:active { color:#999; text-decoration:underline; }

.tn_selector .count span {
	margin:0 6px;
	font-size:10px;
	line-height:14px;
	color:#cc0000;
	font-weight:bold;
	}
.tn_selector .fullscreen a {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/icon-fullscreen.gif) no-repeat 0 0;
	display:block;
	width:21px; height:14px;
	}
.tn_selector .prev_next { float:right; }
.tn_selector .prev_next .vline {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/vline.gif) no-repeat 5px 1px;
	position:relative;
	display:inline;
	margin:0; padding:0 4px 0 4px;
	}
.prev_next a:link, .prev_next a:visited { color:#ccc; text-decoration:none; } 
.prev_next a:hover, .prev_next a:active { color:#ccc; text-decoration:underline; }


/*  COMM ROW  */

.order { position:absolute; top:-280px; right:0; }
.order h3 a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/preorder.jpg) no-repeat 0 0; display:block; width:241px; height:123px; }
.order span a {
	position:absolute;
	bottom:6px; right:40px;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
	}
.order span a:link, .order span a:visited { color:#fff; text-decoration:none; } 
.order span a:hover, .order span a:active { color:#fff; text-decoration:underline; }

h3.promo_1 { position:absolute; top:-145px; right:0; }
h3.promo_1 a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/promo-1.jpg) no-repeat 0 0; display:block; width:244px; height:145px; }

#comm_row {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-comm-row.jpg) no-repeat 0 0;
	position:relative; float:left; display:inline;
	width:970px; height:78px;
	margin:0 0 3px 0; padding:0;
	z-index:100;
	}

h3.games { position:absolute; top:18px; left:17px; }
h3.games a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/games.jpg) no-repeat 0 0; display:block; width:216px; height:46px; }

h3.powers { position:absolute; top:18px; left:257px; }
h3.powers a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/powers.jpg) no-repeat 0 0; display:block; width:216px; height:46px; }

.follow { 
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/follow.jpg) no-repeat 0 0;
	position:absolute; 
	top:18px; right:257px;
	display:block; 
	width:216px; height:46px; 
	}
.follow h3.facebook a { 
	position:absolute; 
	top:3px; left:7px;
	display:block;
	width:160px; height:40px; 
	}
.follow h3.twitter a { 
	position:absolute; 
	top:3px; right:7px;
	display:block;
	width:40px; height:40px; 
	}

h3.forum { position:absolute; top:18px; right:17px; }
h3.forum a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/forum.jpg) no-repeat 0 0; display:block; width:216px; height:46px; }

.promo_2 { position:absolute; top:78px; right:0; }
.promo_2 h3 a { background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/promo-2.jpg) no-repeat 0 0; display:block; width:360px; height:201px; text-indent:0; }
.promo_2 span a {
	position:absolute;
	bottom:20px; right:62px;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
	}
.promo_2 span a:link, .promo_2 span a:visited { color:#fff; text-decoration:none; } 
.promo_2 span a:hover, .promo_2 span a:active { color:#fff; text-decoration:underline; }


/*  NEWS AND UPDATES  */
/*  NEWS PREVIEW  */

#news_updates_preview {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-news-preview.png) no-repeat 0 0;
	position:relative; float:left; display:inline;
	width:588px; height:169px;
	margin:-3px 0 0 0; padding:49px 0 0 26px;
	font-size:12px; line-height:13px;
	color:#836e51; font-weight:bold;
	}
h3.news_updates_preview_title { 
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/news-updates.png) no-repeat 0 0;
	position:absolute; 
	top:21px; left:21px;
	display:block; 
	width:178px; height:25px;
	}

#news_updates_preview .scroll-pane { /*  see jScrollPane.css  */  }

/*  NEWS VIEWER  */

#news_updates_viewer {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-viewer-news.jpg) no-repeat 0 0;
	position:relative; float:left; display:inline;
	width:687px; height:374px;
	margin:16px 0 0 15px; padding:12px 0 0 14px;
	font-size:12px; line-height:14px;
	color:#b7b7b7; font-weight:bold;
	}
#news_updates_viewer .scroll-pane { /*  see jScrollPane.css  */  }


/*  ELEMENTAL POWERS  */

#elemental_powers_viewer {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-viewer-powers.jpg) no-repeat 0 0;
	position:relative; float:left; display:inline;
	width:643px; /*height:386px;*/ height:280px;
	margin:16px 0 0 15px; /*padding:14px 0 0 58px;*/ padding:106px 0 0 58px;
	font-size:12px;
	line-height:14px;
	color:#aeaeae;
	}
#elemental_powers_viewer_scroll { position:relative; }
#elemental_powers_viewer .scroll-pane { /*  see jScrollPane.css  */  }


/*  DOWNLOADS VIEWER  */

#downloads_viewer {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-viewer-downloads.jpg) no-repeat 0 0;
	position:relative; float:left; display:inline;
	width:643px; height:298px;
	margin:16px 0 0 15px; padding:88px 0 0 58px;
	font-size:10px;
	color:#fff;
	}
#downloads_viewer .scroll-pane { /*  see jScrollPane.css  THIS PAGE NO LONGER SCROLLS but the layout is still controlled in jScrollPane.css   */  }


/*  GAMES VIEWER  */

#games_viewer {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-viewer-games.jpg) no-repeat 0 0;
	position:relative; float:left; display:inline;
	width:643px; height:286px;
	margin:16px 0 0 15px; padding:100px 0 0 58px;
	font-size:12px; line-height:14px;
	color:#aeaeae;
	}
#games_viewer .scroll-pane { /*  see jScrollPane.css  */  }



/*  MISC  */

h3.register {
	position:relative; float:left; display:inline;
	width:970px; height:62px;
	margin:0; padding:0;
	}
h3.register a { 
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/register.jpg) no-repeat 0 0; 
	display:block;
	width:242px; height:62px;
	margin-left:364px;
	}

#banner_1 {
	position:relative; float:left; display:inline; width:970px;
	margin:0; padding:25px 0;
	text-align:center;
	}

#banner_2 {
	position:relative; float:left; display:inline; width:970px;
	margin:0; padding:50px 0;
	text-align:center;
	}

/*  STANDARD CONTENT VIEWER  */

#content_viewer {
	background:url(http://static2.cdn.ubi.com/gamesites/princeofpersia/img/bg-viewer-about.jpg) no-repeat 0 0;
	position:relative; float:left; display:inline;
	width:643px; height:310px;
	margin:16px 0 0 15px; 
	padding:76px 0 0 58px;
	font-size:12px;
	line-height:14px;
	color:#aeaeae;
	}
#content_viewer ul { margin:0 0 1.2em 2px; padding: 0; }
#content_viewer li { 
	list-style:disc;
	margin:0 0 1.5em 1em;
	padding:0;
	font-weight:100;
	}
#content_viewer .scroll-pane { /*  see jScrollPane.css  */  }



/*  LEGAL  */

#legal {
	position:relative; float:left; display:inline;
	width:1030px; margin:0;
	padding:0 0 30px 0;
	text-align:center;
	}
#legal a, #legal img { margin:0; padding:0; }

#legalA { width:1030px; margin:0; padding:0 0 45px 0; text-align:center; }
#legalB { width:1030px; margin:0; padding:0; text-align:center; }
#legalB div { 
	position:relative; float:left; display:inline;
	margin:0; padding:0;
	}
#legalB p {
	width:443px;
	margin:0 20px 0 0;
	color:#666;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:8px;
	text-align:justify;
	line-height:8px;
	}