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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;


}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear{
clear:both;
}

body
{
font-family:arial,sans-serif;
line-height:1;
font-size:100%;
background:#65b2ce url(images/bg_tile.jpg) repeat-x center top;
color:#ffffff;
}
.font14{
	font-size:14px;
	}
.font12{
	font-size:12px;	
}
.white{
	color:#FFF;	
}
.bold {
	font-weight:bold;	
}
.left{
	float:left;
}
.paddingtop5{
	padding-top:5px;
}
.style1 {
	font: 18px/27px;
}

#wrapper
{
margin:0 auto;
width:1100px;
color:#000;

}
#header{
	width:1100px;
	height:136px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	position:relative;
	z-index:5000;
	
}
#search{
	position:absolute;
	height:29px;
	width:235px;
	left: 670px;
	top: 102px;
}
#login{
	position:absolute;
	height:75px;
	width:265px;
	left: 670px;
	top: 17px;
}
.blueinput{
	width:144px;
	background-color:#57b3d4;
	color:#FFF;
	border:#468fa9 inset 1px;
	height:20px;
	margin:3px 0px 3px 0px;
	font-size:14px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}
.signup{
	font-size:10px;	
	color:#fa4903;
	margin:0px 5px 0px 0px;
}

#nav {
		margin:0; 
		padding:0; 
		list-style:none;
		z-index:5000;

	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:inline;
			position:relative;
			z-index:500; 
			margin:0 6px;
		}
		
		/* this is the parent menu */
		#nav li a {
			 
			padding:10px 5px 0px 5px;
			 display:inline-block; 
			height:31px;
			text-decoration:none; 
			color:#FFF; 
			
		
		}

		#nav li a:hover {
			
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			top:30px;
			padding:0; 
			list-style:none;
			background-color:#FFF;
			border-bottom:solid #fb4700 1px;
			border-left:solid #fb4700 1px;
			border-right:solid #fb4700 1px;
			width:160px;
		}

		
		
		
		#nav ul li {
			float:left; 
			border-top:1px solid #fff;
			width:100%;
			margin:0 0px;
			display:block;
			
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul li a {
			display:block;
			font-size:15px;
			text-decoration:none;
			padding:7px 5px 7px 10px;
			border-bottom:dotted #fb4700 1px;
			color:#fc4700;
			height:1%;
			
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
.nav{
	position:absolute;
	left: 76px;
	top: 81px;
	width: 530px;
	height: 34px;
	z-index:5000;
}
/***


.nav ul#nav{
	cursor:default;
}
.nav ul#nav li{
float:left;
margin:0px 10px;
}
.nav ul#nav li a{
	text-decoration:none;
	color:#FFF;
}
#nav ul{
	position:absolute;
	width:120px;
	background-color:#FFF;
	border-bottom:solid #fb4700 1px;
	border-left:solid #fb4700 1px;
	border-right:solid #fb4700 1px;

	
	}
ul{
	text-align:right;
	}
ul li{
	
	}
ul li a{
	display:block;
	font-size:10px;
	text-decoration:none;
	padding:7px 5px 7px 0px;
	border-bottom:dotted #fb4700 1px;
	color:#fc4700;
}
ul li ul li a:hover{
	color:#036;
	background-color:#dff6ff;
	border-bottom:dotted #0c3c4f 1px;
	padding:7px 8px 7px 0px;
}

ul li ul{
	top:113px;
	left:69px;
	z-index:1000;
	display:none;
	}**/
#content{
	/**width:978px;**/
	width:961px;
	margin:0px auto;
	padding:5px 0px 80px 0px;
	position:relative;
	z-index:1;
	overflow:hidden;
}
#ad{
	width: 728px;
	height: 15px;
	margin:10px auto;
}
#ad2{
	width: 728px;
	height: 15px;
	margin:10px 0px;
}
#top_links{
margin:10px 0;
}
.box_link{
	width:175px;
	position:relative;
	float:left;
	display:inline;
	top:-25px;
}
.bx_lnk{
margin-left:22px;
}
.bx_lnk_last{
margin-left:19px;
}
.box_link_bot{
	background-image: url(images/link_bg.gif);
	height:41px;
	width:175px;
}
.box_link_bot a{
	height:31px;
	width:160px;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:10px 0px 0px 15px;
	position:relative;
	font-size:14px;
}
.box_link_bot a:hover{
	color:#6dbad8;
	text-decoration:none;
}
#bot_links{
	
}
.bot_link{
float:left;
overflow:hidden;
position:relative;
width:304px;

}
.bot_link_middle{
	float:left;
	padding:0 24px;
	position:relative;
	width:305px;
	overflow:hidden;
}
.bot_box{
	width:298px;
	height:256px;
	background-color:#FFF;
	padding:2px 0px 0px 5px;
	position:relative;
}
.bot_box_inner_box{
	float:left;
	width:139px;
	height:119px;
	background-color:#f0f0f0;
	margin:4px;
	position:relative;
	border:1px solid #5e5e5e;
	overflow:hidden;
	display:inline;
}
.product_name{
	position:absolute;
	left: 50px;
	top: 76px;
	width: 84px;
	font-size:13px;
	text-align:right;
	height: 23px;
	background-color:#0d8bbc;
	line-height:20px;
	padding:0px 4px 0px 0px;
}
.product_name a{
	color:#FFF;
	text-decoration:none;
}
.product_quantity{
	position:absolute;
	height: 20px;
	line-height:20px;
	left: 60px;
	top: 99px;
	width: 75px;
	text-align:right;
	background-color:#0e6484;
	padding:0px 4px 0px 0px;
}
.product_quantity a{
	color:#FFF;
	text-decoration:none;
}
.game_box{
	width:142px;
	height:111px;
	position:relative;
	float:left;
	margin:5px 3px 8px 3px;
	display:inline;
}
.play_now{
	position:absolute;
	left: 55px;
	top: 91px;
}
#num1{
	position:absolute;
	left: 41px;
	top: 224px;
	width: 38px;
	font-weight:bold;
	font-size:30px;
	color:#0d8bbc;
}
#num2{
	position:absolute;
	left: 138px;
	top: 224px;
	width: 42px;
	font-weight:bold;
	font-size:30px;
	color:#0d8bbc;
}
/***article page***/
#article
{
background:#fdfefe;
width:628px;

float:left;
margin-top:18px;
display:inline;
overflow:hidden;
padding:19px;
}
#article h1
{
font:18px/27px;
border-bottom:1px solid #4c8dbb;
color:#4c8dbb;
padding-bottom:8px;
}
#article p
{
color:#333333;
font-size:14px;
margin:18px 0;
}
#sidebar
{
width:268px;

float:left;
margin-top:18px;
margin-left:17px;
display:inline;
overflow:hidden;
}
.ad1
{
padding:9px;
background:#FFF;
margin-bottom:10px;
}
.related_link
{
background:url(images/title_banner.png) no-repeat;
height:30px;
font:18px/27px;
color:#fff;
padding-left:15px;
padding-top:10px;
}
.related_link_list
{
background:#FFF;
padding-bottom:8px;
}
.related_link_list ul
{
color:orange;
list-style:disc outside none;
margin-left:46px;
}
.related_link_list ul li
{
padding:14px 0;
}
.related_link_list ul li a
{
font:18px/27px;
text-decoration:none;
color:#4c8dbb;
}
.ad4
{
margin:15px 0;
}
/*** article page****/
/*** blog/article page****/
.left_cont
{
width:766px;
float:left;
overflow:hidden;
display:inline;
}
.flash_game
{

}
.ad3
{
width:160px;
float:right;
overflow:hidden;
display:inline;
margin-top:35px;

}
.game_nav
{
margin-bottom:20px;
}
/***

.game_nav ul li {
clear:none;
display:block;
float:left;
overflow:hidden;
background:#FFF;
padding:4px;
width:141px;
height:112px;
}

 .game_nav ul li.mar_first,.game_nav ul li.mar9
{
margin-right:7px;
} ****/


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

.game_nav ul li{
  float: left;
    cursor:pointer;

  display: block;
margin-right:21px;
}
.game_nav ul li.last{
margin-right:0px;
}
.playnow
{
margin-left:101px;
_margin-left:100px;

}
.playnow a 
{
background:url(images/playnow_btn.gif) no-repeat;
display:block;
text-indent:-9000px;
height:29px;
width:84px;
}
.game_nav ul li span{
  display: block;
  overflow: hidden;
background:#FFF;
padding:5px;
width:165px;
height:120px;
word-wrap: break-word;
position:relative;
}

#a1{
  width: 361px;

}

.game_nav ul li img{
  position: absolute;
z-index:500;

}

.product_detail {

overflow:hidden;
font:14px/27px ;
text-decoration:none;
color:#4c8dbb;
_width:185px;
height:117px;
margin-left:174px;
display:block;
width:186px;
padding-top:3px;

}
.product_detail em
{
color:#ff4800;
font-style:normal;
}
.title{
	font-size:14px;
}
.desc{
	font-size:14px;
	height:45px;
}


/*** blog/article page****/
/*** gameplay page****/
.hotgames
{
margin-bottom:20px;
}
.hotgames ul li {
clear:none;
display:inline;
float:left;
overflow:hidden;
padding:5px;
width:165px;
background:#FFF;
margin-bottom:15px;

}
.hotgames ul li.mar15 {
margin-right:19px;

}

.hotgames ul li.thmb {
border:1px solid;
}

.hotgames
{
margin-bottom:15px;
}
.featured ul li {
clear:none;
display:inline;
float:left;
overflow:hidden;
padding:9px;
width:162px;
background:#FFF;

}
.featured ul li.mar15 {
margin-right:15px;
}

#searchsubmit
{
	border:none;
	background: url(images/search_btn.gif);
	width:71px;
	height:27px;
	cursor:pointer;
}
/*** gameplay page****/
.social_bookmark
{
	font-size:10px;
	color:grey;
}

.navigation
{
	text-align:right;
	font-weight:bold;
}


.details_new
{
color:#FFFFFF;
font-family:helvetica;
font-size:13px;
padding:0px 11px 0px;
position:absolute;
left:0px;
top:95px;
z-index:10000;
cursor:pointer;
}

.details_new h2
{
	padding-top:9px;
}
.details_box_new{
	background-color:#000;
	height:30px;
	position:absolute;
	width:175px;
	left:0px;
	top:95px;
	opacity: 0.5;
  	filter: alpha(opacity = 50);
	cursor:pointer;
	
}

.footer a
{
	color:#FFF;
	text-decoration:none;
}

.footer 
{
	color:#FFF;
	text-align:center;
	margin-top:15px;
}
.sitemap ul
{
	margin-top:10px;
}

.sitemap ul li
{
	margin:10px 0px;
}

.sitemap ul li a
{
	color:#4C8DBB;
	text-decoration:none;
}
.iconbox{
	float:right;
	width:34px;
}
.iconbox img{
	margin:0px 0px 8px 0px;
}
.at300b{
	margin:0px 0px 8px 0px;
	display:block;
}


.bot_box{
	background-color: #FFFFFF;
    height: 256px;
    padding: 4px 4px;
    position: relative;
    width: 298px;
}

.irewards{
	background: url("images/irewards_bg.jpg") no-repeat;
	height: 55px;
	width: 215px;
	padding: 204px 0px 0px 81px;
}

.start_btn{
cursor: pointer;
}

.ireward_banner{
background: url(images/banner_bg.jpg);
border: 1px solid;
position:relative;
width: 764px;
height: 112px;
}

.startsurvey_btn{
cursor: pointer;
position:absolute;
top:66px;
left:495px;
}



.survey_steps
{
	display:none;
	width:298px;
	height:256px;
}
.step1
{
	background:url("images/rightcorner/step1.jpg");

}
.step2
{
	background:url("images/rightcorner/step2.jpg");
}
.step3
{
	background:url("images/rightcorner/step3_1.jpg");
}

.step4
{
	background:url("images/rightcorner/step3_2.jpg");
}

.step5
{
	background:url("images/rightcorner/step4.jpg");
}
.answers
{
	position:absolute;
	color:#2B2321;
	left:136px;
	top:105px;
}
.chat_now
{
	position:absolute;
	color:#2B2321;
	left:138px;
	top:177px;
}
.answers ul
{
	list-style-type:none;
	font-weight:bold;
}
.answers ul li
{
	height:45px;
	cursor:pointer;
}
.answers ul li:hover
{
	text-decoration:underline;
}