/* CSS GRAMEDIASHOP */

/*MAIN*/
body	{ 
	margin:0px; 
	padding:0px;
	background: url(../images/bg_frame.jpg) center repeat-y #d3e7e8;
	font-family: "Segoe UI", "Lucida Grande", Arial, helvetica;
	font-size:12px;
	}
img {
	border:0px;
	}
.frame	{
	width:995px;
	text-align:left;
	background:#FFFFFF;
	min-height:600px;
	}	
.header	{
	background:url(../images/bg_gs.gif) 0px 0px repeat-x;
}
.head_1	{
	padding:10px;
	float:left;
	width:350px;
	}
.head_2 {
	float:right;
	width:600px;
	}
.menu {
	background:url(../images/bg_gs.gif) 0px -280px repeat-x;
	padding:0px 8px;
	}
.home a			{ background:url(../images/bg_gs.gif) -7px -200px no-repeat; width:74px; height:30px; display:block; float:left;}
.home a:hover, .home a.pilih		{ background:url(../images/bg_gs.gif) -7px -240px no-repeat; }
.book a			{ background:url(../images/bg_gs.gif) -81px -200px no-repeat; width:80px; height:30px; display:block; float:left;}
.book a:hover, .book a.pilih		{ background:url(../images/bg_gs.gif) -81px -240px no-repeat; }
.mag a			{ background:url(../images/bg_gs.gif) -160px -200px no-repeat; width:118px; height:30px; display:block; float:left;}
.mag a:hover, .mag a.pilih		{ background:url(../images/bg_gs.gif) -160px -240px no-repeat;}
.mm a			{ background:url(../images/bg_gs.gif) -278px -200px no-repeat; width:156px; height:30px; display:block; float:left;}
.mm a:hover, .mm a.pilih		{ background:url(../images/bg_gs.gif) -278px -240px no-repeat;}
.tiket a			{ background:url(../images/bg_gs.gif) -434px -200px no-repeat; width:88px; height:30px; display:block; float:left;}
.tiket a:hover, .tiket a.pilih		{ background:url(../images/bg_gs.gif) -434px -240px no-repeat;}
.souvenir a			{ background:url(../images/bg_gs.gif) -521px -200px no-repeat; width:110px; height:30px; display:block; float:left;}
.souvenir a:hover, .souvenir a.pilih		{ background:url(../images/bg_gs.gif) -521px -240px no-repeat;}
.software a			{ background:url(../images/bg_gs.gif) -717px -200px no-repeat; width:113px; height:30px; display:block; float:left;}
.software a:hover, .software a.pilih		{ background:url(../images/bg_gs.gif) -717px -240px no-repeat;}

.menu2 {
	background:#3fa7cf;
	padding:8px 20px;
	}
.menu2 a	{
	margin-right:10px;
	}
.account_bar a {
	background:url(../images/bg_gs.gif) 0px -340px repeat-x; 
	display:block; 
	padding:8px 12px;
	float:right;
	border-right:1px dotted #8cd6f2;
	}
.account_bar a:hover, .account_bar a.pilih {
	background:url(../images/bg_gs.gif) 0px -380px repeat-x; 
	}
.content	{
	min-height:500px;
	padding:10px;
	}
.content_2	{
	width:640px;
	padding:10px;
	}
.content_detail	{
	padding:10px 20px;
	}
.img_detail img	{
	width:160px;
	padding:4px;
	background:#FFF;
	border:2px solid #F3F3F3;
	}
.content_detail span.hrg_1 { 
	font-size:12px; 
	color:#666666; 
	text-decoration:line-through;
	}
.footer {
	background:#116e92;
	padding:20px;
	border-top: 5px solid #8bc9e1;
	}

/*MAIN END*/

.form_1	{
	background:#FFFFFF;
	padding:3px;
	border:1px solid #CCCCCC;
	width:135px;
	font:normal 11px arial;
	color: #666666;
	margin:0px 5px;
	}
.form_2	{
	background:#FFFFFF;
	padding:3px;
	border:1px solid #CCCCCC;
	width:160px;
	font:normal 11px arial;
	color: #666666;
	margin-left:85px;
	}
.form_button	{
	font:normal 11px arial;
	padding:3px 6px;
	}
.form_3 {
	padding:3px;
	border:1px solid #CCC;
	font:normal 12px arial;
	background:#FFF;
	width:350px;
	}
.search	{
	background:url(../images/bg_gs.gif) 0px -580px no-repeat; 
	width:660px; 
	height:44px;
	padding-top:7px;
	}
.form_search {
	background:#FFFFFF;
	padding:4px;
	border:1px solid #CCCCCC;
	width:350px;
	font:normal 11px arial;
	color: #666666;
	}

/*BOX AND BOX*/
.box_1	{
	border:8px solid #e7e7e7;
	}
.box_2	{
	border:8px solid #e7e7e7;
	padding:10px;
	width:290px;
	}
.box_3 {
	border:1px solid #e7e7e7;
	}	
	
#share {
	position:absolute;
	visibility:hidden;
	width:220px;
	margin-top:-1px;
	padding:5px;
	background:#FFF;
	border:1px solid #999;
}

/*BOX AND BOX END*/

/*LIST*/
.htabs_1	{
	background:#cfcfcf;
	}
.htabs_1 a {
	display:block;
	float:left;
	padding:8px 15px;
	text-transform:uppercase;
	background:#cfcfcf;
	border-right:3px solid #b0b0b0;
	text-decoration:none;
	color:#000000;
	}
.htabs_1 a:hover {
	background:#b0b0b0;
	text-decoration:none;
	color:#000000;
	}
.htabs_1 a.select {
	background:#FFFFFF;
	color:#000000;
	}

.list_1 ul {
	padding:0px; 
	margin:0px; 
	list-style:none;
	}
.list_1 li {
	float:left;
	width:163px;
	text-align:center;
	padding:10px;
	}
.list_1 img	{ border:1px solid #f4f4f4; padding:2px; width:130px; margin-bottom:5px;}
.list_1 div.isi { 
	min-height:270px;
	}
.list_1 span.hrg_1 { 
	font-size:11px; 
	color:#666666; 
	text-decoration:line-through;
	}
	
.list_1a{
	padding:0px; 
	margin:0px; 
	list-style:none;
	}
.list_1a li {
	float:left;
	width:130px;
	height:100px;
	text-align:center;
	padding:10px;
	}

.list_2 ul {
	padding:0px; 
	margin:0px; 
	list-style:none;
	}
.list_2 li {
	float:left;
	width:125px;
	text-align:center;
	padding:10px;
	}
.list_2 img	{ border:1px solid #f4f4f4; padding:2px; width:100px; margin-bottom:5px;}
.list_2 div.isi { 
	min-height:230px;
	}
.list_2 span.hrg_1 { 
	font-size:11px; 
	color:#666666; 
	text-decoration:line-through;
	}

.list_3 ul {
	padding:0px; 
	margin:0px; 
	list-style:none;
	}
.list_3 li {
	text-align:center;
	padding:10px;
	text-align:left;
	}
.list_3 li.satu {
	text-align:center;
	padding:10px;
	text-align:left;
	background:#F3F3F3;
	}
.list_3 li img	{ border:1px solid #f4f4f4; padding:2px; width:80px; margin-right:10px; float:left;}
.list_3 span.hrg_1 { 
	font-size:11px; 
	color:#666666; 
	text-decoration:line-through;
	}

ul.list_4	{
	list-style:none;
	padding:0px;
	margin:0px;
	}
ul.list_4 li {
	float:left;
	width:100px;
	padding:6px 0px 0px 0px;
	}
.list_5 { 
	margin:0px; 
	padding:0px; 
	list-style:none;
	}
.list_5 li { 
	float:left;
	padding:5px;
	width:105px;
	height:220px;
	text-align:center;
	}
.list_5 li img	{
	width:85px;
	border:0px;
	margin-bottom:5px;
	}
	

.cate a	{
	width:205px; 
	float:left; 
	display:block; 
	padding:3px;
	}
.cate_2 a	{
	width:135px; 
	float:left; 
	display:block; 
	padding:1px 0px;
	}

.shopping_cart input	{ 
	border:1px solid #999; 
	padding:4px; 
	font:normal 11px arial; 
	color:#666; 
	width:20px;
	text-align:center;
	}
.shopping_cart img {
	width:40px;
	border:1px solid #CCC;
	background:#FFF;
	padding:2px;
	float:left;
	margin-right:10px;
	}
.berat	{
	width:200px;
	float:left;
	padding-left:470px;
}
.total {
	width:220px;
	float:right;
}

.top10 {
	border:8px solid #e7e7e7;
}
.top10 ul	{
	padding:0px;
	margin:0px;
	list-style:none;
}
.top10 ul li {
	padding:5px;
}
.top10 ul li.satu {
	padding:5px;
	background: #F3F3F3;
}
.top10 ul li span.no {
	float:left;
	font:bold 40px "Lucida Grande", Arial, helvetica;
	letter-spacing:-5px;
	line-height:35px;
	color: #CCC;
	display:block;
	width:40px;
	text-align:center;
}
.top10 ul li div.kanan {
	float:right;
	width:220px;
}
.top10 ul li img {
	height:50px;
	padding:2px;
	background:#FFF;
	border:1px solid #999;
	float:right;
	margin-right:10px;
}
						
/*LIST END*/

/*ico&button*/
.kg					{ background:url(../images/bg_gs.gif) -340px -500px no-repeat; width:220px; height:44px;}

.bg_wish a			{ background:url(../images/bg_gs.gif) 0px -500px no-repeat; width:105px; height:37px; display:block; float:left;}
.bg_wish a:hover	{ background:url(../images/bg_gs.gif) 0px -540px no-repeat;}
.cart a				{ background:url(../images/bg_gs.gif) -140px -500px no-repeat; width:185px; height:27px; padding-top:10px; display:block; float:right; text-align:center;}
.cart a:hover		{ background:url(../images/bg_gs.gif) -140px -540px no-repeat;}

.beli a				{ background:url(../images/bg_gs.gif) 0px -440px no-repeat; width:90px; height:22px; display:block;}
.beli a:hover		{ background:url(../images/bg_gs.gif) 0px -470px no-repeat;}
.wish a				{ background:url(../images/bg_gs.gif) -100px -440px no-repeat; width:115px; height:22px; display:block;}
.wish a:hover		{ background:url(../images/bg_gs.gif) -100px -470px no-repeat;}
.write a			{ background:url(../images/bg_gs.gif) -230px -440px no-repeat; width:145px; height:22px; display:block;}
.write a:hover		{ background:url(../images/bg_gs.gif) -230px -470px no-repeat;}

.ico_fb a						{ background:url(../images/bg_gs.gif) 0px -660px; height:16px; width:80px; display:block;}
.ico_fb a:hover					{ background:url(../images/bg_gs.gif) 0px -680px;}
.ico_tw a						{ background:url(../images/bg_gs.gif) -80px -660px; height:16px; width:65px; display:block;}
.ico_tw a:hover					{ background:url(../images/bg_gs.gif) -80px -680px;}
.ico_share a					{ background:url(../images/bg_gs.gif) -160px -660px; height:16px; width:60px; display:block;}
.ico_share a:hover				{ background:url(../images/bg_gs.gif) -160px -680px;}
.ico_email a					{ background:url(../images/bg_gs.gif) -240px -660px; height:16px; width:60px; display:block;}
.ico_email a:hover				{ background:url(../images/bg_gs.gif) -240px -680px;}
.ico_print a					{ background:url(../images/bg_gs.gif) -320px -660px; height:16px; width:50px; display:block;}
.ico_print a:hover				{ background:url(../images/bg_gs.gif) -320px -680px;}

.ico_close a					{ background:url(../images/bg_gs.gif) -540px -660px; height:13px; width:12px; display:block;}
.ico_close a:hover				{ background:url(../images/bg_gs.gif) -570px -660px;}
.ico_delete a					{ background:url(../images/bg_gs.gif) -540px -720px; height:20px; width:20px; display:block;}
.ico_delete a:hover				{ background:url(../images/bg_gs.gif) -580px -720px;}

.ico_update a					{ background:url(../images/bg_gs.gif) -720px -500px; height:17px; width:52px; display:block;}
.ico_update a:hover				{ background:url(../images/bg_gs.gif) -720px -520px; }
.ico_kirim a					{ background:url(../images/bg_gs.gif) -720px -540px; height:40px; width:100px; display:block;}
.ico_kirim a:hover				{ background:url(../images/bg_gs.gif) -720px -540px; opacity:.80; }
.ico_kembali a					{ background:url(../images/bg_gs.gif) -840px -540px; height:40px; width:124px; display:block;}
.ico_kembali a:hover			{ background:url(../images/bg_gs.gif) -840px -540px; opacity:.80; }
.ico_pesan a					{ background:url(../images/bg_gs.gif) -720px -580px; height:40px; width:100px; display:block;}
.ico_pesan a:hover				{ background:url(../images/bg_gs.gif) -720px -580px; opacity:.80; }

.ico_mixx a						{ background:url(../images/bg_gs.gif) 0px -720px; height:16px; width:80px; display:block;}
.ico_mixx a:hover				{ background:url(../images/bg_gs.gif) 0px -750px;}
.ico_digg a						{ background:url(../images/bg_gs.gif) -80px -720px; height:16px; width:80px; display:block;}
.ico_digg a:hover				{ background:url(../images/bg_gs.gif) -80px -750px;}
.ico_deli a						{ background:url(../images/bg_gs.gif) -160px -720px; height:16px; width:80px; display:block;}
.ico_deli a:hover				{ background:url(../images/bg_gs.gif) -160px -750px;}
.ico_myspace a					{ background:url(../images/bg_gs.gif) -240px -720px; height:16px; width:80px; display:block;}
.ico_myspace a:hover			{ background:url(../images/bg_gs.gif) -240px -750px;}
.ico_stumble a					{ background:url(../images/bg_gs.gif) -320px -720px; height:16px; width:90px; display:block;}
.ico_stumble a:hover			{ background:url(../images/bg_gs.gif) -320px -750px;}
.ico_linked a					{ background:url(../images/bg_gs.gif) -420px -720px; height:16px; width:80px; display:block;}
.ico_linked a:hover				{ background:url(../images/bg_gs.gif) -420px -750px;}
.ico_lintasberita a				{ background:url(../images/bg_gs.gif) -380px -660px; height:16px; width:80px; display:block;}
.ico_lintasberita a:hover		{ background:url(../images/bg_gs.gif) -380px -680px;}

.button_1						{ padding:3px 10px; font:normal 14px "Segoe UI", "Lucida Grande", Arial, helvetica;}
/*ico&button END*/

/*IMAGES*/
.buku_1 img				{ border:1px solid #f4f4f4; padding:2px; width:130px;}
.buku_2 img				{ border:1px solid #f4f4f4; padding:2px; width:100px;}


/*IMAGES END*/

/*ETC*/
.br_6	{ border-right:6px solid #f4f4f4;}
.tl_1	{ border-top:1px solid #e7e7e7;}
.tl_3	{ border-top:3px solid #CCC;}
.hl_1	{ border-bottom:1px solid #CCCCCC;}
.hl_2	{ border-bottom:1px solid #e7e7e7;}
.hl_6	{ border-bottom:6px solid #f4f4f4; margin:10px 0px;}
.vl_6	{ border-left:6px solid #f4f4f4;}
.deal	{ float:left;}

.bg_abu		{ background:#333;}
.bg_abu2	{ background:#F3F3F3;}
.bg_abu3	{ background:#e7e7e7;}


.page_1 a { 
	font:bold 11px arial; 
	color:#000; 
	text-decoration:none;  
	padding:3px; 
	display: inline;
	}
.page_1 a:hover, .page_1 a.aktif	{ 
	color: #F00; 
	text-decoration:none;
	}
.block	{ display:block;}
.hmin_600 { min-height:600px;}

.cc_abu5				{ color: #B6B6B6;}
.cc_abu5 a				{ text-decoration:none; color:#B6B6B6;}
.cc_abu5 a:hover		{ text-decoration: none;}

/*ETC END*/