ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 ;text-align:center;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
BR:before       { content: "\A" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: none }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male ;text-decoration: none;}
  A:visited     { voice-family: betty, female ;text-decoration: none;}
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

* { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* body */

body {
  text-align : center;
  margin: 0px;
  margin-top:20px;
  padding: 0px;
}

body, td, th, input, textarea, select, a {
  /*font-size: 11px;*/
  color: black;
text-decoration: none;
}
 
b, strong, th {
 color: #000000;
}

form {
  padding: 0;
  margin: 0;
  display: inline;
}

.png {
  behavior: url('catalog/javascript/iepngfix.htc');
}
  
a img {
  border: none;
}

a:hover {
  text-decoration: none;
}

/* layout */
h1 { 
  display: none;
}
 
#container {
  width: 779px;
  position: relative;
  left: 50%;
  margin-left: -389px;
}

#header {
  height: 70px; 
  clear: both; 
}

#header .a {
text-decoration: none;
  background: url(image/logo.png) no-repeat;
  behavior: url('catalog/javascript/iepngfix.htc'); 
  width: 157px;
  height: 32px;
  float: left;
  position: absolute;
  top: 22px;
  left: 10px;
}

#header .b {
  position: relative;
  top: 42px;
  float: right;
}

#header .b a {
  background: url(image/tab.png);
  behavior: url('catalog/javascript/iepngfix.htc');   
  width: 100px;
  height: 20px;
  padding-top: 6px;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  float: left;
  display: block;
  margin-left: 2px;
  cursor: pointer;
}

#header .b a img {
  width: 14px;
  height: 8px;
}

#column {
  width: 167px;
  margin: 10px 15px 15px 0px; 
  float: left;
}

#content {
  margin: 10px 0px 15px 0px; 
  float: right;
  padding-left: 15px;
  border-left: 1px solid #EEEEEE;
  width: 581px;
}

#content a {
  color: #000000;
}

#footer { 
  clear: both;  
  border-top: 3px solid #EEEEEE;
  padding-top: 3px;
  margin-bottom: 1px;
}

#footer .a {
text-decoration: none;
  float: left;
  margin-top: 2px;
}

#footer .b {
  float: right;
  text-align: right;
}
#footer .b a {
  color: #336699;
}
  
#time {
  color: #EEEEEE;
  text-align: center;
  clear: both;
}

.heading {
  background-image: url("../../../../img/banner/re-soul_mark.gif");
  background-repeat: no-repeat;
  background-position: 0 .5em;
background-position: left center;
  padding-left: 42px;
  margin-top:5px;
  padding-top: 6px;
  font-size: 15px;
  font-weight: 600;
  font: Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #333333;
  padding-bottom: 6px;
 /* border-bottom: 1px solid black;*/
  clear: both;
  margin-bottom: 5px;
  height: 20px;
}

.heading .left {
  float: left;
  text-align: left;
}
 
.heading .right {
  float: right;
  text-align: right;
}

.error {
  color: #FF0000;
}

.required {
  margin: 0;
  color: #FF0000;
  display: inline;
}

.warning {
  color: #000000;
  font-size: 10px;  
  background-color: #FFCECE;
  padding: 3px;
  display: block;
  margin-bottom: 10px;
}

.message {
  color: #000000;
  font-size: 10px;
  background-color: #99FF00;
  padding: 3px;
  display: block;
  margin-bottom: 10px;
}

.breadcrumb {
  color: #999999;
  margin: 0px 0px 10px 0px;
}

.breadcrumb a {
  color: #003399;
}
 
#bar {
  background-color: #EEEEEE;
  border-top: 1px solid #CCCCCC; 
  border-bottom: 1px solid #CCCCCC;
  padding: 3px 3px 0px 10px;
  height: 24px;
}

.products, .images, .categories {

  height:150px;
  float: left;
  width: 22%; 
  text-align: center; 
  cursor: pointer;
  font-size: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 2px;
  margin-left: 2px; 
  border-width : 1px 1px 1px 1px;
  border-top-style : solid;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  border-color : #cccccc #cccccc #cccccc #cccccc;
}

.products a, .images a, .categories a {
  font-size: 10px;
}

.products img, .images img, .categories img {
  border: 0px;
  margin-bottom: 2px;
}

.results {
  clear: both;
  height: 19px;
}

.results .left {
  float: left;
  padding-top: 2px;
}

.results .right {
  float: right;
}

.buttons {
  border: 1px solid #EEEEEE;
  clear: both;
  padding: 5px;
  margin: 10px 0px 10px 0px;
  height: 20px;
}

.buttons input {
  height: 20px;
}

.buttons .left {
  float: left;
}

.buttons .right {
  float: right;
}

.buttons .center {
  position: relative;

  float: left;
}

.box {
  margin-bottom: 10px;
}

/* box language */
.language {
  float: left;
  margin-top: 3px;
}

.language div {
  display: inline;
}

/* box currency */
.currency {
  float: left;
  margin-left: 20px;
  margin-top: 1px;  
}

.currency div {
  display: inline;
}

/* box search */
.search {
  float: right;
}

.search div {
  display: inline;
}

/* box cart */
.box .cart .a {
  text-align: right;
  border-top: 1px solid #EEEEEE;
  margin-top: 8px;
}

.box .cart .b {
  text-align: center;
}

/* box category */
.box .category {
  padding-top: 3px;
}

.box .category a {
  /*background: url('image/bullet_1.png') no-repeat 15px 5px;*/
  padding: 0px 0px 0px 5px;
  display: block;
  text-decoration: none;
  margin-bottom: 8px;
}
.box .category a:hover{
  /*background: url('image/bullet_1.png') no-repeat 15px 5px;*/
  padding: 0px 0px 0px 5px;
  display: block;
  text-decoration: none;
  margin-bottom: 8px;
  color:#990000;
}

/* box information */
.box .information a {
  background: url('image/bullet_2.png') no-repeat 10px 4px;
  padding: 0px 0px 0px 25px;
  display: block;
  text-decoration: none;
}

/* box review */
.box .review .a {
  text-align: center;
}

.box .review .a img {
  clear: both;
}

.box .review .a a {
  text-decoration: none;
}

.box .review .b {
  margin-top: 2px;
}

.box .review .c {
  text-align: right;
  font-style: italic;
  margin-top: 2px;
}

.box .review .d .e {
  float: left;
  text-decoration: none;
  position: relative;
  left: 5px;
  padding: 3px;
}

.box .review .d .e img {
  padding-right: 8px;
}

.box .review .d .f {
  position: relative;
  top: 10px;
  text-decoration: none;  
}

.box .review .a .g {
  color: #0066CC;
  text-decoration: underline; 
}

/* product */
#product .a {
  float: right;
  margin: 10px;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
}

#product .b {
  margin-bottom: 20px;
}

/* contact */
#contact {
  margin-top: 10px; 
}

#contact .a {
  border: 1px solid #EEEEEE;
  padding: 5px;
  _height: 50px;
  min-height: 50px; 
}

#contact > .a  {
  overflow: auto;
}

#contact .b {
  float: left;
  width: 45%;
}

#contact .c {
  float: right;
  width: 45%;
}

#contact .c a {
  color: #000000;
}

#contact .d {
  margin-top: 10px;
  border: 1px solid #EEEEEE;
  padding: 5px; 
  clear: both; 
}

#contact .d table {
  width: 100%;
}

#contact .d table textarea {
  width: 99%; 
  height: 150px;
  overflow: auto;
}

/* search */
#search .a {
  font-weight: bold;
   color: #000000;
  margin-bottom: 2px;
}

#search .b {
  margin-bottom: 10px;
}

#search .b .c {
  border: 1px solid #EEEEEE; 
  padding: 5px;
}

#search .b .d {
  margin-top: 10px;
  text-align: right;
  padding: 5px;
}

/* login */
#login .a, #login .g {
  width: 280px;
}

#login .a {
  float: left;
}

#login .g {
  float: right;
}

#login .b, #login .h {
  font-weight: bold;
  color: #000000;
  margin-bottom: 2px;
}

#login .c, #login .i {
  border: 1px solid #EEEEEE;
  padding: 10px;
  height: 140px;
}

#login .d, #login .j {
  margin-top: 12px;
  _margin-top: 20px;
}

#login .e, #login .k {
  margin-top: 20px;
  _margin-top: 20px;
}

#login .f, #login .l {
  margin-top: 12px;
  _margin-top: 20px;
  text-align: right;
}

/* account create */
#create .b, #create .d, #create .f {
  border: 1px solid #EEEEEE;
  padding: 5px;
  margin-bottom: 10px;
}

#create .a, #create .c, #create .e {
  margin-bottom: 2px;
  font-weight: bold;
  color: #000000;
}

#create table {
  width: 100%;
}

/* account */
#account .b, #account .d {
  border: 1px solid #EEEEEE;
  padding: 5px;
  margin-bottom: 10px;
}

#account .a, #account .c {
  margin-bottom: 2px;
  font-weight: bold;
  color: #000000;
  display: block;
}

#account a {
  text-decoration: none;
}

#account a:hover {
  text-decoration: underline;
}
/* account edit */
#edit .b {
  border: 1px solid #EEEEEE;
  padding: 5px;
  margin-bottom: 10px;
}

#edit .a {
  margin-bottom: 2px;
  font-weight: bold;
  color: #000000;
}

#edit table {
  width: 100%;
}

/* account edit */
#password .b {
  border: 1px solid #EEEEEE;
  padding: 5px;
  margin-bottom: 10px;
}

#password .a {
  margin-bottom: 2px;
  font-weight: bold;
  color: #000000;
}

#password table {
  width: 100%;
}

/* account address */
#address .c, #address .f {
  border: 1px solid #EEEEEE;
  padding: 5px;
  margin-bottom: 10px;
}

#address .b, #address .e {
  margin-bottom: 2px;
  font-weight: bold;
  color: #000000;
}

/* checkout shipping */
#shipping .b, #shipping .d, #shipping .f {
  border: 1px solid #EEEEEE;
  padding: 5px;
  margin-bottom: 10px;
}

#shipping .a, #shipping .c, #shipping .e {
  margin-bottom: 2px;
  font-weight: bold;
  color: #000000;
}

#shipping .d table {
  width: 100%;
  margin-top: 5px;
}

#shipping .d table tr {
  cursor: pointer;
}

#shipping .g {
  padding-left: 20px;
}

#shipping .i {
  text-align: right;
  padding-right: 20px;
}

#shipping label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;  
}
  
/* checkout payment */
#payment .b, #payment .d, #payment .f {
  border: 1px solid #EEEEEE;
  padding: 5px;
  margin-bottom: 10px;
}

#payment .a, #payment .c, #payment .e {
  margin-bottom: 2px;
  font-weight: bold;
  color: #000000;
}

#payment .d table {
  width: 100%;
  margin-top: 5px;  
}

#payment .d table tr {
  cursor: pointer;
}

#payment .g {
  padding-left: 20px;
}

#payment label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* checkout address */
#checkout_address .a, #checkout_address .c {
  margin-bottom: 2px;
  font-weight: bold;
  color: #000000;
}

#checkout_address .b, #checkout_address .d {
  border: 1px solid #EEEEEE;
  padding: 5px;
  margin-bottom: 10px;
}

#checkout_address .b table td  {
  vertical-align: top;
}

#checkout_address .e {
  padding-left: 10px;
  cursor: pointer;  
}

#checkout_address .f {
  padding-left: 10px;
  cursor: pointer;
}

#checkout_address label {
  display: block;
  width: 100%;
  height: 100%;
}

/* cart */
#cart .a {
  width: 100%;
  clear: both;
}

#cart .b, #cart .h, #cart .c, #cart .i {
  text-align: center;
}

#cart .d, #cart .j, #cart .e, #cart .k, #cart .f, #cart .l {
  text-align: left;
  vertical-align: top;  
}

#cart .j span {
  color: #FF0000;
}

#cart .g, #cart .m {
  text-align: right;
  vertical-align: top;
}

#cart .n {
  float: right;
  text-align: right;
  clear: both;
}

#cart .n table {
  display: inline;
}

#cart .o {
  color: #FF0000;
  clear: both;
  font-size: 9px;
  text-align: center;
}

/* review */
#review {
  padding-top: 10px;
}

#review .a {
  clear: both;
}

#review .b {
  float: left;
  margin-bottom: 5px;  
}

#review .b a {
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
}

#review .c {
  float: right;
  text-align: right;
  margin-bottom: 5px;   
}

#review table {
  border: 1px solid #EEEEEE;
  width: 100%;
  margin-bottom: 10px;  
  clear: both;
}

.review table td {
  vertical-align: top;
}

/* review info */
#review_info .a {
  float: right;
  margin: 10px;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
} 

/* review write */
#review_write .a {
  float: right;
  margin: 10px;
  font-size: 10px;
  text-align: center;
}

#review_write .e span {
  color: #FF0000;
  text-transform: uppercase;
  font-weight: bold;
}

#review_write .d {
  margin-bottom: 10px;
}

#review_write .d span {
  color: #FF0000;
  font-weight: bold;
}

/* checkout */
#checkout .a, #checkout .h {
  border: 1px solid #EEEEEE;
  margin: 10px 0px 10px 0px;
  clear: both;
  _height: 10px;
  padding: 5px;
}

#checkout .m {
  border: 1px solid #EEEEEE;
  margin-bottom: 10px;
  _height: 10px;
  padding: 5px;
}

#checkout .l {
  padding-bottom: 2px;
}

#checkout > .a, #checkout > .h, #checkout > .m {
  overflow: auto;
}

#checkout .c, #checkout .j {
  width: 415px;
  float: right;
}

#checkout .c table {
  width: 100%;
}

#checkout .b, #checkout .i {
  width: 140px;
  float: left;
  padding-left: 3px;
}

#checkout .f, #checkout .d, #checkout .e, #checkout .g {
  vertical-align: top;
}

#checkout .f, #checkout .g {
  text-align: right;
}

#checkout .h .j table {
  float: right;
  text-align: right;
}

/* success */
#success {
  background: url('image/success.png') no-repeat;
  padding-left: 148px;
  _height: 128px;
  min-height: 128px;
}

/* failure */
#failure {
  background: url('image/failure.png') no-repeat;
  padding-left: 148px;
  _height: 128px;
  min-height: 128px;  
}

/* history */
#history {
  margin-top: 10px;
}

#history .a {
  padding-bottom: 3px;
}

#history .b {
  float: left;
  text-align: left;
  padding-bottom: 3px;
}

#history .c {
  float: right;
  text-align: right;
  padding-bottom: 3px;  
}

#history .d {
  clear: both;
  border: 1px solid #EEEEEE;
  margin-bottom: 10px;
}

#history table {
  width: 100%;
}

/* invoice */
#invoice .a, #invoice .h {
  border: 1px solid #EEEEEE;
  margin: 10px 0px 10px 0px;
  clear: both;
  _height: 10px;
  padding: 5px;
}

#invoice .m {
  border: 1px solid #EEEEEE;
  margin-bottom: 10px;
  _height: 10px;
  padding: 5px;
}

#invoice .l {
  padding-bottom: 2px;
}

#invoice > .a, #invoice > .h, #invoice > .m {
  overflow: auto;
}

#invoice .c, #invoice .j {
  width: 415px;
  float: right;
}

#invoice .c table {
  width: 100%;
}

#invoice .b, #invoice .i {
  width: 140px;
  float: left;
  padding-left: 3px;
}

#invoice .f, #invoice .d, #invoice .e, #invoice .g {
  vertical-align: top;
}

#invoice .f, #invoice .g {
  text-align: right;
}

#invoice .h .j table {
  float: right;
  text-align: right;
}

/* sitemap */
#sitemap a {
  text-decoration: none; 
}

#sitemap .a {
  float: left;
  width: 45%;
}

#sitemap .b {
  float: right;
  width: 45%;
}

#error {
  clear: both;
  border: 1px solid #EEEEEE;
  margin: 0px 0px 10px 0px;
  padding: 8px;
  margin-top: 10px;
}

.b a:hover{
color:#990000;
}