/* BALI BEAD SHOP */

body
{
  margin: 0px; padding: 0px;
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #666666;
}

a:link, a:active { color: #f60; text-decoration: underline; }
a:visited { color: #f96; }
a:hover { color: #c00; }

a img { border: none; text-decoration: none !important; }

/* Placeholder */

#placeholder
{
  margin: 0 auto; padding: 0px;
  width: 967px;
  background: url("images/background.gif") repeat-y;
  text-align: left;
}

#placeholder-inner { margin: 0px; padding: 11px; }

.brfloat:after, .product-group:after, .product-group1 .product:after, .category-nav:after, .gotop:after
{
  content: " ";
  visibility: hidden;
  display: block;
  clear: both;
  height: 0.1px; 
  font-size: 0.1em;
  line-height: 0px;
}

/* Logo */

h1, h2 { padding: 0px; margin: 0px; }

h1#logo
{
  width: 72px; height: 83px;
  background: url("images/lg-bbs.gif") no-repeat;
}

h1#logo a
{
  display: block;
  width: 72px; height: 83px;
  text-indent: -2000px;
  padding: 0px; margin: 0px;
  text-decoration: none;
}

/* Tabs */

#tabs
{
  position: relative;
  width: 864px;
  height: 43px;
  top: -36px; left: 80px;
  margin: 0px; padding: 0px;
  background: url("images/bg-tab.gif") top repeat-x;
  font: 70% arial, helvetica, sans-serif;
}

#tabs ul
{
  list-style-type: none;
  margin: 0px; padding: 0px;
}

#tabs li { float: left; }

#tabs a
{
  width: 73px; height: 43px;
  display: block;
  background: url("images/tab.gif") no-repeat;
  text-decoration: none;
  margin: 0px;
  padding: 11px 5px 0px 5px;
}

#tabs a:link, #tabs a:visited, #tabs a:active { color: #5353ac; }
#tabs a:hover { color: #f00; }

#tabs a.active
{
  background: url("images/tab-active.gif") no-repeat;
  color: #fff;
}

#tabs a.active:link, #tabs a.active:visited, #tabs a.active:active, #tabs a.active:hover 
{ color: #fff; }

#tab-separator 
{ 
  margin: 0px; padding: 0px;
  margin-top: -37px;
  width: 944px; height: 9px;
  background: url("images/bluebar.gif") repeat-x;
}

.separator hr { display: none; }

/* Shopping Cart */

#shopping-cart
{
  position: absolute;
  padding: 0px; margin: 0px;
  width: 272px;
  font-size: 70%;
  display: none;
}

#cart-summary
{
  background: url('images/cartback.gif') no-repeat;
  padding: 4px 4px 0px 4px;
  height: 21px;
}

#cart-details
{
  background: url('images/cartback-exp.gif') repeat-y;
  display: none;
  width: 272px; height: 150px;
  margin: 0px; padding: 4px;
}

#beta #cart-details
{
  background: none;
  width: 534px;
  height: auto;
  font-size: 90%;
}

#cart-details p { font-size: 80%; }

#cart-details-inner
{
  width: 256px; height: 138px;
  overflow: auto;
  background-color: #fff;
  padding: 4px;
}

#beta #cart-details-inner
{
  display: block;
  width: 510px;
  height: auto;
  padding: 12px;
  overflow: visible;
}


#cart-control
{
  position: relative;
  background: url('images/cartback-pull.gif') top no-repeat;
  width: 272px; height: 16px;
}

#cart-control a
{
  position: relative;
  display: block;
  width: 65px; height: 13px;
  margin: 0px;
  margin-left: 207px;
  padding: 0px;
}

#cart-control a img 
{ 
  border: none; 
  margin-left: 52px;
}

#beta table.cart-items
{ width: 100%; }

table.cart-items th, table.cart-items td
{
  margin: 1px;
  padding: 2px;
  font-size: 80%;
}

table.cart-items th
{
  background-color: #ffeab0;
  font-weight: normal;
}

table.cart-items td { background-color: #e3e3ee; }

table.cart-items td input { font-size: 100% !important; text-align: right; }

form#cart-items-form { margin: 0px; padding: 0px; }

/* Page Content */

#pagecontent
{
  width: 944px;
  padding: 0px; margin: 0px;
}

#alpha, #beta, #gamma
{
  float: left;
  display: inline-block;
  padding: 0px; margin: 0px;
  overflow: hidden;
}

.interior #alpha, .interior #beta, .interior #gamma
{
  margin-top: -39px;
}

#alpha
{
  width: 202px;
  background-color: #ffeab0;
}

#alpha form { margin: 0px; padding: 0px; }

#beta
{
  width: 416px;
  background-color: #fff;
}

.interior #beta
{
  width: 740px;
}

/* Search Box */

#search-box
{
  background-color: #e3e3ee;
  padding: 8px 7px 4px 7px;
  width: 188px; height: 28px;
}

#search-label, #search-textbox, #search-button { float: left; }

#search-label
{
  width: 20px; height: 21px;
  margin: 2px 4px 0px 0px;
  background: url("images/search.gif") no-repeat;
}

#search-label label { display: none; }

#search-textbox { margin-top: 2px; }

#search-button { margin: 0px 0px 0px 4px; }

#keywords { width: 102px; }

/* Categories */

#categories, #mailing-list, #icons
{
  border-top: 1px #fff solid;
  width: 202px;
  margin: 0px; padding: 0px;  
}

#categories, #icons { background-color: #ffeab0; }

#categories h2
{
  width: 202px; height: 34px;
  background: url("images/hd-categories.gif") no-repeat;
  text-indent: -1000px;
}

#categories ul
{
  list-style-type: disc;
  list-style-image: url("images/cat-bullet.gif");
  margin: 8px 0px 8px 28px;
  padding: 0px;
  text-indent: -4px;
  font-size: 80%;
}

#categories ul li { margin-bottom: .5em; }

#categories a { text-decoration: none; }
#categories a:link, #categories a:active { color: #5353ac; }
#categories a:visited { color: #9999cc; }
#categories a:hover { color: #f00; }

/* Mailing List */

#mailing-list { background-color: #e3e3ee; }

#mailing-list h2
{
  width: 202px; height: 34px;
  background: url("images/hd-maillist.gif") no-repeat;
  text-indent: -1000px;
}

#mailing-list .field-pair { padding: 8px 6px 0px 8px; }
#mailing-list .label, #mailing-list .field { float: left; }

#mailing-list .label
{
  text-align: right;
  width: 38px;
  margin: 4px 6px 0px 0px;
}

#mailing-list input.txt { width: 130px; }
#mailing-list label { font-size: 70%; }

#mailing-list .submit 
{ 
  text-align: right; 
  padding: 4px 8px 8px 0px;
}

/* Icons */

#icons { padding-bottom: 20px; }

#icons .icon-group 
{ 
  padding: 4px; 
  text-align: center;
}

#icons .icon-group img.card { margin: 0px 1px 0px 1px; }

/* Welcome */

#welcome
{
  width: 384px;
  padding: 24px 16px 24px 16px;
  background: url("images/bg-homewording.gif") repeat-x;
  font-size: 75%;
  line-height: 1.4em;
}

#welcome h1
{
  width: 304px; height: 41px;
  background: url("images/hd-welcome.gif") no-repeat;
  text-indent: -2000px;
}

/* New Products */

#gamma
{
  width: 326px;
}

#gamma-inner
{
  padding: 24px 16px 24px 16px;
  background-color: #fff;
}

#new-products h2
{
  width: 110px; height: 15px;
  background: url("images/hd-newproducts.gif") no-repeat;
  text-indent: -3000px;
}

#new-products h2 a
{
  display: block;
  width: 110px; height: 15px;
  text-decoration: none;
}

#new-img { position: relative; float: right; }

/* Featured */

#featured
{
  background: url("images/dotted-line.gif") repeat-x;
  padding-top: 16px;
}

#featured h2
{
  width: 142px; height: 15px;
  background: url("images/hd-featuredproducts.gif") no-repeat;
  text-indent: -3000px;
}

.product-group, .product-group1
{
  padding: 8px 0px 8px 0px;
  background: url("images/dotted-line.gif") bottom repeat-x;
}

.product-group1 .product-group
{
  padding: 0;
  background: none;
  margin: 0 auto;
  text-align: center;
}

.interior .product-group, .interior .product-group1
{ 
  width: 720px;
  padding: 16px 0px 16px 0px;
}

.product-search
{
  margin-left: 8px; 
  background: url("images/dotted-line.gif") bottom repeat-x;
}

.product-search .product
{
  width: 720px;
  padding: 16px 0px 16px 0px;
  float: none;
}

.product
{
  float: left;
  text-align: center;
  width: 230px;
  overflow: hidden;
}

.category-2 .product
{
  width: 344px;
}

.product .product-image 
{ 
  float: left; 
  width: 280px;  
}

.product-image-shared
{
  margin: 0 auto;
  text-align: center;
}

.product-name-shared
{
  margin: 0 auto;
  font-size: 80%;
  text-align: center;
}

.prodcol-1 .product { width: 700px; }
.prodcol-2 .product { width: 349px; }
.prodcol-3 .product { width: 230px; }

.added 
{ 
  display: none;
  font-weight: bold;
  background-color: #fc3;
  padding: 1px;
}

#featured .product { width: 146px;  }

.interior .product, .product-group1 .product-group .product
{ 
  padding-right: 10px;
  line-height: 1.1em;
}

.product-group1 .product-group .product
{
  float: left;
}

#featured .product h3
{
  font-size: 75%;
  margin: 0px; padding: 0px;
}

#featured h3 a:link, #featured h3 a:active { color: #5353ac; }
#featured h3 a:visited { color: #9999cc; }
#featured h3 a:hover { color: #f00; }


/* Product Detail */

#product-detail { margin: 12px; }

#product-detail .product-image { float: right; }

#product-detail h2 { font-size: 120%; }

#product-detail .cart-link { font-size: 70%; }

.prod-spec
{
  width: 350px;
  border: 1px #ffeab0 solid;
  padding: 8px; margin: 16px 0px 16px 0px;
}

.prod-spec h3
{
  margin: 0px; padding: 0px;
  margin-bottom: 8px;
  font-size: 75%;
  text-align: center;
}

.prod-spec table { width: 100%; }

.prod-spec table th, .prod-spec table td
{
  padding: 4px; 
  font-size: 70%;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

.prod-spec table th
{
  width: 40%;
  background-color: #e3e3ee;
}

.prod-spec table td
{
  width: 60%;
  background-color: #ffeab0;
}

.prod-spec td.price-info { font-weight: bold; font-size: 100%; }

/* Currency */

.currency, .prod-desc
{
  font-size: 70%;
  position: relative;
  margin-top: 12px;
}

.currency form { margin: 0px; border: 0px; }

.ccysymbol, .price { color: #c60; }

/* Pointer */

.pointer
{
  position: relative;
  margin: 0px; margin-top: 4px;
  padding: 2px 0px 0px 20px;
  background: url("images/pointer.gif") no-repeat;
}

#product-detail .pointer, #new-products .pointer { font-size: 70%; }

#shopping-cart .pointer { position: static; }

/* Product Description */

.prod-desc span { font-family: tahoma, verdana, arial, helvetica, sans-serif; }

/* Content */

#content
{
  padding: 16px;
}

.general-text p
{
  font-size: 75%;
  line-height: 1.5em;
}

/* Static Text */

#static-text
{
  padding: 16px;
  line-height: 1.25em;
}

#static-text .toc, #static-text p, #static-text li { font-size: 80%; }

#static-text .toc { margin-bottom: 1.5em; }

#static-text li { margin-bottom: 1em; }

#static-text h2 
{ 
  background: url("images/dotted-line.gif") repeat-x;
  padding-top: 8px;
  margin-top: 24px;
  font-size: 120%; 
  font-weight: normal;
  color: #5353ac;
}

#static-text h3
{
  margin: 0px;
  padding-top: 20px;
  font-size: 90%;
  font-weight: bold;
}

#static-text pre 
{ 
  font: 75% "courier new", courier; 
  background-color: #ffeab0;
  padding: 16px;
}

.gotop
{
  display: block;
  font-size: 70%;
  background: url("images/bt-up.gif") right no-repeat;
  padding-right: 16px;
  width: 688px;
  height: 20px;
  text-align: right;
  margin-right: 6px;
}

table.infotab
{ width: 100%; }

table.infotab th, table.infotab td
{
  margin: 1px;
  padding: 3px;
  font-size: 60%;
  line-height: 1.2em;
}

table.infotab th
{
  background-color: #ffeab0;
  font-weight: normal;
}

table.infotab td { background-color: #e3e3ee; }

/* Category Navigation */

.category-nav
{
  background-color: #e3e3ee;
  padding: 8px; margin: 0px;
  position: relative;
  width: 726px;
}

.category-nav .currency
{
  float: left;
  position: relative;
  margin-top: 0px;
}

.page-nav
{
  position: relative;
  float: right;
}

.page-nav label { font-size: 70%; }

.page-nav form { margin: 0px; border: 0px; }

#subcategories 
{
  padding:  8px;
  border-bottom: 2px solid #ffeab0;
  font-size: 80%;
}

.subcat-line 
{
  padding: 10px 0;
}

.subcat-alpha, .subcat_beta
{
  width: 50%;
  float: left;
}

.subcat-img 
{
  width: 120px;
  float: left;
}

.subcat-text
{
  width: 220px;
  float: left;
  font-weight: bold;
}

h2.has-sub-has-prod
{
  font-size: 120%;
  padding: 8px;
}

.bottom-navigator 
{ 
  text-align: center; 
  font-size: 80%;
  text-transform: lowercase;
  margin-top: 16px;
}

.bottom-navigator strong { font-size: 150%; margin-left: 4px; margin-right: 4px; }

.bottom-navigator a { margin-left: 4px; margin-right: 4px; }

.bottom-navigator a:link, .bottom-navigator a:active { color: #5353ac; }
.bottom-navigator a:visited { color: #9999cc; }
.bottom-navigator a:hover { color: #f00; }

a.prev
{
  padding-left: 10px;
  background: url("images/bt-prev.gif") left no-repeat;
}

a.next
{
  margin-left: 0px;
  padding-right: 10px;
  background: url("images/bt-next.gif") right no-repeat;
}

/* Footer */

#footer
{
  width: 944px;
  background-color: #e3e3ee;
  padding: 0px; margin: 0px;
  position: relative;
  border-top: 1px solid #fff;
}

#footer-inner
{
  width: 928px;
  padding: 8px;
  padding-bottom: 16px;
  position: relative;
}

#address, #link-partners
{ 
  position: relative; 
  float: left;
  height: 76px;
}

#address, #copyright
{
  width: 380px;
  font-size: 65%;
  text-align: left;
}

#copyright { float: right; }

#link-partners
{
  width: 168px;
  font-size: 70%;
  text-align: center;
}

#copyright 
{ 
  text-align: right; 
}

/* Forms */

input, select, textarea 
{ 
  font-size: 70%; 
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
}

/* Table */

td.numeric { text-align: right; }

td.option { text-align: center; }

th.total, td.total 
{ 
  text-align: right; 
  font-weight: bold;
}

/* Interior */

.interior #beta h1
{
  width: 742px;
  height: 100px;
  background-color: #617f9b;
  text-indent: -2000px;
  margin: 0px; padding: 0px;
  background-repeat: no-repeat;
}

/* Page Form */

fieldset
{
  background: url("images/dotted-line.gif") top repeat-x;
  border: 0px;
  padding: 16px 0px 0px 0px;
  margin: 16px 0px 0px 0px;
}

.page-form .field-pair
{
  margin-bottom: 12px;
}

.page-form .label 
{ 
  float: left; 
  width: 25%;
}

.required
{
  font: 80% symbol;
  color: #f60;
}

p .required { font-size: 100%; }

label
{
  font-size: 80%;
}

.oos { font-style: italic; color: #c00; }