body
  { color: #000;
    background: #999890 url('/images/tarakan_is_loading.png') 0% 50% no-repeat;
    font-family: sans-serif;
    font-size: 90%;
    padding: 0; margin: 0; }
#page
  { padding: 0; margin: 10px; }
#page a
  { color: #c81107; }

hr
  { display: none; }

/* Main */
#main
  { color: #000;
    background: #fff;
    font-family: 'Georgia', serif;
    padding: 1em;
    width: 30%;
    min-width: 450px;
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 999; }
#main *
  { padding: 0; margin: 0; }
#main .content
  { margin-left: 5px; }


  
/* Header */
#header
  { font-family: 'Georgia', serif;
    position: relative; height: 85px; }
#header .replace
  { background: url('../images/tarakan.header.png') 0 0 no-repeat; 
    width: 412px;
    height: 85px;
    position: absolute; 
    top: 0;
    left: 0; }
#header h1,
#header h2
  { font-size: 9px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; }


/* Item */
.notebook
  { color: #333;
    background: #fff;
    font-family: 'Lucida Grande', 'Tahoma', sans-serif;
    text-align: left;
    padding: 0;
    width: 97px;
    height: 134px; 
    position: relative; 
    float: left; }

.notebook:hover
  { cursor: pointer;
    background: #f5f5f5; }
    
.notebook .image
  { width: 97px;
    height: 134px;
    position: absolute; 
    z-index: 3; }
    
.notebook .border
  { position: absolute;
    top: -5px;
    left: -5px;
    width: 107px;
    height: 144px;
/*    background: #fff;*/
    background: url('../images/item.hover.png') 0 0 no-repeat;
    z-index: 4;
    /*display: none;*/ }
    
.notebook .bg
  { background: #fff;
    position: absolute;
    top: -5px;
    left: -5px; 
    width: 97px;
    height: 144px; 
    z-index: 1; }
    
.notebook .border .description
  { color: #6e7275;
    font-size: 10px;
    position: absolute;
    bottom: -5px;
    left: 5px; }
    
.notebook .info
  { background: #fff;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -5px;
    left: -5px;
    /*overflow: hidden;*/ 
    z-index: 3; }
.notebook .info *
  { padding: 0; margin: 0; }
.notebook .info .content
  { position: absolute; 
    top: 10px;
    left: 110px; 
    width: 260px; }
.notebook .info p
  { padding: 0; margin: 0; }
.notebook .info .title
  { color: #c0c7cc; 
    font-size: 85%; 
    margin-bottom: 0.3em; }
.notebook .info .title strong
  { color: #000;
    font-size: 115%; }
.notebook .info .title .price
  { color: #747880; }
.notebook .info .code
  { color: #14171c;
    font-size: 90%;
    font-family: 'Courier New', 'Courier', monospace; }
.notebook .info .description
  { color: #6d727c;
    font-size: 11px; 
    margin-top: 0.6em; }
.notebook a
  { font-size: 80%; 
    margin-top: 0.3em; }
.notebook .info .description a
  { font-size: 100%; margin-top: 0; }
    
    
/* Pagination */
.pagination
  { color: #000;
    background: #999890;
    font-family: 'Lucida Grande', 'Tahoma', sans-serif;
    font-size: 90%;
    text-align: left;
    padding: 0;
    width: 97px;
    height: 134px; 
    position: relative; 
    float: left; }
.pagination a
  { color: #5a5955; 
    text-decoration: none !important;
    border: none !important;
    width: 100%; 
    height: 100%;
    display: block; 
    position: relative; }
.pagination.next
  { background: url('/images/next.png') 0 0 no-repeat; }
.pagination.previous
  { background: url('/images/previous.png') 0 0 no-repeat; }
.pagination a span 
  { color: #5a5955;
    position: absolute; 
    top: 58px;
    right: 55px; }
.pagination.next a span 
  { left: 55px; }
.pagination.previous a:hover
  { background-image: url('/images/previous.hover.png'); }
.pagination.next a:hover
  { background-image: url('/images/next.hover.png'); }
.pagination.previous a:hover span,
.pagination.next a:hover span
  { color: #fff; }