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

body, html {
	margin:0;
	padding:0;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
}

.hide {
	display:none;	
}

.clearAll {
	clear:left;
	height:1px;
	font-size:1px;
	line-height:1px;
}


a {
	text-decoration:none;
	color:#fff;
	font-weight:900;
}

a img {
	border:0;
	text-decoration:none !important;
}

p {
	padding:0;
	margin:0;
}

h2 {
	padding:0;
	margin:0;
}

h3 {
	color:#0092d7;
	font-weight:bold;
	font-size:12px;
	padding:0px 0px 3px 0px;
	margin:0;
}

h4 {
	color:#fff;
	font-weight:normal;
	font-size:18px;	
	padding:0;
	margin:0px 0px 15px 0px;
}


/*  Top Bar */

div#topBar {
	height:20px;
	border-bottom:1px solid #004667;
}

div#languageSelector {
	width:920px;
	margin:0 auto;
	text-align:right;
	color:#868581;
	font-weight:900;
	font-size:11px;
	padding:3px;
}

div#languageSelector ul {
	margin:2px 0px 0px 6px;
	padding:0;
	float:right;
}

div#languageSelector ul li {
	margin:0;
	padding:0;
	display:inline;
}

div#languageSelector a {
	color:#eee;
}


/*  Main Area  */

div#mainArea {
	background:#070e16 url(../images/bg_grad.jpg) 0 0 repeat-x;	
}

div#imageHolder {
	background-color:#070e16;
	background-position:center top;
	background-repeat:no-repeat;
}

div#wrapper {
	width:970px;
	margin:0 auto;
}


/* Flash Header Area */

div#flashHeader {
	position:relative;
    top:10px;
}


/* Content Area */

div#content {
	width:900px;
	margin:0 auto;
	position:relative;
	padding:10px 0px 50px 0px;
}

div#leftCol {
	width:570px;
	padding-top:14px;
}

div#rightCol {
	width:304px;
	float:right;
}

div#rightCol a {
	display:block;
	text-decoration:none;
	font-weight:400;
}

div#rightCol a p {
	font-size:11px !important;
	font-style:italic;
}

a#preorderArea {
	height:101px;
	width:304px;
	background:url(../images/notSet/preorder.gif) 0 0 no-repeat;
	position:relative;
	
}

a#preorderArea p {
	position:absolute;
	top:52px;
	left:100px;
	padding-right:5px;
}

a#facebookArea {
	margin-top:10px;
	width:304px;
	height:86px;
	background:url(../images/uk/facebook.gif) 0 0 no-repeat;
	position:relative;
}

a#facebookArea p {
	text-align:right;
	position:absolute;
	top:40px;
	right:106px;
	width:190px;
}

a#internationalArea {
	margin-top:10px;
	width:304px;
	height:88px;
	background:url(../images/star_ocean_international_right_bar.gif) 0 0 no-repeat;
	position:relative;
}

a#internationalArea p {
	text-align:right;
	position:absolute;
	top:40px;
	right:90px;
	width:190px;
}

div#previousTitles {
	height:145px;
	position:relative;
	margin-top:15px;
}

a#leftGame {
	width:144px;
	height:145px;
	background:url(../images/uk/tteot.gif) 0 0 no-repeat;
	position:relative;
}

div#rightCol a#leftGame p, div#rightCol a#rightGame p {
	position:absolute;
	right:10px;
	bottom:8px;
	font-size:11px !important;
}

a#rightGame {
	width:144px;
	height:145px;
	background:url(../images/uk/se.gif) 0 0 no-repeat;	
	position:absolute;
	top:0px;
	left:160px;
}

div#share {
	margin-top:14px;
	height:83px;
	background:url(../images/notSet/share.gif) 0 0 no-repeat;
	position:relative;
    text-align:center;
}

ul#shareLinks {
	margin:0 auto;
	padding:0;
	position:absolute;
	top:50px;
	left:73px;
}

ul#shareLinks li {
	display:inline;	
	float:left;
	margin-left:5px;
}


div.longTitle div, div.shortTitle div, div.fullTitle div {
	font-size:1px;
	line-height:1px;
	float:left;
}

div.longTitle h2, div.shortTitle h2, div.fullTitle h2 {
	font-size:14px;
	line-height:14px;
}

div.fullTitle {
	width:900px;
	height:34px;
}

div.fullTitle h2 {
	padding-left:1px;
}

div.longTitle {
	width:570px;
	height:34px;
}

div.fullTitle div.title_center {
	width:872px;
	height:34px;
	background:url(../images/head_bg_long.gif) 0 0 repeat-x;
	padding:6px 0px 0px 9px;
}

div.longTitle div.title_left, div.fullTitle div.title_left {
	width:9px;
	height:34px;
	background:url(../images/head_bg_long_left.gif) 0 0 no-repeat;
}

div.longTitle div.title_center {
	width:543px;
	height:34px;
	background:url(../images/head_bg_long.gif) 0 0 repeat-x;
	padding:6px 0px 0px 8px;
	position:relative;
}

div.longTitle div.title_right, div.fullTitle div.title_right {
	width:10px;
	height:34px;
	background:url(../images/head_bg_long_right.gif) 0 0 no-repeat;
}

div.shortTitle {
	width:274px;
	height:32px;
}

div.shortTitle div.title_left {
	width:9px;
	height:32px;
	background:url(../images/head_bg_short_left.gif) 0 0 no-repeat;
}

div.shortTitle div.title_center {
	width:251px;
	height:32px;
	background:url(../images/head_bg_short.gif) 0 0 repeat-x;
	padding:6px 0px 0px 7px;
}

div.shortTitle div.title_right {
	width:7px;
	height:32px;
	background:url(../images/head_bg_short_right.gif) 0 0 no-repeat;
}

div.subTitle {
	height:27px;
	background-color:#023146;
	position:relative;
	padding:3px 0px 0px 10px;
	margin-bottom:10px;
}

div.subTitle h3 {
	color:#fff;
	font-size:20px;
	font-weight:400;
}

div.subTitleEnd {
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:0px;
	right:0px;
	height:15px;
	width:15px;
	background:url(../images/subhead_corner.gif) 0 0 no-repeat;
}


div.divider {
	font-size:1px;
    line-height:1px;
    border-bottom:1px solid #333;
    height:5px;
    margin:0px 0px 12px 0px;
}


div#rssLink {
	position:absolute;	
	top:5px;
	right:9px;
	font-size:11px;
	line-height:13px;
    
}

div#rssLink a {
	text-decoration:none;
}

div#rssLink img {
	position:relative;
	left:4px;
	top:4px;
}

div.contentBox {
	border:1px solid #004667;
	padding:14px;
	background-color:#000;
	margin-top:10px;
}



div.contentBox p {
	padding-bottom:10px;	
}

div#latestNewsBox {
	height:175px;
	width:535px;
	overflow-y:scroll;	
	padding-right:5px;
}


div.contentColumns {
	position:relative;
	margin-top:12px;
}

div.leftContent {
	width:274px;
}

div.rightContent {
	position:absolute;
	top:0px;
	left:296px;
	width:274px;
}

a span.imgCaption {
	font-size:10px;
	color:#fff;
	text-decoration:none !important;
}

div#screenBox {
	margin-bottom:15px;
}

div#screenBox, div#conceptBox {
	text-align:center;
}

div#screenHolder, div#conceptHolder {
	width:540px;
	height:304px;
	margin-bottom:10px;
}

div.screenControls {
	position:relative;
	color:#5b5b5b;
}

div.screenControls a {
	color:#5b5b5b;
	text-decoration:underline;
	font-weight:900;
}

div.prevLink {
	position:absolute;
	text-align:left;
	top:0px;
	left:0px;
}

div.nextLink {
	position:absolute;
	text-align:right;
	top:0px;
	right:0px;
}



div#gameTabs {
	z-index:100;
	position:relative;
	top:1px;
}

div#gameTabs a {
	width:105px;
	height:22px;
	border:1px solid #004667;
	background-color:#002131;
	color:#fff;
	text-align:center;
	display:block;
	float:left;
	padding-top:8px;
}

a#charactersTab, a#infoTab {
	margin-left:-1px;
}

a#infoTab {
	width:155px !important;	
}

div#gameTabs a.act {
	font-weight:900;
	background-color:#000;
	border-bottom:1px solid #000;
}

div#storyBox, div#charactersHolder, div#productBox {
	margin:0;
	clear:left;
	z-index:50;
	background-color:#000;
	display:none;
}

div.characterBox {
	margin-bottom:15px;	
    position:relative;
}

div.characterImageHolder {
	position:absolute;
    left:0px;
    top:2px;
    width:182px;
}

div.characterTextHolder {
	margin-left:200px;
    width:330px;
}

div.characterTextHolder h4 {
	margin-bottom:10px;
}

p.quote {
	font-style:italic;	
}

div#productBox img.left {
	float:left;
	padding:0px 15px 15px 0px;
}

div#preorderBox {
	border:1px solid #2e2e2e;
	background-color:#131313;
	padding:14px;
	text-align:center;
}


div#fansiteHolder {
	position:relative;
	margin-top:10px;
}

ul.linkList {
	margin:0;
	padding:0;
}

ul.linkList li {
	margin:0px 0px 10px 10px;
	padding:0;
	list-style-type:none;
}

ul#rightList {
	position:absolute;
	top:0px;
	left:280px;
}

div#wikiBox {
	width:250px;
	margin:0;
}

div#wikiBox a, div#otherLinks a {
	text-decoration:none !important;
}

div#otherLinks {
	width:250px;
	margin:0;
	position:absolute;
	top:0px;
	right:0px;
	height:203px;
}

div#fansiteHolder a, div#otherLinks a {
	text-decoration:underline;
}


div#wallpaperHolder, div#trailersHolder {
	text-align:center;
	padding-bottom:0px;
	margin-bottom:20px;
}

div#wallpaperHolder div.mid, div#trailersHolder div.mid {
	padding-left:15px;
	padding-right:15px;
}

div.wallpaperBox {
	float:left;
	padding-bottom:20px;
}

div.wallpaperBox img, div.trailersBox img {
	border:1px solid #2e2e2e;
	margin-bottom:6px;
}

div.trailersBox {
	float:left;
	padding-bottom:30px;
}

div.wallpaperBox a, div.trailersBox a {
	text-decoration:underline;
}



div#limitedHolder {
	position:relative;
    margin-top:20px;
}

div#limitedImageHolder {
	width:200px;
    position:absolute;
    left:0px;
    top:0px;
}

div#limitedTextHolder {
	margin-left:210px;
    text-align:left;
}





div.battleBox {
	position:relative;
	margin:0px 0px 10px 10px;
	width:880px;
}

div.battleLeft {
	min-height:172px;
	width:510px;
}

div.battleText {
	padding:0px 10px 0px 10px;
	/*overflow-y:hidden;
	height:130px;*/
}

div.battleTextOpen {
	padding:0px 10px 0px 10px;
}

div.battleRight {
	position:absolute;
	top:0px;
	left:555px;
	width:315px;
	height:192px;
	padding:4px;
	margin:0;
}


div#flashVideoPlayer {
	padding-left:4px;	
}

div#retailerLinks {
	text-align:center;
}


/*  Footer  */

div#footer {
	text-align:center;
	border-top:1px solid #004667;
	padding:40px 0px 40px 0px;
	color:#3f3f3f;
	font-size:10px;
}

img#footerLogos {
	padding-bottom:10px;
}


/*  International Features Section */

div#internalionalListHolder ul {
	margin:0;
    padding:0 0 0 0px;
}

div#internalionalListHolder ul li {
	display:block;
    padding:8px 0 8px 8px;
    list-style-type:none !important;
}

div#internationalFeatureImageContainer {
	position:relative;
    height:304px;
    margin-bottom:8px;
}

div#internationalFeatureImageContainer img {
	position:absolute;
    left:0px;
    top:0px;
}