/* -------------------
created by riski aditiawarman,
bogorlive project
2007 www.bliveproject.com.
contains sucker fish dropdown css
---------------------- */
* {
margin:0;
padding:0;
}
body {
/* background:#5E5E5E; */
background:#000000;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}
a {
color:#FF5B01;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a img {
border:none;
}
input, textarea, select {
font:11px Verdana, Arial, Helvetica, sans-serif;
}
p, ul, ol {
margin-bottom:12px;
}
#wrapper {
overflow:hidden;
width:820px;
margin:0 auto;
background:#fff url(../images/wrapper_m.gif) left top repeat-y;
text-align:left;
}
#masterhead {
position:relative;
width:800px;
height:99px;
padding:10px 10px 0 10px;
z-index:100;
}
#logo {
position:absolute;
left:18px;top:6px;
z-index:100;
}
#slogan {
position:absolute;
left:135px;
top:57px;
z-index:110;
}
* html #slogan {
top:55px;
}
#topnav {
position:absolute;
left:320px;top:32px;
}
#topnav ul {
list-style:none;
}

#topnav li {
float:left;
padding-right:20px;
padding-left:10px;
background:url(../images/double_mini_arrow.gif) left 1px no-repeat;
}
#topnav li a {
display:block;
float:left;
height:8px;
}
#topnav li a span {
display:none;
}
#topnav li#tn_beranda a {
width:47px;
background:url(../images/tn_beranda.gif) left top no-repeat;
}
#topnav li#tn_tentang a {
width:74px;
background:url(../images/tn_tentang.gif) left top no-repeat;
}
#topnav li#tn_kontak a {
width:67px;
background:url(../images/tn_kontak.gif) left top no-repeat;
}
#topnav li#tn_beranda a:hover, #topnav li#tn_tentang a:hover, #topnav li#tn_kontak a:hover {
background-position:0 -8px;
}
#search {
position:absolute;
left:612px;top:37px;
}
#search form {
height:19px;
background:url(../images/search_l.gif) left top no-repeat;
padding-left:21px;
}
#search #searchbox {
float:left;
width:120px;
height:17px;
border:none;
font:12px Arial, Helvetica, sans-serif;
background:url(../images/search_bg.gif) left top repeat-x;
color:#000;
padding:2px 6px 2px 0;
}
#search #searchsubmit {
float:left;
width:37px;
height:19px;
}
#mainnav {
position:absolute;
left:10px;top:72px;
width:620px;
height:47px;
background:url(../images/mainnav_bg.gif) left top repeat-x;
padding-left:180px;
z-index:10;
}
#nav {
margin-left:60px;
}
#nav, #nav ul {
list-style:none;
}
#nav li {
float:left;
}
#nav li a {
display:block;
height:47px;
}
#nav li#software a {
background:url(../images/nav_software.gif) left -47px no-repeat;
width:118px;
}
#nav li#handphone a {
width:86px;
background:url(../images/nav_handphone.gif) left top no-repeat;
}
#nav li#second a {
width:79px;
background:url(../images/nav_second.gif) left 0px no-repeat;
}
#nav li#aksesoris a {
width:80px;
background:url(../images/nav_aksesoris.gif) left -47px no-repeat;
}
#nav li#noperdana a {
width:90px;
background:url(../images/nav_noperdana.gif) left -47px no-repeat;
}
#nav li#pda a {
width:79px;
background:url(../images/nav_cdma.gif) left 0px no-repeat;
}

#nav li#software a:hover, #nav li#second a:hover, #nav li#aksesoris a:hover,
#nav li#noperdana a:hover, #nav li#cdma a:hover {
background-position:0 0;
}
#nav li a span {
display:none;
}
#nav li#aksesoris:hover a, #nav li#second:hover a {
background-position:0 0;
}
#nav li ul {
position: absolute;
top:47px;
width: 132px;
left: -999em;
z-index:20;
}

#nav li#handphone li a, #nav li#second li a, #nav li#aksesoris li a, #nav li#noperdana li a, #nav li#pda li a {
display:block;
width:140px;
height:15px;
background:#FF5B01 url(../images/mainnav_drop_li.gif) left top repeat-x;
color:#fff;
text-decoration:none;
padding:5px 6px;
}
#nav li#handphone ul li a:hover, #nav li#second ul li a:hover, #nav li#aksesoris ul li a:hover, #nav li#noperdana ul li a:hover, #nav li#pda ul li a:hover {
background-color:#113A99;
color:#fff;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
background-position:0 0;
left:auto;
}
#secondnav {
overflow:hidden;
width:800px;
height:22px;
background:url(../images/secondnav_bg.gif) left top repeat-x;
margin:13px 10px 0 10px;
}
#secondnav #leftnav {
float:left;
list-style:none;
padding-left:13px;
}
#secondnav #leftnav li {
float:left;
padding-right:20px;
}
#secondnav #leftnav a {
float:left;
display:block;
font-size:10px;
padding:5px 4px 4px 20px;
color:#fff;
}
#secondnav #leftnav a:hover {
text-decoration:underline;
}

#belanjaonline a {
background:url(../images/mouse.gif) left 3px no-repeat;
color:#fff;
}
#kartukredit a {
background:url(../images/calculator.gif) left 3px no-repeat;
color:#fff;
}
#banding a {
background:url(../images/phone.gif) left 3px no-repeat;
color:#fff;
}

#secondnav #rightnav {
float:right;
list-style:none;
padding-right:5px;
}
#secondnav #rightnav li {
float:left;
padding-left:20px;
}
#secondnav #rightnav a {
float:left;
display:block;
font-size:10px;
padding:5px 5px 4px 5px;
color:#000;
}
#secondnav #rightnav a:hover {
color:#113A99;
}
#newcat ul {
list-style:none;
border:1px solid #cdcdcd;
border-width:1px 1px 0 1px;
}
#newcat li {
border-bottom:1px solid #cdcdcd;
}
#newcat a {
display:block;
width:150px;
text-align:right;
padding:4px 4px;
}
#newcat a:hover {
background:#f5f5f5;
}
#sections {
overflow:hidden;
width:780px;
padding:10px 20px 0 20px;
}
#leftsection {
overflow:hidden;
float:left;
width:160px;
}
#middlesection {
overflow:hidden;
float:right;
width:610px;
}
#header {
width:610px;
height:120px;
margin-bottom:10px;
}
#content {
overflow:hidden;
float:left;
width:410px;
border-bottom:10px solid #fff;
}

#content ul {
margin-left:20px;
}

#content .main_title {
font:bold 14px Arial, Helvetica, sans-serif;
color:#113990;
border-bottom:1px dashed #cdcdcd;
padding-bottom:10px;
margin-bottom:10px;
}
#content #submit {
width:25px;
height:18px;
border:none;
background:url(../images/bt_arrow.gif) left top no-repeat;
cursor:pointer;
}
#submit-lanjut-grey {
width:69px;
height:19px;
border:none;
background:url(../images/bt_lanjut_grey.gif) left top no-repeat;
}
#submit-lanjut {
width:69px;
height:19px;
border:none;
background:url(../images/bt_lanjut.gif) left top no-repeat;
cursor:pointer;
}
#content #cancel {
border:none;
cursor:pointer;
}
#content #kembali {
display:block;
width:66px;
height:18px;
border:none;
background:url(../images/kembali.gif) left top no-repeat;
cursor:pointer;
}
#content #bandingkan {
padding:0 0 20px 0;
}
#contentnav {
width:410px;
overflow:hidden;
padding:20px 0;
}
#contentnav-left {
width:200px;
float:left;
text-align:left;
}
#contentnav-right {
width:200px;
float:right;
text-align:right;
}
.content-modulebox {
width:410px;
overflow:hidden;
}
.more {
float:right;
display:block;
width:114px;
height:20px;
background:url(../images/more_bg.gif) left top no-repeat;
color:#fff;
text-align:center;
text-decoration:none;
line-height:18px;
}
#members-menu {
overflow:hidden;
width:390px;
height:21px;
background:url(../images/membersmenu_bg.gif) left 20px repeat-x;
list-style:none;
padding-left:20px;
margin-bottom:20px;
}
* html #members-menu {
width:380px;
padding-left:30px;
}
#members-menu li {
float:left;
background:url(../images/membersmenu_r.gif) right top no-repeat;
margin:0 0 0 -10px;
padding:0;
}
#members-menu a {
float:left;
display:block;
background:url(../images/membersmenu_l.gif) left top no-repeat;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
margin:0;
padding:5px 25px 5px 10px;
}

#flashheader {
margin-bottom:10px;
}

/* ------------ */
#featured-frontend-container {
width:410px;
background:url(../images/featured_content_b.gif) left bottom no-repeat;
margin-bottom:12px;
}
#featured-frontend {
overflow:hidden;
width:394px;
background:url(../images/featured_content_t.gif) left top no-repeat;
padding:8px;
}
#featured-frontend .featured-items-left, #featured-frontend .featured-items-right {
position:relative;
overflow:hidden;
width:196px;
height:90px;
border-bottom:1px solid #cdcdcd;
padding-top:6px;
padding-bottom:3px;
}
#featured-frontend .featured-items-right .featured-content {
padding:0 0 0 8px;
}
#featured-frontend .featured-items-left {
border-right:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
width:197px;
padding-top:6px;
float:left;
}
#featured-frontend .featured-items-right {
float:right;
}
#featured-frontend .featured-details p {
font-size:10px;
margin-bottom:5px;
}
#featured-frontend .featured-details .featured-name {
font-weight:bold;
margin-bottom:2px;
}
#featured-frontend a {
color:#000;
}
#featured-frontend .featured-btn img {
padding-bottom:5px;
}
#featured-frontend .featured-img img {
border:1px solid #999;
float:left;
}
#featured-frontend .featured-details {
float:right;
width:120px;
}
#featured-frontend .featured-items-left .featured-details {
width:130px;
}
.berita-item {
border-bottom:1px dashed #cdcdcd;
margin-bottom:10px;
padding-bottom:10px;
}
.berita-item h1 {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
padding-bottom:3px;
}
.berita-item h1 a {
color:#f60;
text-decoration:none;
}
.berita-item h1 a:hover {
text-decoration:underline;
}
.berita-item p.date {
color:#999;
margin-bottom:10px;
}
#rightsection {
overflow:hidden;
float:right;
width:190px;
}
.banner {
margin-bottom:10px;
}
#loginbox {
position:relative;
overflow:hidden;
width:170px;
height:193px;
background:url(../images/bg_login.jpg) left top no-repeat;
margin-bottom:10px;
padding:10px;
}

#loginbox form {
padding-top:20px;
}
.loginbox-field {
overflow:hidden;
width:170px;
padding-bottom:10px;
}
#loginbox ul {
list-style:none;
}
#loginbox li {
padding-bottom:3px;
}
#loginbox li a {
display:block;
width:150px;
padding:2px 0 2px 20px;
}
#loginbox li#loginbox-acc a {
background:url(../images/log_acc.gif) left top no-repeat;
}
#loginbox li#loginbox-out a {
background:url(../images/log_out.gif) left top no-repeat;
}
#loginbox li#loginbox-cart a {
background:url(../images/log_cart.gif) left top no-repeat;
}

#loginbox label {
float:left;
display:block;
width:70px;
padding-bottom:5px;
}
#loginbox #username, #loginbox #password {
float:left;
width:88px;
border:1px solid #cdcdcd;
background:#fff;
font:11px Verdana, Arial, Helvetica, sans-serif;
padding:1px 5px 2px 5px;
}
#loginbox #remind {
float:left;
margin-right:5px;
}
#loginbox #remindlabel {
width:100px;
}
* html #loginbox #remindlabel {
width:90px;
padding-top:3px;
}
#content-search {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dashed #cdcdcd;
}
#content-search label, #content-search input {
margin-right:10px;
}
#content-searchbox {
border:1px solid #cdcdcd;
padding:2px 4px;
width:160px;
}
#loginsubmit {
width:52px;
height:18px;
border:none;
background:url(../images/loginsubmit.gif) left top no-repeat;
cursor:pointer;
}
#loginbox #lostpass {
float:left;
display:block;
background:url(../images/help.gif) left 2px no-repeat;
padding:3px 0 3px 20px;
}
#loginbox #joinus {
position:absolute;
right:0;bottom:0;
width:134px;height:77px;
z-index:2;
}
.content-field {
padding-bottom:10px;
margin-bottom:20px;
border-bottom:1px dashed #cdcdcd;
}
.content-field select {
border:1px solid #cdcdcd;
background:#f5f5f5;
margin-bottom:5px;
}
.content-field select.fw {
width:200px;
}
.content-field option {
padding:0 5px 1px 5px;
}
.content-field h2.label {
margin-bottom:3px;
font:bold 12px Arial, Helvetica, sans-serif;
}
.modulebox {
overflow:hidden;
margin-bottom:10px;
}
.modulebox-content {
overflow:hidden;
padding:10px;
}
.modulebox-content select {
border:1px solid #cdcdcd;
background:#f5f5f5;
margin-bottom:5px;
}
.modulebox-content option {
padding:0 5px 1px 5px;
}
.modulebox-content .fw {
width:170px;
}
.modulebox-content .hw {
float:left;
width:140px;
margin-right:5px;
}

.modulebox-submit {
float:left;
display:block;
width:25px;
height:18px;
border:none;
background:url(../images/bt_arrow.gif) left top no-repeat;
cursor:pointer;
}
.modulebox h1 {
background:url(../images/modulebox_bullet.gif) 10px 10px no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
text-align:left;
text-transform:uppercase;
padding:11px 6px 5px 34px;
}
.modulebox p {
color:#666;
margin-bottom:5px;
}

#leftsection .modulebox {
width:160px;
background-image:url(../images/l_modulebox_b.gif);
background-repeat:no-repeat;
background-position:left bottom;
}
#leftsection .modulebox-title {
background:url(../images/l_modulebox_t.gif) left top no-repeat;
}
#leftsection #promosi h1 {
color:#000;
}
#leftsection .modulebox-content {
width:140px;
}
/* ---- event ---- */
#leftsection #event  {
background-image:url(../images/l_modulebox_event_b2.gif);
}
#leftsection #event .modulebox-title {
background:url(../images/l_modulebox_event_t2.gif) left top no-repeat;
}
#leftsection #event h1 {
background:url(../images/modulebox_bullet_2.gif) 10px 9px no-repeat;
}
#leftsection #event .modulebox-content a {
color:#000;
}
#leftsection #event .modulebox-content ul {
list-style:none;
border-top:1px dashed #6C8F00;
margin-bottom:10px;
}
#leftsection #event .modulebox-content ul li {
overflow:hidden;
width:140px;
border-bottom:1px dashed #6C8F00;
}
#leftsection #event .modulebox-content ul li a {
display:block;
width:140px;
font-size:10px;
color:#000;
padding:5px 0;
}
#leftsection #event .modulebox-content ul li a:hover {
color:#fff;
background:#96BF17;
text-decoration:none;
}
/* ---- eof event ---- */
/* ---- gadget ---- */
#leftsection #gadget  {
background-image:url(../images/l_modulebox_event_b3.gif);
}
#leftsection #gadget .modulebox-title {
background:url(../images/l_modulebox_event_t3.gif) left top no-repeat;
}
#leftsection #gadget h1 {
background:url(../images/modulebox_bullet_3.gif) 10px 9px no-repeat;
}
#leftsection #gadget .modulebox-content a {
color:#000;
}
#leftsection #gadget .modulebox-content ul {
list-style:none;
border-top:1px dashed #0085AF;
margin-bottom:10px;
}
#leftsection #gadget .modulebox-content ul li {
overflow:hidden;
width:140px;
border-bottom:1px dashed #0085AF;
}
#leftsection #gadget .modulebox-content ul li a {
display:block;
width:140px;
font-size:10px;
color:#fff;
padding:5px 0;
}
#leftsection #gadget .modulebox-content ul li a:hover {
background:#0085AF;
text-decoration:none;
}
/* ---- eof gadget ---- */

#leftsection #online-support {
background:url(../images/l_modulebox_default_b.gif) left bottom no-repeat;
}
#leftsection #online-support .modulebox-title {
background:url(../images/l_modulebox_default_t.gif) left top no-repeat;
}
#leftsection #online-support .modulebox-title h1 {
background:url(../images/modulebox_bullet_event.gif) 10px 9px no-repeat;
}
#leftsection #online-support ul {
list-style:none;
margin:0;
}
#leftsection #online-support li {
overflow:hidden;
width:140px;
padding:0 0 5px 0;
margin:0;
}
#leftsection #online-support li span {
display:block;
float:left;
width:52px;
padding-left:10px;
}

#rightsection .modulebox {
width:190px;
background:url(../images/r_modulebox_b.gif) left bottom no-repeat;
}
#rightsection .modulebox-title {
background:url(../images/r_modulebox_t.gif) left top no-repeat;
}
#rightsection .modulebox h1 {
background:url(../images/modulebox_bullet_biru.gif) 10px 10px no-repeat;
}
#rightsection .modulebox-content {
width:170px;
}
#dz .modulebox-content img {
padding-left:6px;
}
#dz h2 {
border:1px solid #ccc;
border-width:1px 0;
background:#fcfcfc;
font:bold 11px Arial, Helvetica, sans-serif;
color:#787878;
text-transform:uppercase;
margin-bottom:10px;
padding:3px 0;
}
#dz ul {
width:170px;
list-style:none;
border:none;
margin-bottom:5px;
}
#dz li {
border:none;
width:170px;
padding:0 0 5px 0;
}
#dz li a {
display:block;
width:151px;
background:url(../images/mini_spk.gif) left top no-repeat;
padding:1px 0 1px 25px;
color:#000;
font:11px Arial, Helvetica, sans-serif;
}
#dz li a:hover {
color:#f60;
background:url(../images/mini_spk_h.gif) left top no-repeat;
text-decoration:underline;
}
#dz-more {
display:block;
border-top:1px solid #cbcbcb;
background:#eee url(../images/dz_more.gif) right top no-repeat;
color:#403b28;
font:10px Arial, Helvetica, sans-serif;
text-align:right;
padding:2px 16px 3px 0;
}
#links ul {
margin-left:16px;
}
#links ul a {
background:#fff;
}
#links ul a:hover {
text-decoration:underline;
}
#footer {
width:800px;
background:#fff url(../images/wrapper_m.gif) left top repeat-y;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-align:left;
line-height:140%;
padding:0 10px;
}

#footer-nav {
width:780px;
overflow:hidden;
background:#FF5B01;
color:#fff;
padding:5px 10px;
text-align:right;
}
#footer-nav a {
color:#fff;
}
#footer-copyright {
padding:5px;
}
#footer-copyright p {
margin:0;
}
#contentslidewrapper {
overflow:hidden;
width:410px;
background:#fff;
}

.contentslide{
	width: 228px;
	height: 166px;
	float:left;
	background: #f0f0f0;

}
#paginationwrapper {width:182px; float:right;}

.contentslide .contentdiv{
	display: none;
}

.pagination{
	width:182px;
	text-align: right;
	padding:0;
}

.pagination a{
	text-decoration: none; 
	color: #2e6ab1;
	background-color: white;
	float:left;
	filter:alpha(opacity=85);
	-moz-opacity:.850;
	opacity:.85;
}

.pagination  a:hover, .pagination  a.selected{
	color: #000;
	padding:0;
	margin:0;
	float:left;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;

}
#textcontent1 {
	padding:0px 0px 0px 0px;
}
#textcontentinner1 {
	text-align:right;
	padding:10px;
	width:180px;
}
h1.cstitle1 { 
	font-size:24px;
	color:#fff;
	font-weight:bold;
	line-height:90%;
	margin-bottom:5px;}

span.cscontent1 {
	font-size:11px;
	color:#fff;
	 }
a.csreadmore1  {
 font-size:11px;
	color:#333;
	font-weight:bold;}

a.csreadmore1:hover  {
font-size:11px;
text-decoration:underline;
}
	 
#textcontent2 {
	padding:30px 0px 0px 0px;
	
}
#textcontentinner2 {
	text-align:left;
	padding:10px;
	width:180px;
}
h1.cstitle2 { 
	font-size:24px;
	color:#333;
	font-weight:bold;
	line-height:90%;
	margin-bottom:5px;}

span.cscontent2 {
	 font-size:11px;
	color:#333;
	 }
a.csreadmore2  {
 font-size:11px;
	color:#333;
	font-weight:bold;}

a.csreadmore2:hover  {
font-size:11px;
text-decoration:underline;

}
#textcontent3 {
	padding:120px 0px 0px 0px;
	
}
#textcontentinner3 {
	text-align:left;
	padding:10px;
	width:180px;
}
h1.cstitle3 { 
	font-size:24px;
	color:#fff;
	font-weight:bold;
	line-height:90%;
	margin-bottom:5px;}

span.cscontent3 {
	 font-size:11px;
	color:#E3F396;
	 }
a.csreadmore3  {
 font-size:11px;
	color:#333;
	font-weight:bold;}

a.csreadmore3:hover  {
font-size:11px;
text-decoration:underline;
}
	 
#textcontent4 {
	padding:0px 0px 0px 0px;
	
}
#textcontentinner4 {
	text-align:left;
	padding:10px;
	width:180px;
}
h1.cstitle4 { 
	font-size:24px;
	color:#fff;
	font-weight:bold;
	line-height:90%;
	margin-bottom:5px;}

span.cscontent4 {
	 font-size:11px;
	color:#E3F396;
	 }
a.csreadmore4  {
 font-size:11px;
	color:#333;
	font-weight:bold;}

a.csreadmore4:hover  {
font-size:11px;
text-decoration:underline;
}
#download_ringtone {
text-align:center;
margin-bottom:5px;
}

.registerbox-field {
overflow:hidden;
padding-bottom:10px;
}
.registerbox-field label {
display:block;
float:left;
width:140px;
line-height:140%;
}
.registerbox-field input, .registerbox-field select, .registerbox-field textarea {
border:1px solid #cdcdcd;
}

.registerbox-field input {
padding:2px 5px;
}
#inline-cat {
width:100%;
padding-bottom:10px;
}
#listcat {
width:100%;
overflow:hidden;
background:url(../images/listcat_border_b.gif) left bottom repeat-x;
margin-bottom:12px;
}
#listcat ul {
list-style:none;
margin:0 0 0 10px;
padding:0 0 0 3px;
}
* html #listcat ul {
margin:0 0 0 20px;
}
#listcat li {
float:left;
background:url(../images/tabsearch_r_h.gif) right top no-repeat;
margin-left:-10px;
}
#listcat a {
float:left;
display:block;
background:url(../images/tabsearch_l_h.gif) left top no-repeat;
padding:4px 22px 4px 10px;
border-bottom:1px solid #d7d7d7;
}
#listcat li.listcat-active {
background:url(../images/tabsearch_r.gif) right top no-repeat;
}
#listcat li.listcat-active a {
background:url(../images/tabsearch_l.gif) left top no-repeat;
border-bottom:1px solid #fff;
}
.cat-active {
color:#000;
text-decoration:underline;
}

.spec-info {
width:100%;
overflow:hidden;
padding-bottom:30px;
}
.spec-notes {
margin:10px 0;
}
.spec-info-border {
width:100%;
overflow:hidden;
padding-bottom:10px;
border-bottom:1px dashed #cdcdcd;
margin-bottom:10px;
}
.spec-info h1, .spec-info-border h1 {
font:bold 16px Arial, Helvetica, sans-serif;
}
.spec-info .spec-img, .spec-info-border .spec-img {
float:left;
width:100px;
text-align:center;
}
.spec-info .spec-details, .spec-info-border .spec-details {
float:left;
width:310px;
}
.spec-info .spec-img {
width:150px;
}
.spec-info .spec-details {
width:260px;
}
.spec-info .spec-price, .spec-info-border .spec-price {
font-weight:bold;
color:#FF5B01;
}
.spec-nav-right {
padding-top:10px;
text-align:right;
}

#profile-view {
width:100%;
overflow:hidden;
}
#profile-view h2 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#FF5B01;
margin-bottom:4px;
}
.pv-field {
width:100%;
overflow:hidden;
}
.pv-left {
clear:left;
float:left;
width:140px;
font-weight:bold;
padding:3px 0;
}
.pv-right {
float:left;
width:250px;
padding:3px 0;
}

/* ---- main layout ---- */
#pemanis {
text-align:center;
}
#pemanis img, #pemanis p {
margin-bottom:10px;
}
/* ---- end of main layout ---- */

/* ---- pagination ---- */
.paging {
float:right;
}
.paging a, .paging span {
float:left;
display:block;
border:1px solid #cdcdcd;
margin-right:3px;
padding:2px 4px;
}
.paging a:hover, .paging span {
background:#FF5B01;
color:#fff;
text-decoration:none;
}
/* ---- end of pagination ---- */

/* ---- tables ---- */
table {
width:100%;
}
table#product-spec {
width:100%;
border-top:1px solid #cdcdcd;
}
table#product-spec th {
color:#000;
font-weight:bold;
border-bottom:1px solid #cdcdcd;
padding:3px 5px;
text-align:center;
}
table#product-spec td {
padding:3px 5px;
border-bottom:1px solid #cdcdcd;
}
table#product-spec td.spec-name {
width:110px;
font-weight:bold;
border-right:1px solid #cdcdcd;
}
table#product-spec td.spec-data {
border-right:1px solid #cdcdcd;
}
#page_calc_result {
border:1px solid #cdcdcd;
padding:10px;
}
#page_details {
width:100%;
overflow:hidden;
}
#cartlist th {
background:#fff;
padding:5px;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#cartlist td {
padding:5px;
}
#cartlist .right-border {
border-right:2px solid #9a9a9a;
}
#cartlist .cart-img {
border:1px solid #000;
}
#cartlist .pn {
font-size:12px;
font-weight:bold;
}
#cartlist .qty {
border:1px solid #cdcdcd;
}
#cartlist td, #table-statustrans td {
border-bottom:1px solid #cdcdcd;
}
#cartlist .subtotal td {
background:#fe0;
font-weight:bold;
}
#cartlist .nested td {
padding:0;
border:none;
}

#table-statustrans th {
border-top:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
background:#eee;
font:10px Arial, Helvetica, sans-serif;
padding:3px 0;
text-align:center;
}
#table-statustrans td {
padding:2px 4px;
}
#table-statustrans .nested td {
padding:0;
border:none;
}

#history-order th {
color:#000;
border-top:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
background:#eee;
font-weight:bold;
padding:2px 0;
text-align:center;
}
#history-order td {
padding:2px 0;
}
/* ---- end of tables ---- */

/* ---- shared stuff ---- */
.odd {
background:#ECEDED;
}
.even {
background:#fff;
}
.alert {
padding-top:3px;
color:#f00;
font-weight:bold;
}
.mb10 {
margin-bottom:10px;
}
.mb20 {
margin-bottom:20px;
}
.orange {
color:#FF5B01;
}
.bold {
font-weight:bold;
}
.bt_delete {
float:left;
display:block;
background:url(../images/cancel.gif) left top no-repeat;
padding:2px 0 2px 18px;
}
.hidden {
display:none;
}
.searchtext, .berita-item td,.content-modulebox td{font-size:11px;}
/* ---- end of shared stuff ---- */