/****common css*/
*{margin:0;padding:0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {margin:0;padding:0;}
body{background-color:#fff;}
ul, li{list-style:none;}
img{border:0 none;}
body{font:12px arial,helvetica,sans-serif;color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h2{font-size:14px;font-weight:bold;}

h2 a,h2 a:visited{text-decoration:underline;}

.flr{float:right;}
.fll{float:left;}
.cl{clear:both;}
.disn{display:none;}
.cmore{padding:10px 5px 0 0;font-size:11px;text-decoration:none;}
a,a:visited{color:#0066cc;text-decoration:none;}
a:hover{color:#0066cc;text-decoration:underline;}


#topBlock h2, #categoryBlock h2, #rcmBlock h2, #relatedBlock h2{background:transparent url(../img/bg_cat_title.png) no-repeat scroll left top;height:30px;}
.borderWrapper{border-left:1px solid #6bc6e6;border-right:1px solid #6bc6e6;}
.topRightCorner{display:block;background:transparent url(../img/bg_cat_title.png) no-repeat scroll right top;margin-left:25px;height:24px;padding-top:6px;} /**height+paddingtop=30(bgimg height)*/
.bottomLeftCorner{clear:both;display:block;overflow:hidden;background: transparent url(../img/bg_cat_title.png) no-repeat scroll left -35px; height:5px;}
.bottomRightCorner{display:block;overflow:hidden; background: transparent url(../img/bg_cat_title.png) no-repeat scroll right -35px; height:5px;margin-left:25px;}

/****************header and footer******************/

#header{margin-top:10px;}
.logo{float:left;}
.logo h1{font-size:20px;}
.logo h1 a, .logo h1 a:visited, .logo h1 a:hover{color:#333333; text-decoration:none;}

.sbox{height:25px;width:380px; padding-left:5px;margin-right:5px;font-size:18px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border:1px solid #28c; color:#333; float:left}
.sbutton{float:right;}

#navTabs{float:right; margin-right:10px;}
#navTabs li {display:inline;font-size:16px;}
#navTabs a {float:left;background:url(../img/bg_tab.gif) no-repeat scroll 0 0;margin:0 5px 0 0 ;text-decoration:none;text-shadow:0 2px 4px #000;}
#navTabs a span {float:left;display:block;background:url(../img/bg_tab.gif) no-repeat right -246px;padding:5px 10px;color:#FFF;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navTabs a span {float:none;}
/* End IE5-Mac hack */

#navTabs a:hover {background:url(../img/bg_tab.gif) no-repeat scroll 0 -36px;}
#navTabs a:hover span {background:url(../img/bg_tab.gif) no-repeat scroll right -282px;}
#navTabs .active a{background:url(../img/bg_tab.gif) no-repeat scroll 0 -36px;text-shadow:0 2px 4px #03c;}
#navTabs .active span {background:url(../img/bg_tab.gif) no-repeat scroll right -282px;}

/*
#navTabs a:hover {background-position:0 -35px;}
#navTabs a:hover span {background-position:100% -35px;}
#navTabs .active a{background-position:0 -35px;text-shadow:0 2px 4px #03c;}
#navTabs .active span {background-position:100% -35px;}
*/

#navMenu{border-top:1px solid #fff;}
#navMenu{clear:both;height:30px;background:transparent url(../img/navbg.png) repeat-x scroll 0 0;}
#navMenu li {float:left;color:#fff;font-size:14px;background: url(../img/menu_divider.png) no-repeat scroll top right;}
#navMenu .selected{padding:7px 10px;background:#3b92ff;}
#navMenu a{float:left;color:#fff;text-decoration:none;padding:7px 10px;}
#navMenu a span{float:left;}
#navMenu a:hover{background:#3b92ff;}

#footer{background:transparent url(../img/footbg.jpg) repeat-x scroll left top;line-height:20px;}
.footermenu{color:#0463A7;font-size:11px;width:100%;text-align:center;}
.copyright{text-align:center;font-size:11px;}
/*--------------header and footer ends-----------*/

/*********************homepage css********************/
#main{width: 960px; margin: 0 auto;}
#mainBox{float:left;width:100%;margin-top:10px;}
#mainContent{margin-right: 310px;}
#sideBar{float:left; width:300px;margin-left:-300px;margin-top:10px;}
#mainRow{width:100%;overflow:hidden;margin-bottom:10px;float:left;}

#popBlock{float:left;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
border: 1px solid #6bc6e6;
width: 418px; /*Width of Carousel Viewer itself*/
height: 215px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .belt .first {padding:7px 0 7px 7px;}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
padding: 7px;
width:410px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .belt ul li{
	float:left;
	display:inline;
	line-height:12px;

}
.stepcarousel .belt ul li.image{
	width: 200px;
	height:200px;
	text-align:center;
}
.stepcarousel .belt ul li.text{
	padding-left:10px;
	width: 180px;
	
	
}

.stepcarousel .belt ul li.text h4{
	font-size:18px;
	line-height:18px;
}
.stepcarousel .belt ul li.text p{
	line-height:16px;
	text-align:justify;
}

.sideBarBox{width:300px;margin-bottom:10px;}
.sideBarBox h2{background:transparent url(../img/bg_tab.gif) no-repeat scroll 0 -72px;padding:8px 0 8px 30px;}
.sideBarContent{padding:0 10px;background-color:#fff;}

.sideBarContentL ul{text-align:center;}
.sideBarContentL li{width:100px;}

.sideBarContentR{width:178px;}
.listnum ul{list-style-image:none; list-style-position:outside; list-style-type:none;}
.listnum ul li{list-style-image:none; list-style-position:outside;list-style-type:decimal;margin-left:35px;}

.sideBarBoxBottom{display:block;overflow:hidden;background:transparent url(../img/bg_tab.gif) no-repeat scroll 0 -103px;height:10px;}


#hotBlock{width:220px;float:right;}
#hotBlock h2{background:transparent url(../img/bg_tab.gif) no-repeat scroll 0 -164px; padding:8px 0 5px 25px;}
.hotGameWrapper{width:212px;overflow:hidden;padding:0 0 0 6px;}
.hotGameWrapper ul{float:left;text-align:center;width:100px;margin-right:5px;}

.hotGameBottom{display:block;overflow:hidden;clear:both;background:transparent url(../img/bg_tab.gif) no-repeat scroll 0 -200px;height:5px;}
.hImg{height:100px;overflow:hidden;}
.hImg img{width:98px; height:98px;border:1px solid #6bc6e6;}
.hText{height:32px;width:100px;}

#topBlock{float:left; width:420px;margin-top:10px;}
.topGameWrapper{height:168px;padding-left:7px;}
.topGameWrapper ul{float:left;display:block;text-align:left;}
.topGameWrapper li{height:20px; width:130px;margin-right:7px;overflow:hidden;}
.tgText{font-size:14px;font-weight:bold;padding-bottom:10px;}

#rcmBlock{clear:both;width:650px;}
.rcmGameWrapper{height:132px; padding:0 0 0px 6px;}
.rcmGameWrapper ul{float:left; display:block;text-align:center;}
.rcmGameWrapper li{margin-right:7px;width:100px;overflow:hidden;}
.rcmGameWrapper img{border:1px solid #6bc6e6;width:98px; height:98px;}


#categoryBlock{width:320px;margin-bottom:10px;}
#categoryBlock h2 a{margin-left:25px; padding-top:6px;display:block;}
.categoryWrapper{height:230px;padding:2px 0 0 7px;}
.categoryL ul{width:180px;}
.categoryL ul li{float:left; overflow:hidden;}
.topCateImg img{height:78px;width:78px;border:1px solid #6bc6e6;}
.topCateImg{width:80px;text-align:center;}
.topCateDesc{width:90px; margin-left:5px;line-height:18px;font-size:11px;height:110px;}

.categoryR{width:124px;}
.categoryR h3{display:block;background:transparent url(../img/bg_tab.gif) scroll no-repeat 0 -210px; height:20px;padding:2px  0 0 0;text-align:center;}
.categoryR ul{padding-left:4px;background-color:#fffbe9;border-left:1px solid #fef1c8;border-right:1px solid #fef1c8;border-bottom:1px solid #fef1c8;}


.num{height:14px; background:transparent url(../img/num.png) scroll no-repeat;padding-left:16px;margin-bottom:5px;overflow:hidden;}
.num1{background-position:left 0px;}
.num2{background-position:left -15px;}
.num3{background-position:left -30px;}
.num4{background-position:left -45px;}
.num5{background-position:left -60px;}
.num6{background-position:left -75px;}
.num7{background-position:left -90px;}
.num8{background-position:left -105px;}
.num9{background-position:left -120px;}
.num10{background-position:left -135px;}

/*---------------------homepage css ends -----------------------*/


/**********************categorypage***********************/
#mainBoxW{float:left;width:100%;}
#mainContentW{margin-right:260px;margin-bottom:10px}
#sideBarN{float:left;width:250px;margin-left:-250px;}
#breadCrumb{text-align:left;padding:5px 0;}
#categoryintro{padding-bottom:5px;font-size:16px;margin-bottom: 5px;}

.sideBarBoxN{width:250px;margin-bottom:10px;}
.sideBarBoxN h2{background:transparent url(../img/bg_tab.gif) no-repeat scroll 0 -118px;padding:8px 0 8px 30px;}
.sideBarContentN{padding:0 10px;background-color:#fff;}
.sideBarBoxBottomN{display:block;overflow:hidden;background:transparent url(../img/bg_tab.gif) no-repeat scroll 0 -149px;height:10px;}

.mainGameList{border:1px solid #6bc6e6;overflow:hidden;width:698px;}
.mainGameListWrapper{float:left;padding:8px 0 8px 8px;}
.mainGameListWrapper ul{float:left;width:337px;display:block;overflow:hidden;margin-right:8px;margin-bottom:8px;padding-bottom:5px;border-bottom:1px dashed #E5E5E5;height:105px;}
.mainGameListWrapper li{display:inline;float:left;}
.mainGameListWrapper .gameimg{width:100px;height:100px; border:1px solid #6bc6e6;margin-right:5px;}
.mainGameListWrapper .gname{font-size:14px;}
.mainGameListWrapper .gameinfo{width:230px; height:100px;}

.pagination {text-align:center; margin-bottom:10px;text-decoration:none;}
.pagination a{font-weight:bold;border:1px solid #6bc6e6;padding:2px 5px;text-decoration:none;text-align:center;}
.pagination span{border:1px solid #6bc6e6;padding:2px 5px;text-decoration:none; color:#fff;font-weight:bold;background-color: #6bc6e6; }
.pagination a:hover{background-color: #6bc6e6; color:#fff;font-weight:bold;}


/***********************Game css ********************/
#gameContent{margin-right:260px;margin-bottom:10px;}
#gameDetail{border:1px solid #6bc6e6; padding:5px;margin-bottom:10px;}
.gameTitle{font-size:18px; text-align:center;padding:5px 0;}
.gameShowBox{text-align:center;padding:10px;}
.movieBox{text-align:center;width:640px;height:480px; border:1px solid #6bc6e6;font-size:18px; margin-left:14px; }
.status{background:#efefef none repeat scroll 0 0;position:absolute;font-size:16px; width:640px; height:480px; overflow:auto;opacity:0.8;text-align:center;z-index:1;margin:11px 0 20px 25px;}
.statustext{display:block;padding-top:200px;text-align:center;width:640px;overflow:hidden;}

.gameInfo h3{background-color:#6bc6e6; padding:5px 2px; font-size:14px;}
.gameInfo p{line-height:16px;padding:5px 0px;}

.relGameWrapper{padding:0 0 0 8px;background-color:#fff;height:110px;}
.relGameWrapper ul{float:left; display:block;text-align:center;}
.relGameWrapper img{width:80px;height:80px;}
.relGameWrapper li{margin-right:6px;width:80px;overflow:hidden;}


/*-------------------game css ends ------------*/


/*********search page css**********/
#searchintro{font-size:18px;}

#searchBlock{width:650px;}
#searchBlock h2{background:transparent url(../img/bg_cat_title.png) no-repeat scroll left top;height:30px;}
.searchWrapper{padding:0 0 0px 48px;}
.searchWrapper .item{float:left;display:block;margin-right:48px;width:102px;height:160px;}

/*.searchWrapper img{border:1px solid #6bc6e6;height:100px; width:100px;}*/
.searchWrapper .img{height:100px; border:1px solid #6bc6e6;text-align:center;}

/******partner link****/

.sideBarBox .externalLink{background:transparent url(../img/bg_tab.gif) no-repeat scroll 0 -72px;padding:8px 0 8px 30px;}
.sideBarBox .externalLink{font-size:14px;font-weight:bold;}
.sideBarBox .externalLinkC ul li{margin-left:20px;}

.sideBarBoxN .externalLink{background:transparent url(../img/bg_tab.gif) no-repeat scroll 0 -118px;padding:8px 0 8px 30px;}
.sideBarBoxN .externalLink{font-size:14px;font-weight:bold;}
.sideBarBoxN .externalLinkC ul li{margin-left:20px;}

/*-------------------partner css ends ------------*/

/**********Error msg css************/
.ertitle{font-size:16px;font-weight:bold;margin-bottom:10px;}
.ermsg{font-size:14px;}
.ermsg a, .ermsg a:hover{text-decoration:underline;}

/*-----------------error msg css ends------------------*/
.pparagraph{margin:10px 0;}
.pparagraph h1{font-size:18px;font-weight:bold; margin-bottom:10px;}
.pparagraph p{margin-bottom:10px;}
.pparagraph .ptitle{font-size:16px;font-weight:bold;padding-top:10px;}
.pparagraph .phead{font-weight:bold;padding-right:8px;}

.csWrapper{border:1px solid #6bc6e6;}
.csWrapper h1{font-size:18px;margin:10px 0 0 20px;}
 .msg{font-size:16px;margin:10px 0 0 20px;}
#contactform{margin-left:20px;}
#contactform li{clear:both; margin:10px 0;}
#contactform label{width:90px;float:left; margin-right:10px;font-size:16px;}
#contactform .submit{margin-left:110px;}