/* -- ESSENTIAL -- */

html {
	font-size: 100%;
}
body {
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #444;
	padding: 0;
	margin: 0;
	width:100%;
	letter-spacing:-0.01em;
	-webkit-text-size-adjust:none;
	background-image: url(images/topnavbg.gif);
	background-repeat: repeat-x;
	background-color:#999999;
}

a {
	text-decoration:none;
	color:#005e8f;
}
a:hover, a:focus {
	text-decoration:underline;
}
a em, .hide {
	position:absolute;
	left:-9999em
}


#header {
	height:80px;
	width:100%;
	z-index:999;
}


.logo {
	display:block;
	width:69px;
	height:68px;
	position:absolute;
	top:5px;
	left:30px;
	z-index:999;
}


/* -- HOLDERS -- */

.navholder {
	position:absolute;
	top: 31px;
	right:100px;
	width:580px;
	z-index:999;
}

#subheadholder {
	height:60px;
	width:100%;
	background-image: url(images/topnavshadow.gif);
	background-repeat: repeat-x;
	background-color: #CCCCCC;
}

#splashbannerholder {
	height:300px; /* standard images */
	width:100%;
	/*background-image: url(images/splashbg.ra3.gif);*/ /* red alert 3 */
	/*background-image: url(images/splashbg.gif);*/ /* uprising */
	/*background-image: url(images/splashbg.gif);*/ /* nfs shift */
	/*background-repeat: repeat-x;*/ /* with images */
	/*background-color: #ffffff; */ /* dragon age origins */
	/*background-color: #333333;*/ /* red alert 3, nfs shift */
	/*background-color: #68c822;*/ /* the sims 3 */
	/*height:545px;
	background-color: #010101;*/ /* battlefield bad company 2 */
	/*background-color: #000000;*/ /* command & conquer 4 */
	background-color: #000000; /* medal of honor */
}

#pageholder {
	width:100%;
	background-color:#FFFFFF;
	padding-top:40px;
	padding-bottom:40px;
}

#contentholder {
	width: 960px;
	margin:0 auto;
	text-align:left;
}

#leftcolumn {
	width: 700px;
	border-right: 1px solid #CCC;
}

#leftcolumn.contact {
	width: 700px;
	border-right: 0;
}

#rightcolumn {
	width: 256px;
	height: 100%;
	float:right;
}

#footerholder {
	width:100%;
	background-color:#999999;
}

/* -- Splash Banner -- */
#splashbanner {
	width: 960px;
	height: 300px;
	margin: 0 auto;
	/*background-image:url(images/banner/dao_preorder.jpg);*/ /* banner for dragon age origins */
	/*background-image:url(images/banner/nfss_preorder.jpg);*/ /* banner for nfs shift */
	/*background-image:url(images/banner/redalert3.jpg);*/ /* banner for red alert 3 */
	/*background-image:url(images/banner/uprising_preorder.jpg);*/ /* banner for uprising */
	/*background-image:url(images/banner/uprising_comingsoon.jpg);*/ /* banner for uprising */
	background-repeat: repeat-x;
}
.order {
	/*float:right;
	width:122px;
	margin-top:195px;
	margin-right:368px;*/ /* for dragon age origins */
	/*margin-top:207px;
	margin-right:127px;*/ /* for uprising */
	/*margin-top:212px;
	margin-right:207px;*/ /* for nfs shift */
	/*width:103px;
	margin-top:190px;
	margin-right:115px;*/ /* for red alert 3 */
}

/* -- CONTENTS -- */

#pagecontent {
	margin-right: 40px;
	line-height:1.5;
	padding-bottom:40px;
}

/* -- CONTENTS: Product highlight @ splash page -- */

#pagecontent.producthighlight {
	font-size:12px;
}

#pagecontent.producthighlight h1 {
	font-size: 26px;
	color: #990000;
	padding:0;
	letter-spacing: 0px;
	font-weight:normal !important;
}

#pagecontent.producthighlight .title {
	font-size: 18px;
	font-weight:normal !important;
	line-height:1;
	color: #ff7725;
}

#pagecontent.producthighlight img.thumbnail {
	padding-right:15px;
}

#pagecontent.producthighlight table {
	margin-bottom: 30px;
}

#pagecontent.producthighlight table td {
	vertical-align:top;
}

#pagecontent.producthighlight #orderlink {
	margin-top:10px;
}

/* -- CONTENTS: EA LAN Agent -- */
#pagecontent.eagent h2 {
	font-size: 18px;
	font-weight:normal !important;
	color: #ff7725;
}

#pagecontent.eagent .addresstop {
	background-color: #e5e5e5;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	padding: 5px 5px 5px 25px;	
}

#pagecontent.eagent .addressbottom {
	background-color: #c6c6c6;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	padding: 5px 5px 5px 25px;
	margin-bottom:90px;
}

#pagecontent.eagent .addresstop p, #pagecontent.eagent .addressbottom p {
	font-size: 12px;
	font-weight:normal !important;
	color: #333333;
}

#pagecontent.eagent h3 {
	font-size: 14px;
	font-weight:bold !important;
	color: #000000;
}

/* -- CONTENTS: Press n product -- */

#pagecontent.presscontent h2, 
#pagecontent.productcontent h2 {
	font-size: 18px;
	font-weight:normal !important;
	color: #ff7725;
}

#pagecontent.presscontent h2 .pressdate,
#pagecontent.productcontent h2 .newsdate {
	font-size: 10px;
}

#pagecontent.presscontent .boldtxt,
#pagecontent.productcontent .boldtxt {
	font-weight:bold !important
}

#pagecontent.presscontent h3, #pagecontent.presscontent ul, 
#pagecontent.productcontent h3, #pagecontent.productcontent ul {
	color: #ff7725;
	font-size: 14px;
	font-weight:bold !important
}

#pagecontent.presscontent p, #pagecontent.presscontent li, 
#pagecontent.productcontent p, #pagecontent.productcontent li {
	font-size: 12px;
	font-weight:normal !important;
	color: #333333;
}

#pagecontent.presscontent ul, 
#pagecontent.productcontent ul {
	padding: 0;
	margin: 0;
}

#pagecontent.presscontent li, 
#pagecontent.productcontent li {
	padding: 0;
	margin-left: 16px;
}

#pagecontent.presscontent li, 
#pagecontent.productcontent li {
	list-style:url(images/bullet.png) outside;
}

#pagecontent.productcontent a.orderbar {
	width:645px;
	display:block;
	text-align:right;
	padding: 15px 15px 15px 0;
	background-color:#e5e5e5;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
}

#pagecontent.productcontent a.orderbar:hover {
	background-color:#e5e5e5;
}

#pagecontent.productcontent a.orderbar img {
	border: 0;
}


/* -- CONTENTS: Products n photo gallery -- */

#pagecontent.productcontent h1,
#pagecontent.photocontent h1 {
	font-size: 20px;
	font-weight:normal !important;
	color: #333333;
}

#pagecontent.productcontent .productnav,
#pagecontent.photocontent .photonav {
	width:650px;
	padding:5px 0 5px 10px;
	background-color:#d3d3d3;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
#pagecontent.productcontent .productnav {
	margin-bottom:15px;
}

#pagecontent.productcontent .productnav a,
#pagecontent.photocontent .photonav a {
	color:#FFFFFF;
	text-decoration:none;
	padding: 0 8px;
	border-right:#FFFFFF solid 1px;
}

#pagecontent.productcontent .productnav a:hover,
#pagecontent.photocontent .photonav a:hover {
	background-color:#999999;	
}

/* -- CONTENTS: Products -- */
#pagecontent.productcontent #productcatelogue {
	font-size:10px;
	color:#333333;
	font-weight:normal !important;
}

#pagecontent.productcontent .productcatelogue td {
	padding-right: 30px;
	padding-bottom: 10px;
}

#pagecontent.productcontent .productcatelogue td img{
	padding-bottom: 4px;
}

#pagecontent.productcontent .productcatelogue .thumbnail {
	width: 108px;
	text-align:center;
	line-height:1.2em;
}
/*
#pagecontent.productcontent .productcatelogue .thumbnail img {
	padding-bottom: 4px;
}
*/

/* -- CONTENTS: photo gallery -- */

#pagecontent.photocontent .photothumbnail {
	margin-top:20px;
}

#pagecontent.photocontent .photothumbnail td {
	padding-right: 15px;
	padding-bottom: 15px;
}

/* -- CONTENTS: Distribution-ship -- */

#logoholder {
	width: 960px;
	height:218px
}
.ealogo {
	border-right: 1px solid #CCC;
	float:left;
	padding: 15px 80px 15px 50px;
}

.ealogo a {
	border:0;
	text-decoration:none;
}

.ealogo img {
	border:0;
}

.atarilogo {
	float:left;
	padding: 35px 85px 0 85px;
}

.atarilogo a {
	border:0;
	text-decoration:none;
}

.atarilogo img {
	border:0;
}

.agentlink {
	width:299px;
	height:218px;
	float:left;
	text-align:center;
	background-color:#e5e5e5;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
}

.agentlink a {
	display:block;
}


/* -- CONTENTS: Contact Us -- */

#contactsidebar {
	width:256px;
	height:510px;
	font-size: 12px;
	background-color: #e5e5e5;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
}

#contactsidebar .addresstitle {
	color: #333333;
	font-weight:bold !important;
	text-align: left;
	background-color: #c6c6c6;
	-moz-border-radius-topleft: 14px;
	-webkit-border-top-left-radius: 14px;
	-moz-border-radius-topright: 14px;
	-webkit-border-top-right-radius: 14px;
	padding: 15px 20px;
}

#contactsidebar .addressinfo {
	line-height: 1.5em;
	background-color: #e5e5e5;
	-moz-border-radius-bottomleft: 14px;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-bottomright: 14px;
	-webkit-border-bottom-right-radius: 14px;
	padding: 10px 20px;
}

#contactsidebar .addressinfo .map {
	width:212px;
	border:#FFFFFF 1px solid;
}

#contactform {
	font-size: 12px;
	width:620px;
	height:450px;
	background-color: #e5e5e5;
	padding: 30px 20px;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
}

#contactform em {
	color:#CC3333;
}

#contactform .contactinfo label,
#contactform label span,
#contactform .contactinfo input,
#contactform textarea,
#contactform select {
	display:block;
	float:left;
	margin-bottom:10px;
}

#contactform label span {
	width:85px;
	text-align:right;
	color:#333;
	/*margin-top:3px;
	margin-bottom: 20px;*/
	/*padding:3px 0 20px 0;*/
}
/*#contactform .contactinfo label span { padding:3px 0 20px 0;}*/

#contactform .contactinfo input {
	height:14px;
	border:#999 1px solid;
	background-color:#FFFFFF;
	width:196px;
	margin:0 5px;
	padding:2px 2px;
}

#contactform .contactinfo textarea {
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	border:#999 1px solid;
	background-color:#FFFFFF;
	margin:0 5px 5px 5px;
	width:493px;
	padding:2px 2px;
}

#contactform select {
	width:499px;
	margin:0 5px 0 5px;
}

#contactform .submitaction {
	text-align:right;
	margin: 0 31px;
}

#contactform .submitaction input {
	display:inline;
	float:none;
	margin:0;
}

.submitbtn {
	display:block;
	float:right;
	width:103px;
	height:35px;
	background:url(images/inquiry.png) no-repeat;
}

.submitbtn:hover, .submitbtn:focus {
	background-position:right top;
}


#contactform .note {
	margin-left:88px;
	width: 500px;
	font-style:italic;
	font-size:11px;
	text-align:left;
}

#contactform .note a {
	font-style:italic;
	text-decoration:none;
	color:#CC3333;
}

#contactform .note a:hover {
	color:#990000;
	border-bottom:#990000 dotted 1px;
}

/* 
#contactform .contact-info label,
#contactform label span,
#contactform input,
#contactform textarea,
#contactform select {
	display:block;
	float:left;
}
#contactform label span {
	width:80px;
	text-align:right;
	color:#333;
	padding:5px 0;
}
#contactform .contact-info input {
	width:170px;
	margin:0 10px 10px;
	padding:5px 0;
}
#contactform input, #contactform textarea {
	font-size:14px;
}
#contactform .contact-subject {
	padding:0 0 20px;
}
#contactform .contact-subject select, #contactform .contact-content textarea {
	width:450px;
	margin:0 10px;
}
#contactform .contact-content textarea {
	margin-bottom:20px;
}
#contactform .contact-action {
	text-align:right;
}
#contactform .contact-action input {
	display:inline;
	float:none;
	margin:0 25px 20px 0;
}
*/

/* -- FOOTER -- */

#footerholder .copyright {
	width: 960px;
	margin:0 auto;
	padding: 15px 0 20px 0;
	font-size:10px;
	color:#CCCCCC;
	text-align:left;
}


/* Small Banner --*/
#sidebanner {
	width:220px;
	height:100px;
	background-color:#999999;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	margin-top:20px;
	
}

#sidebanner p {
	padding: 10px;
	
}

/* -- Alignment -- */

.fl-right {
	float:right;
}
.fl-left {
	float:left;
}
.cl-right {
	clear:right;
}
.cl-left {
	clear:left;
}
.cl-both {
	clear:both;
}
.clearfix {
	clear:both;
	height:0;
	font-size:1px;
	line-height:1px;
	width:100%;
	overflow:hidden;
}

.block {
	display:block;
}

.photothumbnail td a {
    background-color: #ECECEC;
    border: 1px solid #999999;
    padding: 5px 5px 10px;
    display: block;
    float: left;
    margin: 5px;
}

.photothumbnail td a:hover {
    background-color: #FFFFFF;
    border: 1px solid #333333;
}

.photothumbnail td a img {
    border: 1px solid #999999;
}

.photothumbnail td a.lightbox-enabled img {
    border: 1px dotted #999999;
}