@charset "utf-8";
/******************************************************
  Description: CSS file for all of Customer interface

  Notes: Tokens are used for dynamic parts. Token names are case-insensitive.
         (substitute [] for {} in below examples)
         [IMG=imagefile.jpg] = Image loaded from media directory
         [URL=index.wml] = URL of a Webplus Shop page
         [VAR=client.bgcolor] = Variable set previously in other Webplus Shop scripts.
         [IF=client.button_borderstyle != "" \ client.button_borderstyle \ 0] = Conditional. 
            Condition is first, then result if condition is true, then result if condition is false. 
            All 3 parts are separated by \
*******************************************************/

html, body, form, object, param {
  margin: 0;
  padding: 0;
}

body {
  background-attachment: scroll;
  background-color: #FFFFFF;
  background-image: url('/stores/store_17681/media/breezy_lime_bg.gif');
  background-position: top left;
  background-repeat: repeat;
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

#container {
  margin: 0 auto;
  width: 960px;
}

#layout_table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

#maintenance_mode { margin: 5em auto; }

img {
  border: 0;
  margin: 0;
  padding: 0;
}

.btn_text {
  background-color: #5F9B00;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 2px;
  color: #FFFFFF;
  cursor: pointer;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 5px 3px;
  padding: 2px;
}


.btn_text:hover {
  background: #446F00;
  color: #F8FFED;
}

a:link { color: #446F00; }
a:visited { color: #446F00; }
a:hover { color: #446F00; }
a:active { color: #446F00; }

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

td {
  text-align: left;
  vertical-align: top;
}

th {
  font-size: .9em;
  text-align: center;
  vertical-align: top;
}

.required {
  color: #FF0000;
}

.required:after {
  content: "*"
}

.errorMsg {
  color: #FF0000;
  font-family: arial,helvetica,sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}

.hide { display: none; }

.spacer { clear: both; }

.disabled { color: #999; }

.enabled { color: #000000; }

/*********************/
/**  CATEGORY TREE  **/
/*********************/

#category_tree {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #5F9B00;
  border-bottom-style: solid;
}
#hp_category_tree {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #5F9B00;
  border-bottom-style: solid;
}
#category_tree,
#hp_category_tree {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

#hp_category_tree_list,
#category_tree_list {
  border: 0;
  display: table;
  font-weight: bold;
  margin: 0 auto; 
  padding: 0; 
  list-style-type: none;
  white-space: nowrap;
}

#hp_category_tree_list ul,
#category_tree_list ul {
  clear: left;
  display: block;
  float: left;
  font-weight: normal;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#hp_category_tree_list li,
#category_tree_list li {
  clear: none;
  display: table-cell;
  font-size: .85em;
  margin: 0;
  padding: 3px 8px;
  voice-family: "\"}\"";   
  voice-family: inherit;   
}

#hp_category_tree_list li li,
#category_tree_list li li { 
  display: block;
  clear: left;
  float: none;
  font-family: verdana,arial,helvetica,sans-serif;
  margin: 0;
  padding: 3px 5px;
}

#category_tree_list li,
#hp_category_tree_list li,
#category_tree_list .category_child,
#hp_category_tree_list .category_child,
#category_tree_list .category_parent,
#hp_category_tree_list .category_parent {
  border: none;
}

#category_tree_list a,
#hp_category_tree_list a {
  float: left;
  display: inline;
  text-decoration: none;
  width: auto;
}

#category_tree_list li li,
#hp_category_tree_list li li {
  display: none;
}