@charset "UTF-8";
/*======= 
Hotlink Maxis Games Unlimited
Version 1.0 (25/07/08)
http://www.gamesunlimited.com.my

additional stylesheet for pages made by master template
=======*/

h4.support { color: #333; background: url(../images/supportform-bg.jpg) top left no-repeat; width: 375px; height: 101px; font: 12px arial, helvetica, sans-serif; padding: 70px 40px 0 126px; margin: 0 0 0 15px; font-weight: bold; }

#middlepanel #game-search { width: 578px; background: url(../images/middle-top.jpg) top left no-repeat; padding: 15px 0 0 0; color: #676767; }
	.pseudo { width: 578px; background: url(../images/middle-bottom.jpg) bottom left no-repeat; padding: 0 0 10px 0; margin: 0 0 10px 0; }
	.pseudo .gen-box-kit, #game-search form { font-size: 11px; line-height: 1; width: 576px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 0; margin: 0; }
	#game-search form.freeform { border-right: none; border-left: none; padding: 25px 10px; width: 554px; }
	#game-search form fieldset { border: none; padding: 0 0 0 15px; }
	#game-search form legend { display: block; color: #333; font-weight: bold; font-size: 11px; margin: 0; padding: 0 0 15px 0; }
	#game-search form label { font-size: 10px; display: block; float: left; width: 80px; font-weight: bold; font-size: 11px; text-align: left; padding: 2px 0; }
	#game-search form.freeform legend { display: none; }
	#game-search form textarea { width: 270px; font-weight: bold; font-size: 11px; padding: 0; border: 1px solid #676767; height: 90px; }
	#game-search form input.game-search, #game-search form select { width: 170px;font-size: 11px; padding: 3px 0 2px 5px; border: 1px solid #676767; }
	#game-search form.freeform input.game-search, #game-search form.freeform select { font-weight: normal; }
	#game-search form .search-button { margin: 7px 0 0 15px; }
	#game-search form input.search-button { display: block; font-size: 11px; padding: 2px 5px; margin: 0 0 3px 0; overflow: visible; }
	#game-search form input.game-search { width: 165px; }
	#game-search form fieldset .whole { padding: 0 0 7px 0; }
	#game-search form fieldset .left { float: left; width: 265px; }
	#game-search form fieldset .right { float: right; width: 265px; }
	#game-search form .sp-length { width: 170px; }
	
		.pseudo .gen-box-kit h5 { color: #333; font-size: 14px; padding: 10px 0 20px 10px; }
		.pseudo .gen-box-kit ul.sitemap { padding: 20px 0 20px 25px; width: 250px; }
		.pseudo .gen-box-kit ul.sitemap li { padding: 0 0 20px 0; }
		.pseudo .gen-box-kit ul.sitemap li a { display: block; color: #900; background: url(../images/sitemap-red-arrow.jpg) left 2px no-repeat; font-weight: bold; font-size: 12px; line-height: 1.25; text-decoration: none; padding: 0 0 0 30px; }
		.pseudo .gen-box-kit ul.sitemap li a:hover { text-decoration: underline; }
		.pseudo .gen-box-kit ul.sitemap li li { margin: 0 0 0 45px; padding: 2px 0; }
		.pseudo .gen-box-kit ul.sitemap li li a { display: block; color: #394676; background: url(../images/sitemap-blue-arrow.jpg) left 2px no-repeat; font-weight: bold; font-size: 12px; line-height: 1.25; text-decoration: none; padding: 0 0 0 20px; }
		.pseudo .gen-box-kit ul.sitemap li li a:hover { text-decoration: underline; }
		
		.pseudo .gen-box-kit ul.all-games { padding: 15px 0 0 0; }
		.pseudo .gen-box-kit ul.all-games li { float: left; width: 270px; padding: 0 0 0 15px; height: 135px; }
		.pseudo .gen-box-kit ul.all-games li.flat { height: 121px; }
		.gen-box-kit ul.all-games li .game-info { float: left; width: 180px; }
		
		/*=== gallery main page ===*/
		.pseudo .gen-box-kit ul.gallery-tile { width: 520px; margin: 0 0 0 30px; }
		.pseudo .gen-box-kit ul.gallery-tile li { display: block; float: left; text-align: center; margin: 10px auto; padding: 0 5px; width: 160px; min-height: 180px; height: auto !important; height: 180px; }
		.pseudo .gen-box-kit ul.gallery-tile li a img { border: 1px solid #fff; margin: 0 0 5px 0; }
		.pseudo .gen-box-kit ul.gallery-tile li a:hover img { border: 1px solid #f00; }
		.pseudo .gen-box-kit ul.gallery-tile li p { font-size: 12px; line-height: 1.2; }
		
		/*=== purchasing page ===*/
		.gen-box-kit ul#phone-models { width: 325px; float: left; margin: 0 0 0 15px; padding: 0 0 15px 0; }
		ul#phone-models li { float: left; margin: 0 7px 7px 0; }
		ul#phone-models li a { float: left; display: block; font-weight: bold; font-size: 13px; line-height: 1.15; padding: 5px 0 5px 20px; width: 130px; color: #666; border: 1px solid #aaa; text-transform: uppercase; text-decoration: none; }
		ul#phone-models li a:hover, ul#phone-models li a.on { background: #666; color: #fff; border: 1px solid #666; }
		.gen-box-kit form#selected-model { width: 210px; float: left; padding: 0; margin: 0; border-right: none; border-left: none }
		form#selected-model fieldset { border: none; }
		form#selected-model fieldset legend { display: none; }
		form#selected-model fieldset label { display: none; }
		form#selected-model fieldset select { width: 170px; font-weight: normal; padding: 0 0 0 5px; margin: 0 0 15px 0; }
		form#selected-model fieldset img { display: block; margin: 0 0 15px 0; }
		form#selected-model fieldset input.confirm-button { display: block; font-size: 11px; padding: 2px 5px; margin: 0 0 3px 0; overflow: visible; }
		.gen-box-kit .game-photo { float: left; width: 128px; margin: 10px 15px; }
		.gen-box-kit .game-photo img { border: 2px solid #999; }
		.gen-box-kit .game-purchase-detail { float: left; width: 400px; margin: 10px 0 40px 0; }
		.gen-box-kit .game-purchase-detail p { font-size: 12px; line-height: 1.25; padding: 0 0 3px 0; }
		.gen-box-kit .game-purchase-detail p.blurb { line-height: 1.1; padding: 5px 0 0 0; }
		.gen-box-kit .game-purchase-detail p.standalone { padding: 15px 0 0 0; font-size: 22px; }
		.gen-box-kit .game-purchase-detail p.standalone strong { font-weight: lighter; }
		.gen-box-kit .game-purchase-detail p strong { color: #900; }
		.gen-box-kit .game-purchase-detail form#mini-verify { width: 350px; margin: 17px 0 0 0; padding: 0; border-right: none; border-left: none; }
			form#mini-verify fieldset { margin: 0 0 10px 0; padding: 0; }
			form#mini-verify.none fieldset { margin: 0; }
			form#mini-verify fieldset legend { margin: 0; padding: 0 0 10px 0; } 
			form#mini-verify fieldset label { display: none; }
			form#mini-verify fieldset .see { padding: 0 0 7px 0; }
			form#mini-verify fieldset .see label { float: left; display: block; padding: 1px 0 0 10px; width: 250px; font-weight: normal; font-size: 12px; line-height: 1; }
			form#mini-verify fieldset .see label.number { display: block; float: left; margin: 0 10px 10px 0; width: 90px; padding: 5px 0 0 0; }
			form#mini-verify fieldset .see input.number-field { display: block; float: left; font-weight: normal; width: 170px; }
			form#mini-verify fieldset .see input.field-short { display: block; float: left; font-weight: normal; width: 30px; margin: 0 10px 0 0; }
			form#mini-verify fieldset input.r-radio { display: block; float: left; font-size: 11px; padding: 0; margin: 0 5px 0 0; }
			form#mini-verify fieldset select { font-weight: normal; padding: 0 0 0 5px; margin: 0; }
			form#mini-verify fieldset input { font-size: 11px; padding: 2px 5px; margin: 0 0 3px 0; overflow: visible; } 
			form#mini-verify fieldset .capcha { width: 400px; }
			form#mini-verify fieldset .capcha img { float: left; margin: 0 10px 10px 0; }
			form#mini-verify fieldset .capcha label { display: inline-block; padding: 0 0 5px 0; width: 180px; }
			form#mini-verify fieldset .capcha input { width: 160px; font-weight: normal; }
			form#mini-verify fieldset .capcha a { float: none; text-decoration: none; font-weight: strong; padding: 0 0 0 5px; }
			.gen-box-kit .game-purchase-detail a.download-phone { float: left; display: block; width: 160px; height: 28px; background: url(../images/download-button.jpg) left top no-repeat; text-indent: -9999px; margin: 15px 5px 10px 0; }
			.gen-box-kit .game-purchase-detail a.send-gift, .gen-box-kit .game-purchase-detail a.tell-friend { float: left; display: block; width: 109px; height: 28px; background: url(../images/send-gift-button.jpg) left top no-repeat; text-indent: -9999px; margin: 15px 5px 10px 0; }
			 .gen-box-kit .game-purchase-detail a.tell-friend { background: url(../images/tell-friend-button.jpg) left top no-repeat; }
		
#middlepanel #search-results { margin: 10px 0; }
#middlepanel #search-results.listing { width: 576px; margin: 0; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	#search-results h5 { color: #666; font-size: 13px; border-bottom: 2px dotted #c4c4c4; padding: 10px 0 10px 15px; }
	#search-results ul { width: 578px; }
	#search-results.listing { width: 574px; }
	#search-results ul li { padding: 10px 0; border-bottom: 2px dotted #c4c4c4; color: #666; font-size: 11px; margin: 0 15px; }
	#search-results ul li.final { border-bottom: none; }
	#search-results ul li .game-position, .pseudo .gen-box-kit ul.all-games li .game-position { float: left; width: 30px; margin: 0 15px 0 0; }
	#search-results ul li .game-position p, .pseudo .gen-box-kit ul.all-games li .game-position p { color: #333; font-weight: bold; font-size: 32px; letter-spacing: -1px;  }
	#search-results ul li .game-shot, .pseudo .gen-box-kit ul.all-games li .game-shot { float: left; width: 64px; text-align: center; margin: 0 15px 0 0; }
	#search-results ul li .game-shot img, .pseudo .gen-box-kit ul.all-games li .game-shot img { display: block; }
	#search-results ul li .game-shot a.price, .pseudo .gen-box-kit ul.all-games li .game-shot a.price { color: #000; width: 55px; display: block; padding: 5px 0 0 11px; background: url(../images/cart-mini.jpg) left 3px no-repeat; margin: 0 0 0 1px; line-height: 11px; font-size: 9px; text-transform: uppercase; }
	#search-results ul li .game-shot a:hover.price, .gen-box-kit ul.all-games li .game-shot a:hover.price { color: #f00; } 
	#search-results ul li .game-info { float: left; width: 420px; }
	#search-results ul li .game-info h6, .gen-box-kit ul.all-games li .game-info h6 { font-size: 12px; padding: 0 0 5px 0; }
	#search-results ul li .game-info h6 a, .gen-box-kit ul.all-games li .game-info a { color: #666; text-decoration: none; }
	#search-results ul li .game-info h6 a:hover, .gen-box-kit ul.all-games li .game-info a:hover { text-decoration: underline; }
	#search-results ul li .game-info p { padding: 5px 0; line-height: 14px; }
	.gen-box-kit ul.all-games li .game-info p { padding: 5px 0; font-size: 10px; line-height: 1.3; }
	
	#search-results ul.paginate li { padding: 0; border-bottom: none; color: #000; font-size: 11px; margin: 0; }
	
	#game-search .refine-search { padding: 0 0 15px 0; }
	#game-search .refine-search form { float: right; width: 390px; border-right: none; border-left: none; padding: 0; margin: -19px 0 0 0; }
	#game-search .refine-search form fieldset { border: 0; }
	#game-search .refine-search form fieldset legend { display: none; }
	#game-search .refine-search form fieldset label { display: inline; float: none; font-weight: normal; font-size: 11px; padding: 0 0 0 15px; }
	#game-search .refine-search form fieldset select { width: 100px; float: none; font-size: 11px; padding: 0; font-weight: normal; }

#middlepanel #tabnav { width: 578px; }
	#tabnav ul.tabby { }
	#tabnav ul.tabby li { float: left; display: block; margin: 0 5px 0 0; background: url(../images/middle-tab-right.jpg) right top no-repeat; padding: 0 20px 0 0; }
	#tabnav ul.tabby li a { float: left; display: block; color: #fff; margin: 0; background: url(../images/middle-tab-left.jpg) left top no-repeat; padding: 7px 0 7px 20px; text-decoration: none; font-weight: bold; font-size: 11px; line-height: 11px; }
	#tabnav ul.tabby li a:hover { text-decoration: underline; }
	#tabnav ul.tabby li.green { background: url(../images/green-middle-tab-right.jpg) right top no-repeat; }
	#tabnav ul.tabby li.green a { background: url(../images/green-middle-tab-left.jpg) left top no-repeat; }
	#tabnav ul.tabby li.orange { background: url(../images/orange-middle-tab-right.jpg) right top no-repeat; }
	#tabnav ul.tabby li.orange a { background: url(../images/orange-middle-tab-left.jpg) left top no-repeat; }

#middlepanel #wide-colorblock { width: 578px; background: #fff url(../images/middle-listing-bottom.jpg) left bottom no-repeat; border-top: 25px solid #3f3f3f; padding: 0 0 10px 0; }
#middlepanel #wide-colorblock.green { border-top: 25px solid #01a602; }
#middlepanel #wide-colorblock.orange { border-top: 25px solid #bb7900; }

#help {
	position: absolute;
	background: #fff;
	border: 1px solid #000;
	padding: 10px;
	width: 230px;
	height: 50px;
	margin: 5px 0 0 150px;
	
}