/*
------------------------------------------------------------
    Styles for Asmadi Games website
    
    Table of Contents:
    =General
    =Wrapper
    =Main
    =Content
    =Promo Box
    =Sidebar
    =Logo
    =Footer
    =Inner Pages
    =Inner Box
    =Game List
    =Item List
------------------------------------------------------------
*/

/* =General */

body{
	margin:0;
	color:#333;
	font:12px/15px Helvetica, Arial, sans-serif;
	min-width:980px;
	background:url(../images/bg-body.png) repeat-y 50% 0;
}
img{border-style:none;}
a{
	color:#000088;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	color:#000;
	vertical-align:middle;
	font:100% Arial, Helvetica, sans-serif;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
a:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}

/* =Wrapper */

#wrapper{
	background:url(../images/bg-wrapper.png) no-repeat 50% 0;
	min-width:980px;
}

/* =Main */

#main{
	width:960px;
	margin:0 auto;
	padding:3px 0 0;
}
#main:after{
	content:"";
	display:block;
	clear:both;
}

/* =Content */

#content{
	float:right;
	width:741px;
	position:relative;
	overflow:hidden;
}
#content .t{
	background:url(../images/bg-content-t.png) no-repeat;
	height:655px;
	overflow:hidden;
}
#content .b{
	background:url(../images/bg-content-b.png) no-repeat;
	overflow:hidden;
	height:90px;
}
#content .c{
	padding:0 49px 0 50px;
	width:642px;
	background:url(../images/bg-content.gif) repeat-y 13px 0;
}
#content .c:after{
	content:"";
	display:block;
	clear:both;
}
#content .s{
	color:#C00;
	text-decoration:line-through;
}
#content .page{
	float:left;
	width:641px;
	position:relative;
	margin:-610px 0 -33px;
}

/* =Promo Box */

.promo-box{margin-bottom:14px;}
.promo-box img{vertical-align:top;}
.home-page{
	overflow:hidden;
	width:100%;
}
.home-page h1{
	margin:0 0 36px;
	text-align:center;
	font:bold 30px/38px Arial, Helvetica, sans-serif;
	color:#273e6c;
}
.container{
	overflow:hidden;
	width:100%;
}
.home-page .left-side{
	float:left;
	width:301px;
	font-size:13px;
	line-height:20px;
}
.home-page .box{
	background:url(../images/bg-box.gif) repeat-y;
	width:301px;
}
.home-page .box .holder{
	background:url(../images/bg-box.gif) no-repeat -301px 0;
	width:301px;
}
.home-page .box .frame{
	background:url(../images/bg-box.gif) no-repeat -602px 100%;
	padding:14px 15px 26px;
	width:271px;
}
.home-page .right-side{
	float:right;
	width:299px;
	font-size:13px;
}
.home-page h2,
.home-page h3{
	font:bold 14px/16px Arial, Helvetica, sans-serif;
	color:#444;
	margin:0;
	text-transform:uppercase;
}
.home-page .right-side em{
	display:block;
	color:#777;
	line-height:23px;
}
.home-page .right-side ul{
	margin:0;
	padding:0;
	list-style:none;
}
.home-page .right-side li{
	padding:6px 0 14px 0;
	line-height:20px;
}
.home-page .right-side ul strong{display:block;}
.home-page .right-side ul strong a{
	color:#273e6c;
	font-size:14px;
}
.home-page .right-side p{margin:0;}
.home-page .right-side p a{
	color:#10188c;
	text-decoration:underline;
}
.home-page .right-side p a:hover{text-decoration:none;}
.home-page .left-side h2{margin:0 0 12px 5px;}
.home-page .left-side .img{margin-bottom:13px;}
.home-page .left-side .img img{vertical-align:top;}
.home-page .left-side .text{padding:0 0 0 5px;}
.home-page .left-side p{margin:0 0 11px;}
.link01{
	background:url(../images/link01.png) no-repeat;
	width:148px;
	height:32px;
	font:bold 14px/29px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	display:block;
	margin:0 0 0 -4px;
}

/* =Sidebar */

#sidebar{
	padding:24px 0 0;
	overflow:hidden;
	float:left;
	width:240px;
	margin-right:-21px;
}

/* =Logo */

.logo{
	margin:0 0 15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat;
	width:209px;
	height:103px;
	display:block;
}
.logo a{
	display:block;
	height:100%;
}
.side-logo{
	background:url(../images/websitelogo.png) no-repeat;
	width:195px;
	height:112px;
	margin:0 0 22px;
}
#sidebar ul{
	width:226px;
	overflow:hidden;
	padding:0;
	margin:0 0 0 14px;
	list-style:none;
	border-bottom:1px solid #dadada;
}
#sidebar ul li{
	border-top:1px solid #dadada;
	float:left;
	width:100%;
	font:bold 15px/24px Arial, Helvetica, sans-serif;
}
#sidebar ul li a{
	padding:7px 10px 3px 19px;
	color:#444;
	display:block;
	text-shadow:1px 2px 0 #fff;
}
#sidebar ul li a:hover{
    color:#08188c;
	text-decoration:none;
}
#sidebar ul .active a{
	color:#08188c;
	text-decoration:none;
	background:url(../images/bg-nav-h.gif) no-repeat 0 0;
}
#sidebar ul .active li a{
	background-position:-20px;
	color:#222;
}
#sidebar ul ul li a:hover{
	background-position: 0 -999px;
	color:#08188c;
}
#sidebar ul ul .active a,
#sidebar ul ul .active a:hover{
	background-position:0 -5px;
	color:#08188c;
}
#sidebar ul .drop ul{
	background:url(../images/side-list.gif) repeat-y;
	overflow:hidden;
	border:0;
	margin:0 0 0 16px;
	width:210px;
	padding-bottom:6px;
}
#sidebar ul .drop{background:url(../images/side-list.gif) repeat-y;}
#sidebar ul .drop li{
	border:0;
	padding:0;
	font-size:13px;
	font-weight:normal;
}
#sidebar ul .drop li a{padding:1px 10px 1px 19px;}

/* =Footer */

#footer{
	width:690px;
	padding:14px 0 20px 270px;
	margin:0 auto;
	color:#666;
}
#footer a{
	color:#666;
	text-decoration:underline;
}
#footer a:hover{text-decoration:none;}
#footer ul{
	margin:0;
	padding:0 0 5px;
	list-style:none;
	overflow:hidden;
	width:690px;
}
#footer ul li{
	float:left;
	margin:0 8px 0 -8px;
	padding:0 7px 0 8px;
	background:url(../images/sep01.gif) no-repeat 0 50%;
}
#footer p{margin:0;}

/* =Inner Pages */

.inner-holder{font:13px/20px Arial, Helvetica, sans-serif;}
.inner-holder .title{
	background:url(../images/header_box.png) no-repeat;
	width:671px;
	height:73px;
	position:relative;
	margin:0 -20px 7px 0;
	border-radius: 5px 0px 0px 5px;
}
.inner-holder .title:after{
	content:"";
	display:block;
	clear:both;
}
.inner-holder .title img{
	float:right;
	position:relative;
	margin:-13px 15px 0 -10px;
	padding: 0 0 20px 10px
}
.inner-holder .title h1{
	margin:0 0 0 19px;
	display:inline;
	height:59px;
	overflow:hidden;
	width:520px;
	font:bold 45px/60px Arial, Helvetica, sans-serif;
	color:black;
/*	color:#273e6c;
/*	text-shadow:1px 2px 0 #fff; */
	align-content:center;
}
.about-list{
	margin:0;
	padding:0;
	list-style:none;
}
.about-list li{
	background:url(../images/sep02.gif) no-repeat;
	padding:42px 60px 40px 7px;
}
.about-list li:first-child{background:none;}
.about-list li h2{
	color:#32356f;
	margin:0 0 4px -2px;
	font:bold 24px/30px Arial, Helvetica, sans-serif;
}
.about-list .contact{overflow:hidden;}
.about-list .contact address{font-style:normal;}
.about-list .contact span{
	display:block;
	line-height:23px;
	color:#0b0b0c;
}
.about-list p a,
.about-list .contact span a{
	color:#0b0b0c;
	text-decoration:none;
}
.about-list p a:hover,
.about-list .contact span a:hover{text-decoration:underline;}
.about-list a{
	color:#10188c;
	text-decoration:underline;
}
.about-list a:hover{text-decoration:none;}
.about-list .contact .follow{
	background:url(../images/twitter.gif) no-repeat -1px 0;
	float:left;
	padding:5px 0 5px 40px;
}
.about-list .contact .container{padding-top:15px;}
.people-box{padding:7px 0 0;}
.people-box p{margin:0 0 17px;}
.people-box .container{padding-bottom:10px;}

/* =Inner Box */

.inner-box{
	width:655px;
	padding:48px 0 0 2px;
	position:relative;
}
.inner-box:after{
	content:"";
	display:block;
	clear:both;
}
.inner-box p{margin:0 0 11px;}
.right-box{
	float:right;
	padding:2px 0 0;
	width:200px;
	margin-left:20px;
}
.inner-box .box{
	background:url(../images/bg-box02.gif) repeat-y;
	width:200px;
	margin-bottom:19px;
}
.inner-box .box .holder{
	width:200px;
	background:url(../images/bg-box02.gif) no-repeat -200px 0;
}
.inner-box .box .frame{
	padding:0 15px 9px;
	background:url(../images/bg-box02.gif) no-repeat -400px 100%;
	width:170px;
}
.inner-box .box02 .frame{
	background-image:url(../images/bg-box03.gif);
	padding-bottom:2px;
}
.inner-box .box02 .holder,
.inner-box .box02{background-image:url(../images/bg-box03.gif);}
.inner-box .box h4{
	background:url(../images/bg-title02.gif) no-repeat;
	width:185px;
	margin:0 -15px 5px;
	height:33px;
	padding:0 0 0 15px;
	font:bold 14px/33px Arial, Helvetica, sans-serif;
	color:#32356f;
}
.inner-box .box02 h4{
	background-image:url(../images/bg-title03.gif);
	color:#444;
}
.inner-box .box strong a{
	color:#10188c;
	text-decoration:underline;
}
.inner-box .box strong a:hover{text-decoration:none;}
.inner-box .box02 ul{
	margin:0 -15px;
	padding:0;
	width:200px;
	color:#0b0c0c;
	line-height:19px;
	list-style:none;
}
.inner-box .box02 ul li{
	padding:5px 15px 11px 15px;
	border-top:1px solid #dadada;
	margin-bottom:3px;
}
.inner-box .box02 ul li:first-child{border:0;}
.inner-box .box02 .sep{
	overflow:hidden;
	display:block;
	width:100%;
	padding-bottom:8px;
	background:url(../images/sep03.gif) repeat-x 0 12px;
}
.inner-box .box02 .sep .r{
	float:right;
	color:#273e6c;
}
.inner-box .box02 .sep span{
	background:#f1f1f1;
	float:left;
}
.link02{
	background:url(../images/link02.png) no-repeat;
	width:93px;
	height:26px;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	display:block;
	margin:0 0 0 -4px;
}
.box02 .link:hover{text-decoration:none;}
.mark01{
	font:bold 16px/24px Arial, Helvetica, sans-serif;
	color:#17547f;
	display:block;
	border-left:10px solid #d1e9fb;
	padding:0 0 3px 9px;
	margin:0 0 9px;
}
.mark-banana{
	font:bold 24px/36px Arial, Helvetica, sans-serif;
	color:#17547f;
	display:block;
	border-left:10px solid #d1e9fb;
	padding:0 0 3px 9px;
	margin:0 0 9px;
}
.inner-box .holder{overflow:hidden;}
.separate-box{
	padding:0 0 23px;
	overflow:hidden;
	margin-bottom:2px;
	background:url(../images/sep02.gif) no-repeat 0 100%;
}
.inner-box h2{
	color:#32356f;
	margin:0 0 13px;
	font:bold 24px/30px Arial, Helvetica, sans-serif;
}
.inner-box h3{
	font:bold 14px/24px Arial, Helvetica, sans-serif;
	color:#444;
	margin:0 0 2px;
	text-transform:uppercase;
}
.open-box{
	margin:0 -15px;
	padding:4px 15px;
}
.open-box a{
	background:url(../images/arrow01.gif) no-repeat 0 50%;
	color:#10188c;
	text-decoration:underline;
	padding:0 0 0 11px;
	font-size:11px;
}
.active .open-box a{background-image:url(../images/arrow02.gif);}

/* =Game List */

.game-list{
	margin:0;
	padding:34px 0 0 2px;
	list-style:none;
}
.game-list li{
	overflow:hidden;
	width:100%;
	padding:12px 0 44px;
	background:url(../images/sep02.gif) no-repeat 0 100%;
}
.game-list li .holder{overflow:hidden;}
.game-list li .img{
	background:url(../images/bg-img.gif) no-repeat;
	width:170px;
	height:170px;
	padding:5px;
	margin-top:3px;
}
.game-list li .img img{vertical-align:top;}
.al{
	float:left;
	margin-right:18px;
}
.ar{
	float:right;
	margin-left:18px;
}
.game-list h2{
	margin:0 0 6px;
	font:bold 24px/28px Arial, Helvetica, sans-serif;
	color:#32356f;
}
.game-list p{margin:0 0 13px;}
.game-list p a{
	text-decoration:underline;
	color:#10188c;
}
.game-list p a:hover{text-decoration:none;}
.game-list .link{
	background:url(../images/link03.gif) no-repeat;
	float:left;
	color:#fff;
}
.game-list .link span{
	cursor:pointer;
	height:32px;
	float:left;
	padding:0 19px;
	background:url(../images/link03.gif) no-repeat 100% -32px;
	font:bold 14px/30px Arial, Helvetica, sans-serif;
}

/* =Item List */

.item-list{
	margin:0;
	padding:64px 0 0;
	list-style:none;
}
.item-list li{
	padding:0 0 27px;
	margin:0 0 5px;
	overflow:hidden;
	width:100%;
	background:url(../images/sep02.gif) no-repeat 0 100%;
}
.item-list .more{
	color:#10188c;
	margin:22px 37px 0;
	text-decoration:underline;
	float:right;
}
.item-list .more:hover{text-decoration:none;}
.table{
	width:512px;
	margin:0 0 0 auto;
}
.table table{
	width:100%;
	border-collapse:collapse;
	padding:0;
	margin:0;
}
.game-listing{
	width:512px;
	margin:0 0 0 auto;
}
.card{
	background:url(../images/link-card.gif) no-repeat;
	width:92px;
	height:26px;
	font:bold 12px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	display:block;
}
.table .td01{
	background:url(../images/bg-td.gif) no-repeat;
	width:251px;
	height:55px;
	vertical-align:middle;
	font-size:18px;
	padding:0 7px 0 7px;
}
.table .td02{
	width:72px;
	height:55px;
	vertical-align:middle;
	padding:0 60px 0 0;
	font-size:18px;
	text-align:center;
	background:url(../images/table-c.gif) no-repeat;
}
.table .td03{
	vertical-align:middle;
}
.table table td{
	vertical-align:top;
	line-height:24px;
	padding:0 0 11px;
}
.item-list .container{padding-bottom:10px;}
.item-list .img01{margin-left:17px;}
.item-list .img{
	overflow:hidden;
}
.item-list .img img{vertical-align:top;}
.item-list p{margin:0 0 5px 8px;}
.block{
	margin:0 -15px;
	padding:0 15px;
	border-bottom:1px solid #DADADA;
}
.game-desc  {margin: 0 0 5px 5px;}


.paypal-button-store{
	width:100px;
	float:right; 
	padding-top: 5px;
	padding-left:10px;
}
.celery-button-store{
	width:100px;
	float:right; 
	padding-top: 5px;
	padding-left:10px;
}
.cost-store {
	float:right; 
	line-height:42px; 
	padding-top: 5px;
	padding-left:10px;
	padding-right:10px;
	font-size:28px;
}
.discount {font-size:14px;
	line-height:18px;
}

.desc-store {
	padding-left:4px;
	padding-right:4px;
	min-height:100px;
}

.banner-store {
	 border-width:1px; 
	 border-style:solid; 
	 border-radius:10px;	 
}

.box-store {
	max-width: 600px;
	padding-top:45px;
	
}

.text-store{
	padding-left:4px;
	padding-right:4px; 
}
.item-store{
	padding-top:10px;
	min-height:80px;	
	vertical-align:middle;
}

.hide {
  display: none;
}

.more-info-button{
	width:80px;
}
.more-info-store{
 display: none;
}

.store-divider {
 border-style: solid; border-color: #ccc; border-top: none;	
}

.no-button{
	background:transparent none;
	border: none;
}