@import url("pagination.css");
@import url("purchase.css");
/* =Structure */


body {
font:normal 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
color:#fff;
line-height:160%;
margin:0px;
padding:0px;
text-align:center;
background:#000 url(../img/global/bg.jpg) 50% 0 no-repeat;
}



/* Purchase page styles */

#purchase_index{
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/uk/purchase_index_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#purchase_homepage_sandbox{
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/uk/purchase/purchase_homepage_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#purchase_nokia{
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/uk/purchase_nokia_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}


#purchase_index_complete{
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/uk/purchase_index_bg_complete.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}



#zeemoteready {
background:#000 url(../img/global/zeemoteready/zeemoteready_bg.jpg) 50% 0 no-repeat;	
}


#handset {
	background-color: #000;
	background-image: url(../img/global/handset/zeemoteready_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}


#zeemoteready_form{
	margin-top: 240px;
	margin-left: 370px;	
}

#zeemoteready .pagebutton-holder {
	width: 300px;
	text-align: right;
}


.label {
}

#container {
width:972px;
margin:10px auto 0 auto;
padding:0px;
text-align:left;
position:relative;
}

#container-flash {
position:absolute;
width:974px;
height:520px;
top:0;
left:0;
}

#container-nav {
width:974px;
height:38px;
background:#000 url(../img/global/nav_bg.jpg) 0 0 repeat-x;
}

#container-header-country {
position:absolute;
top:9px;
left:450px;
}

#container-header-topnav {
	top:13px;
	right:40px;
	/*width:254px;*/
height:25px;
	float: right;
	position: absolute;
	left: 610px;
}

#container-textarea {
padding:3px 0 0 10px;
height:518px;
}

#container-textarea-games {
padding:40px 0 0 10px;
height:481px;
background:transparent url(../img/global/textarea_games_bg.jpg) 50% 100% no-repeat;
}


.games-phone{
	background-image: url(../img/global/games_racing_phone.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 280px;
	width: 251px;
	float: right;
	background-color: transparent;
	padding-top: 78px;
	padding-left: 81px;
}



.games-outer-con{
	margin: 0px;
	padding: 0px;	
}


.no-content-games{
margin: 341px 20px 0 25px;
}

#container-textarea-games-content {
margin:40px 0 0 20px;
float:left;
width:580px;
}

#container-textarea-games-content-left {
text-align:center;
margin:55px 10px 0 0;
float:left;
width:140px;
}

#container-textarea-games-content-left-holder {
height:255px;
}

.container-textarea-games-content-left-holder-image {
padding:0 0 15px 0;
}

#container-textarea-games-content-slider-back {
float:left;
width:140px;
margin:0 20px 0 0;
padding:20px 0 0 0;
text-align:center;
}

#container-textarea-games-content-slider {
float:left;
width:330px;
padding:10px 0 0 0;
}

#container-textarea-games-content-logo {
float:left;
width:60px;
margin:20px 0 0 15px;
}

#container-textarea-games-content-right {
margin:0 20px 0 0;
overflow:auto;
height:348px;
margin:0;
float:right;
width:420px;
}

#container-textarea-games-image {
margin:110px 0 0 0;
float:left;
width:340px;
}

#container-textarea-nav {
width:203px;
height:385px;
float:left;
margin:40px 40px 0 10px;
padding:60px 0 0 0;
background:transparent url(../img/global/textarea_nav_bg.jpg) 0 0 no-repeat;
}

#container-textarea-content {
width:690px;
float:left;
padding:107px 0 0 0;
}

#container-textarea-content-holder {
margin:15px 0 0 0;
padding:0 0 0 0;
height:350px;
/*overflow:auto;*/
}




#container-textarea-content-holder2 {
margin:15px 0 0 0;
padding:0 0 0 0;
height:350px;
overflow:auto;
}

#container-textarea-content-holder-signup {
margin:15px 0 0 0;
padding:10px 0 0 30px;
height:320px;
background:transparent url(../img/global/signup_bg.gif) 0 0 no-repeat;
}


#container-textarea-content-holder-signup-support {
	margin:15px 0 0 0;
	padding:10px 0 0 30px;
	height:320px;
	overflow: auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.container-textarea-content-holder-signup-col {
float:left;
width:280px;
margin:0 20px 0 0;
}

#container-textarea-content-holder-col1 {
margin:0 10px 0 0;
float:left;
width:440px;
}

#container-textarea-content-holder-col2 {
margin:5px 0 0 0;
overflow:none;
float:left;
width:200px;
}

#container-textarea-content-holder-col1-title {
float:left;
width:320px;
}

#container-textarea-content-holder-col1-back {
float:right;
width:120px;
text-align:right;
}

#container-textarea-content-holder-left {
float:left;
width:360px;
margin:0 20px 0 0;
}

#container-textarea-content-holder-right {
float:left;
width:280px;
margin:0 10px 0 0;
}

.container-textarea-content-holder-list {
padding:0 0 10px 0;
}

.container-textarea-content-holder-list-left {
float:left;
width:80px;
margin-bottom:10px;
}

.container-textarea-content-holder-list-right {
float:left;
width:360px;
}


#container-footer {
padding:10px;
text-align:center;
}

.container-footer-panel {
float:left;
width:225px;
padding:0 6px;
height:118px;
}

.container-textarea-content-holder-panel {
margin:0;
padding:10px 10px 10px 0;
float:left;
}

.container-textarea-content-holder-image {
	margin:0;
	float:left;
	border-bottom:1px solid #454545;
	height: 120px;
	width: 100px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	text-align: center;
	vertical-align: middle;
}

.pagebutton-holder {
	margin: 0px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.profile_image {
float:left;
padding:5px 10px 5px 0;
margin:0;
}



/* =Links */

img {
border:none;
padding:0;
margin:0;
}

a img {
border:none;
}

a {
color:#fff;
text-decoration:underline;
}

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

a.backbutton {
color:#D79A03;
}

a.backbutton:hover {
color:#fff;
}

.no-underline a {
	color:#fff;
	text-decoration:none;
}

.no-underline a:hover {
color:#D79A03;
text-decoration:underline;
}


/* =Lists */

#container-textarea-nav ol {
list-style:none;
padding:0;
margin:0;
}

#container-textarea-nav ol li {
text-align:left;
border-bottom:1px solid #454545;
padding:5px 0;
margin:0 10px;
}

#container-textarea-nav ol li a {
text-decoration:none;
color:#D79A03;
font-size:14px;
font-family:"Trebuchet MS",Helvetica,Arial,sans-serif !important;
}

#container-textarea-nav ol li a:hover {
text-decoration:none;
color:#fff;
}






/* SUB NAV */




#container-textarea-nav .sub-nav {
	list-style:none;
	padding:0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#container-textarea-nav .sub-nav li {
	text-align:left;
	border-bottom-style: none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}



#container-textarea-nav .sub-nav a {
text-decoration:none;
color:#D79A03;

font-family:"Trebuchet MS",Helvetica,Arial,sans-serif !important;
}

#container-textarea-nav .sub-nav a:hover {
text-decoration:none;
color:#fff;
}

#container-textarea-content-holder-right ul {
list-style:none;
padding:0;
margin:10px 0 0 0;
}

#container-textarea-content-holder-right ul li {
border-bottom:1px solid #454545;
padding:3px 0;
}

.press {
list-style:none;
padding:0;
margin:0;
}

.press li {
background:transparent url(../img/global/docimage.gif) 0 10px no-repeat;
border-bottom:1px solid #454545;
padding:5px 10px 5px 60px;
min-height:80px;
}

.contentlist ul {
list-style:none;
margin:10px 0;
padding:0;
}

.contentlist ul li {
padding:0 0 3px 20px;
background:transparent url(../img/global/listitem.gif) 0 4px no-repeat;
}


/* =Text */

h1 {
font-family:"Lucida Grande", Helvetica, Arial, san-serif;
font-size:28px;
font-style:normal;
font-weight:normal;
font-variant:normal;
line-height:120%;
color:#D79A03;
margin:0;
padding:0;
text-transform:uppercase;
border-bottom:1px solid #454545;
}


.twolines{
	font-size: 22px;	
	
}

.gamestitle {
font-size:34px;
padding:0 0 10px 0;
border-bottom:none;
}

h2 {
font-family:"Lucida Grande", Helvetica, Arial, san-serif;
font-size:22px;
font-style:normal;
font-variant:normal;
line-height:120%;
color:#D79A03;
padding:0 0 5px 0;
text-align:center;
margin:10px;
text-transform:uppercase;
border-bottom:1px solid #454545;
}

h3 {
font-family:"Lucida Grande", Helvetica, Arial, san-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
line-height:140%;
color:#D79A03;
padding:0;
margin:0 0 10px 0;
}

h3 a {
font-family:"Lucida Grande", Helvetica, Arial, san-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
line-height:140%;
color:#D79A03;
padding:0;
margin:0 0 10px 0;
}

h3 a:hover {
text-decoration:none;
}

h4 {
font-family:"Lucida Grande", Helvetica, Arial, san-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
line-height:140%;
color:#D79A03;
padding:0;
margin:0;
border-bottom:1px solid #454545;
}

h5, h5 a {
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
line-height:160%;
color:#D79A03;
padding:0;
margin:0;
}

h6 {
font-family:"Lucida Grande", Helvetica, Arial, san-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
line-height:140%;
color:#D79A03;
padding:0;
margin:0 0 10px 0;
}

p {
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
font-size:12px;
line-height:160%;
color:#fff;
padding:0 0 8px 0;
margin:0;
}

.contact-sidetext {
padding:0 0 8px 20px;
}

.container-textarea-content-holder-signup-col p {
padding:0 0 6px 0;
}

#footer p {
font-size:11px;
line-height:120%;
color:#333;
}


/* =Misc */



.yellow{
color:#D79A03;
}

.signuptextbox {
	width:220px;
	margin:0;
	padding:1px;
}


#container-flash a
{
         display: block;
         float: left;
         /* border: 1px dashed red; /* debug display */
}
#container-flash a span
{
         display: none;
}

#container-flash a#link1
{
	height: 100px;
	width: 150px;
	position: absolute;
	left: 796px;
	top: 62px;
	z-index: 99;
}

#container-flash a#link2
{
	height: 30px;
	width: 250px;
	position: absolute;
	left: 380px;
	top: 120px;
	z-index: 99;
	background-color: transparent;
}



















#container-flash a
{
         display: block;
         float: left;
         /* border: 1px dashed red; /* debug display */
}
#container-flash a span
{
         display: none;
}

#container-flash a#link1
{
	height: 100px;
	width: 150px;
	position: absolute;
	left: 796px;
	top: 62px;
	z-index: 99;
}











#container-textarea a
{
        
         /* border: 1px dashed red; /* debug display */
}
#container-textarea a span
{
         display: none;
}

#container-textarea a#link1
{
	height: 100px;
	width: 150px;
	position: absolute;
	left: 796px;
	top: 62px;
	z-index: 99;
}




#container-textarea-games a
{
        
         /* border: 1px dashed red; /* debug display */
}
#container-textarea-games a span
{
         display: none;
}

#container-textarea-games a#link1
{
	height: 100px;
	width: 150px;
	position: absolute;
	left: 796px;
	top: 62px;
	z-index: 99;
}#container #container-textarea #container-textarea-content #container-textarea-content-holder #container-textarea-content-holder-col1 .content-text-holder {
	height: 300px;
}




.questions ul{
	font-size: 11px;
	list-style-type: none;
	overflow: auto;
	height: 250px;
}



.questions ul li{
	padding-bottom: 10px;
}

.questions ul li a {
text-decoration:none;
color:#D79A03;

}

.questions ul li a:hover {
text-decoration:none;
color:#fff;
}



.created {
	margin: 15px;
	display: block;
	text-align: right;
	float: right;
	
	font-size: 11px;
	color: #333333;
}


.created a {
	color: #333333;
	text-decoration: underline;
}

.created a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#zeemoteready #container #container-header #container-flash #zeemoteready_form #form1 .label {
	width: 80px;
	float: left;
	color: #D19600;
	font-size: 12px;
}












/* Purchase Page Styles */


#purchase_form{
	margin-top: 260px;
	margin-left: 140px;
}


.purchace_input{
	height: 10px;
}



#purchase_index{
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/uk/purchase_index_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#purchase_nokia{
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/uk/purchase_nokia_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#purchase_blackberry{
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/uk/purchase_blackberry_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}


#purchase_homepage{
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/uk/purchase_homepage_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}



#purchase_nokia_container{
	margin-top: 180px;
	margin-left: 340px;
	height: 250px;
}

#purchase_nokia_container #left{
	float: left;
	height: 120px;
	width: 185px;	
}



#purchase_nokia_container #right{
	float: left;
	height: 120px;
	width: 120px;	
	
}




/* Purchase homepage */
#purchase_hompage_container{
	margin-top: 170px;
	margin-left: 240px;
	height: 300px;
}

#purchase_hompage_container #left{
	float: left;
	height: 300px;
	width: 250px;
}



#purchase_hompage_container #right{
	float: left;
	height: 300px;
	width: 320px;	
}


#purchase_hompage_container{
	margin-top: 170px;
	margin-left: 240px;
	height: 300px;
}

#purchase_hompage_container #left{
	float: left;
	height: 300px;
	width: 250px;
}



#purchase_hompage_container #right{
	float: left;
	height: 300px;
	width: 320px;	
}



a#js1-in-action
{
	height: 120px;
	width: 120px;
	display: block;
}

a#zeekey-install-guide
{
	height: 120px;
	width: 120px;
	display: block;
}


a#buy-now-button-link
{
	height: 50px;
	width: 125px;
	display: block;
}


a#nokia
{
	height: 300px;
	width: 250px;
	display: block;
}



a#blackberry
{
	height: 300px;
	width: 320px;
	display: block;
}

#purchase_nokia_container #buy-now-button{
	height: 50px;
	width: 125px;
	margin-top: 70px;
	margin-left: 100px;
}


#purchase_index_complete{
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/uk/purchase_index_bg_complete.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.clear{
	clear: both;
}
