/*-----------------------------------------==========- new style ----=========-------------------------------------*/




@charset "utf-8";
/* CSS Document */
/*resest*/
html, body, h1, h2, h3, h4, h5, h6, p, iframe, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font: normal normal 12px arial;                                      
	color: #ffffff;
}                                                                                                
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	text-align: center;
}
p {                                                                            
	padding: 0px 0;
	font-size:13px;
}
ul,li{
	margin: 0;
	padding: 0;
	list-style: none;

}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a img,img {
	border: 0;
}
/*end reset*/

body {
	background:url(../images/bg_tile.png) #1a1a1a 0 0 repeat-x;
}

* html a:hover {
	visibility:visible;
}

#azWrapper {
	position:relative;
	width:972px;
	
}

#btn_coins {
	position:absolute;
	top:10px;
	right:17px;
	width:110px;
	height:31px;
	background:url(../images/btn_coins_norm.png) 0 0 no-repeat;
	overflow:hidden;
}

#btn_coins a {
	width:110px;
	height:31px;
	display:block;
	text-decoration:none;
	top:0px;
}

#btn_coins a img {
	width:110px;
	height:31px;
	position:absolute;
	display:none;
}

#btn_coins a:hover img {
	width:110px;
	height:31px;
	display:block;
}

#btn_coins span {
	position: absolute;
	left:0px;
	top:-15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	color:#000000;
}

#btn_openID {
	position:absolute;
	top:10px;
	right:17px;
	width:110px;
	height:31px;
	background:url(../images/btn_openID_norm.png) 0 0 no-repeat;
	overflow:hidden;
}

#btn_openID a {
	width:110px;
	height:31px;
	display:block;
	text-decoration:none;
	top:0px;
}

#btn_openID a img {
	width:110px;
	height:31px;
	position:absolute;
	display:none;
}

#btn_openID a:hover img {
	width:110px;
	height:31px;
	display:block;
}

#btn_openID span {
	position: absolute;
	left:0px;
	top:-35px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	color:#000000;
}

#flashFrame {
	position:absolute;
	margin:81px 0 0 0;
	width:625px;
	height:330px;
	z-index:10;
}
div.azHeader {
	width:972px;
	height:56px;
	background:url(../images/azooca_brand_logo.png) 0 0 no-repeat;
}

div.azContent {
	position:relative;
	width:972px;
	background:url(../images/content_blue_bg.png) 0 0 no-repeat;
}

#azContentC1 {
	position:absolute;
	right:20px;
	width:284px;
	height:292px;


}

#azFooterC1 {
	position:absolute;
	width:284px;
	padding:0 20px;

}


.azFooter p {
	line-height:25px;
}

.azFooter p span {
	font-weight:bold;
}

#azFooterC2 {
	position:absolute;
	left:324px;

	width:284px;
	padding:0 20px;
	
}

#azFooterC3 {
	position:absolute;
	left:648px;
	width:284px;
	padding:0 20px;
}

div.azFooter {
	width:972px;
	height:332px;
	background:url(../images/content_bg.png) 0 0 no-repeat;
}

div.azooca_brand_nav {
	width:972px;
	height:40px;
	position:absolute;
}

ul.brand_nav {
	width:972px;
	height:40px;
	background:url(../images/navigation_brand.png) top left no-repeat;
}

ul.brand_nav li, ul.brand_nav li a {
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	line-height:40px;
}

ul.brand_nav li{
	background-image:url(../images/navigation_brand.png);
	padding:0;
	float:left;
	text-align:center;
	height:40px;
}

ul.brand_nav li:hover a{
	display:block;}

ul.brand_nav li a:hover{
	font-weight:00;
}


ul.brand_nav li.nav_home {
	margin:0px 0 0 0;
	width:163px;
	background-position: 0 0;
}


ul.brand_nav li:hover.nav_home {
	width:163px;
	background-position: 0 -40px;
}

ul.brand_nav li.nav_home_focus {
	width:163px;
	background-position: 0 -80px;
	font-weight:bold;
}

ul.brand_nav li.nav_golive2 {
	width:159px;
	background-position: -163px 0;
}

ul.brand_nav li:hover.nav_golive2 {
	width:159px;
	background-position: -163px -40px;
}

ul.brand_nav li.nav_golive2_focus {
	width:159px;
	background-position: -163px -80px;
	font-weight:bold;
}

ul.brand_nav li.nav_games {
	width:160px;
	background-position: -322px 0;
}

ul.brand_nav li:hover.nav_games {
	width:160px;
	background-position: -322px -40px;
}

ul.brand_nav li.nav_games_focus {
	width:160px;
	background-position: -322px -80px;
	font-weight:bold;
}

ul.brand_nav li.nav_store {
	width:161px;
	background-position: -483px 0;
}

ul.brand_nav li:hover.nav_store {
	width:161px;
	background-position: -483px -40px;
}

ul.brand_nav li.nav_store_focus {
	width:161px;
	background-position: -483px -80px;
	font-weight:bold;
}



ul.brand_nav li.nav_ggiftcard {
	width:159px;
	background-position: -483px 0;
}

ul.brand_nav li:hover.nav_ggiftcard {
	width:159px;
	background-position: -483px -40px;
}

ul.brand_nav li.nav_ggiftcard_focus {
	width:159px;
	background-position: -483px -80px;
	font-weight:bold;
}



ul.brand_nav li.nav_account {
	width:159px;
	background-position: -801px 0;
}

ul.brand_nav li:hover.nav_account {
	width:159px;
	background-position: -801px -40px;
}

ul.brand_nav li.nav_account_focus {
	width:159px;
	background-position: -801px -80px;
	font-weight:bold;
}
/*-------------- end navigation --------------------*/



/*-------------- begin contents --------------------*/
#azContents {
	float:right;
	text-align:left;
	width:783px;
	background:url('../images/contents_bg.gif') #191919 top left repeat-y;
	margin:1px 22px 0 0;
}
#azContents .shell {
	width:783px;
	background:url("../images/contents_top_bg.gif") top no-repeat;
}
#azContents .shell .shell {
	min-height:290px;
	background:url("../images/contents_bot_bg.gif") bottom no-repeat;
}
#azContents .shell .shell .shell {
	width:auto;
	background:none;
	padding:12px;
}
#azContents .shell h2{
	font-size:16px;}

#azContents menu {
	margin:0;
	padding:0;
	line-height:1em;
	position:absolute;
	top:12px;
	right:32px;
	font-family:arial;
	font-size:12px;
}


#azContents menu li {
	list-style:none;
	display:block;
	float:left;
	padding:0 0.5em;
	border-right:1px solid #ebebeb;}
#azContents menu li.last{
	border-right:none;}

#azContents menu li a {
	color:#ebebeb;
	text-decoration:none;
}



#azContents h2, #azContents h3, #azContents h4, #azContents p {
	text-align:left;
	font-family:arial;
	font-weight:bold;
	color:#ebebeb;
	border-bottom:1px solid #ebebeb;
	margin:0 0 6px 0;
	padding:0 0 2px 0;
}
#azContents h3 {
	font-size:14px;
	border:none;
}
#azContents h4 {
	color:#fabf01;
	border:0;
}
#azContents p {
	font-size:12px;
	font-weight:normal;
	border:none;
}
#azContents td {
	vertical-align:top;
	border-collapse:collapse;
	padding:4px;
}
/*-------------- end contents ----------------------*/



/*-------------- begin direction --------------------*/
#azDirection {
	text-align:center;
	margin:18px 0 12px 0;
}
#azDirection ul {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
#azDirection ul li {
	list-style:none;
	display:inline;
}
#azDirection ul li a {
	border:1px solid #ebebeb;
	padding:4px;
	margin:0 2px;
	color:#ebebeb;
	text-decoration:none;
	font-family:arial;
	font-size:12px;
}
#azDirection ul li a:hover, #azDirection ul li.active a {
	background:#717171;
}
/*-------------- end direction ----------------------*/

/*-------------- begin menu -------------------------*/
#azMenu {
background-repeat:no-repeat;float:left;width:159px;background:url('../images/menu_bg.jpg');
margin:-6px 0 0 3px;background-repeat:no-repeat;min-height:308px;
}
#azMenu .shell {
	padding:0 16px 0 5px;
}
#azMenu p {
	font-family:Verdana;
	font-size:11px;
	margin:16px 0;
	padding:0;
	padding-left:7px;
}
#azMenu p em {
	display:block;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	margin:2px 0 0 0;
}
#azMenu ul {
	margin:0;
	padding:0;
}
#azMenu ul li {
	list-style:none;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	line-height:3em;
}
#azMenu ul li a {
	color:#ebebeb;
	text-decoration:none;
}
#azMenu ul li.active a {
	color:#4dff00!important;
}
#azMenu ul li a:hover {
	color:#4dff00!important;
}
#azMenu form {
	margin:0;
	position:absolute;
	top:260px;
	left:12px;
}
#azMenu form input {
	font-family:arial;
	font-size:12px;
	color:#fff;
	border:none;
	background:#8c8c8c;
}
#azMenu form .azKeywords {
	font-family:arial;
	font-size:12px;
	width:11em;
	background:#fff;
	color:#8c8c8c;
}
form .yellow{
	display:inline;
	background-color:#ff9;
	padding-left:8px;
	padding-right:8px;
	color:#666;}
/*-------------- end menu ---------------------------*/
/* azFooter */
#azFooter{
	width:960px;
}
#azFooter {
	font-size:12px;
	font-family:Verdana;
	text-align:center;
	background:url(../images/foot_bg.gif);padding:1em;margin:1em 32px;
}
#azFooter p a{
	text-decoration:none;
	color:#ffffff;
}

/*-------------- begin login form ------------------*/
.user_name {
	margin:0 0 5px 0;
	width:145px;
}

.user_password {
	margin:0 0 0px 0;
	width:145px;
}

/*-------------- end login form ------------------*/


/*--------------begin checkout page--------------*/
.checkoutMenu{
	margin:0;
	list-style:none;}
	.checkoutMenu li{
		_background:url(../images/checkout_hover.gif) top left no-repeat;
		display:block;
		height:35px;
		width:149px;
		padding:0;
		margin-bottom:9px;}
	/*.checkoutMenu li:hover{
		background-image:url(../images/checkout_hover.gif);}*/
	.checkoutMenu li span{
		display:none;}
		/*.checkoutMenu li.cart:hover{
			background-position:0 0;}
			.checkoutMenu li.cart:hover img{
				visibility:hidden;}
		.checkoutMenu li.payment:hover{
			background-position:0 -35px;}
			.checkoutMenu li.payment:hover img{
				visibility:hidden;}
		.checkoutMenu li.review:hover{
			background-position:0 -70px;}
			.checkoutMenu li.review:hover img{
				visibility:hidden;}
		.checkoutMenu li.confirmation:hover{
			background-position:0 -105px;}
			.checkoutMenu li.confirmation:hover img{
				visibility:hidden;}*/


#myCart{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#myCart thead tr th{
	text-align:left;
	color:#b8b8b8;
	border-bottom:1px solid #fff;
}
#myCart tbody tr td{
	padding:9px 0;
	vertical-align:middle;
	vertical-align:abs-middle;}

.remove{
	display:block;
	width:32px;
	height:32px;
	margin-left:6px;}
	.remove span{
		display:none;}
	.remove:hover{
		background:url(../images/btn_remove_hover.gif) top left no-repeat;}
	.remove:hover img{
		visibility:hidden;}
		#myCart img{
			float:left;}
		#myCart .commodityName{
			padding-left:10px;
			float:left;
			display:block;
			height:77px;
			line-height:77px;}
		#myCart .total{
			float:left;
			color:#ebebeb;}
input.quantity{
	border:1px solid #d6d6d6;
	color:#b8b8b8;}
.countAndCheckout{
	margin-top:30px;
	/*border-top:1px solid #fff;*/
	padding:10px;
	text-align:right;}
	.countAndCheckout .subTotal{
		height:35px;
		line-height:35px;
		font-size:14px;
		font-weight:bold;
		color:#ebebeb;}
.sendGiftDIV{
	margin:auto;
	background:url(../images/sendGiftBgBottom.png) #3b3b3b bottom center no-repeat;
	width:739px;}
	.sendGiftDIV div{
		background:none;}
		.sendGiftDIV .head{
			background:url(../images/sendGiftBgTop.png) top center no-repeat;
			line-height:28px;
			height:28px;
			font-size:12px;
			padding-left:10px;
			font-weight:normal;}
		.sendGiftDIV .head h4{
			line-height:28px;
			height:28px;
			font-size:14px;}
		.sendGiftDIV .head div{
			line-height:28px;
			text-align:right;
			vertical-align:middle;
			padding-right:8px;
			width:191px;
			float:right;
			height:28px;}
				.sendGiftDIV .head div a{
					font-size:28px;
					line-height:28px;}
						.sendGiftDIV .head div a img{}

.labelText{
	color:#ccc;
	font-size:12px;
	text-align:right;}
.recipientsInfo{
	margin:5px 10px;
	padding:10px 0;
	border-top:1px solid #666;}


/*-------------- end checkout page--------------*/

/*--------------- begin leftMenuText -------------*/
.leftMenuText{
	margin-left:8px!important;}
	.leftMenuText li{
		display:block;
		height:28px;
		width:133px;}
		.leftMenuText li:hover a{
			display:block;
			height:28px !important;}
		.leftMenuText li.active a{
			color:#4dff00 !important;}
		/*.leftMenuText li a{
			color:#ccc;
			display:block;
			font-size:14px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			line-height:33px;}
			.leftMenuText li:hover{
				background:url(../images/leftMenuLiBg.gif) top left no-repeat;}
				.leftMenuText li:hover a{
					display:block;}*/


/*---------------- end leftMenuText --------------*/


/*--------------- begin formTable -------------*/
.formTable{
	margin-bottom:20px;
	font-size:12px;}
	.formTable thead th{
		font-weight:bold;
		border-bottom:1px solid #fff;
		text-align:left;
		line-height:22px;
		height:22px;}
	.formTable tbody td{
		vertical-align:middle;
		line-height:36px;
		height:36px;}
		.formTable tbody td input, .formTable tbody td select, .formTable tbody td button, .formTable tbody td textarea{
			margin-top:8px;
			margin-bottom:7px;}
	.formTable tbody td.haveBorder{
		border-bottom:1px solid #e6e6e6;}


/*----------------------- begin full page size --------------------*/

#azFull {
	text-align:left;
	position:relative;
	top:2px;
	left:3px;
	width:945px;
	background:url("../images/full_contents_bg.gif") #191919 top left repeat-y;
}
#azFull .shell {
	width:945px;
	background:url("../images/full_contents_top_bg.gif") top no-repeat;
}
#azFull .shell .shell {
	min-height:290px;
	background:url("../images/full_contents_bot_bg.gif") bottom no-repeat;
}
#azFull .shell .shell .shell {
	width:auto;
	background:none;
	padding:12px;
}
#azFull h2 {
	font-size:16px;
}
#azFull menu {
	margin:0;
	padding:0;
	line-height:1em;
	position:absolute;
	top:12px;
	right:12px;
	font-family:arial;
	font-size:12px;
}
#azFull menu li {
	list-style:none;
	display:block;
	float:left;
	padding:0 0.5em;
	border-right:1px solid #ebebeb;
}
#azFull menu li a {
	color:#ebebeb;
	text-decoration:none;
}
#azFull h2, #azFull h3, #azFull h4, #azFull p {
	text-align:left;
	font-family:arial;
	font-weight:bold;
	color:#ebebeb;
	border-bottom:1px solid #ebebeb;
	margin:0 0 6px 0;
	padding:0 0 2px 0;
}
#azFull h2 {
	border:none;
}
#azFull h3 {
	font-size:14px;
	border:none;
}
#azFull h4 {
	color:#fabf01;
	border:0;
}
#azFull p {
	font-size:12px;
	font-weight:normal;
	border:none;
}
#azFull td {
	vertical-align:top;
	border-collapse:collapse;
	padding:4px;
	
}

#loginWrap {
	position:absolute;
	right:0px;
	margin:10px 22px 0 0;
}

#loginWrap span {
	font-size:13px;
	font-weight:900;
}

#loginWrap .loginSub {
	position:absolute;
	right:125px;
	top:25px;
	margin:0;
}

#loginWrap .loginSubReg {
	position:absolute;
	right:358px;
	top:25px;
	margin:0;
}

.login_input {
	width:120px;
	height:13px;
}

/*-------------------------------- begin grayBox ----------------------*/
.grayBox{
	margin:0 0 30px 0;
	background:url(../images/bg.png) top left repeat;}
	.grayBox .box{
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		background:url(../images/box_bottomLeft.gif) bottom left no-repeat;}
		.grayBox .box .box{
			width:100%;
			height:100%;
			background:url(../images/box_bottomRight.gif) bottom right no-repeat;}
			.grayBox .box .box .box{
				width:100%;
				height:100%;
				background:url(../images/box_topRight.gif) top right no-repeat;}
				.grayBox .box .box .box .box{
					text-align:left;
					width:100%;
					height:100%;
					background:url(../images/box_topLeft.gif) top left no-repeat;}
.grayBox h1{
	text-align:left;
	padding-left:6px;
	padding-top:6px;
	height:30px;
	line-height:30px;}
	.grayBox h1 img{
		float:left;}
	.grayBox h1 a.more{
		position:relative;
		margin-top:-4px;
		margin-left:10px;
		text-decoration:none;
		color:#FFF;
		display:block;
		float:left;
		vertical-align:text-top;}
		.grayBox h1 a.more:hover{
			text-decoration:underline;}

/*-------------------------------- end grayBox ----------------------*/



#footBox {
	color:#ebebeb;
	text-align:center;
	padding:10px;
}

#footBox a {
	color:#ebebeb;
	text-decoration:none;
}

#footBox a:hover {
	color:#4eff00;
}

/*-------------------------------- begin layout --------------------*/
.oneCol{
	width:930px;}
.twoColForLeft{
	width:615px;
	margin-right:15px;
	float:left;}
.twoColForRight{
	float:left;
	width:300px;}
.twoColAD{
	margin-right:15px;
	width:755px;
	float:left;}
.ad{
	float:left;
	margin-bottom:30px;
	background-color:#FFF;
	width:160px;}

/*-------------------------------- end layout --------------------*/

/*----------------------- end full page size --------------------*/