/* ================================================================== */
/* APPLICATION-WIDE STYLES
/* ================================================================== */


/* ------------------------------------------------------------------ */
/* Default style sheet for HTML 4
/* http://www.w3.org/TR/CSS21/sample.html
/* ------------------------------------------------------------------ */

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, 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            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 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 }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
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" }
:before, :after { white-space: pre-line }
center          { text-align: center }

/* 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 }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

/* -------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------- */
/* SLIDING DOORS BUTTONS
/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */
/* BUTTON and A TAGS
/* ------------------------------------------------------------- */
button.rc,
button.rcLrg,
button.rcSml,
button.rcHover,
button.rcLrgHover,
button.rcSmlHover,
a.rc,
a.rcLrg,
a.rcSml { 
  border: none !important;
  cursor: pointer; 
  font-weight: bold; 
  margin-right: 1em;
  outline: none;
  text-align: center; 
  vertical-align: middle;
}

a.rc,
a.rcLrg,
a.rcSml { 
  background-position: right -1px;
  float: left; /* <button> doesn't need this but <a> does. done on both for consistency */
}

/* ------------------------------------------------------------- */
/* SPAN TAGS
/* ------------------------------------------------------------- */
button.rc span,
button.rcLrg span,
button.rcSml span,
button.rcHover span,
button.rcLrgHover span,
button.rcSmlHover span,
a.rc span,
a.rcLrg span,
a.rcSml span { 
  background-position: left -1px;
  background-repeat: no-repeat;
  color: #FFF; 
  display: block; 
  float: left; /* <button> doesn't need this but <a> does in IE6. done on both for consistency */
  position: relative; 
  white-space: nowrap; 
}
button.rc span,
button.rcLrg span,
button.rcSml span,
button.rcHover span,
button.rcLrgHover span,
button.rcSmlHover span {
  margin-left: -3px;  /* removes some left padding in the button */
}


/* ------------------------------------------------------------- */
/* BACKGROUND IMAGES
/* ------------------------------------------------------------- */
a.rc, button.rc, button.rcHover {
  background-image: url("/media/images/btn_med_right_c.gif");
}
a.rc span, button.rc span, button.rcHover span {
  background-image: url("/media/images/btn_med_left_c.gif");
}
a.rcSml, button.rcSml, button.rcSmlHover {
  background-image: url("/media/images/btn_sml_right_c.gif");
}
a.rcSml span, button.rcSml span, button.rcSmlHover span {
  background-image: url("/media/images/btn_sml_left_c.gif");
}
a.rcLrg, button.rcLrg, button.rcLrgHover {
  background-image: url("/media/images/btn_lrg_right_c.gif");
}
a.rcLrg span, button.rcLrg span, button.rcLrgHover span {
  background-image: url("/media/images/btn_lrg_left_c.gif");
}


/* ------------------------------------------------------------- */
/* BUTTON SIZES
/* ------------------------------------------------------------- */
a.rc { height: 25px; }
a.rc,
button.rc,
button.rcHover { 
  font-size: 1em; 
  padding: 0 10px 0 0; 
}
a.rc span,
button.rc span,
button.rcHover span {
  height: 24px; 
  line-height: 24px;
  padding: 0 0 0 12px; 
}

/* -------------------------------- */
/* small button
/* -------------------------------- */
a.rcSml { height: 19px; }
a.rcSml,
button.rcSml,
button.rcSmlHover { 
  font-size: 0.9em;
  padding: 0 6px 0 0; 
}
a.rcSml span, 
button.rcSml span,
button.rcSmlHover span {
  height: 18px; 
  line-height: 18px;
  padding: 0 0 0 8px; 
}

/* -------------------------------- */
/* large button
/* -------------------------------- */
button.rcLrg,
button.rcLrgHover,
a.rcLrg { 
  font-size: 1.2em; 
  padding: 0 18px 0 0; 
}
button.rcLrg span,
button.rcLrgHover span,
a.rcLrg span { 
  height: 28px; 
  line-height: 28px;
  padding: 0 0 0 20px; 
}

/* -------------------------------- */
/* Remove right margin
/* -------------------------------- */
a.last,
button.last {
  margin-right: 0 !important;
}


/* ------------------------------------------------------------- */
/* HOVER STATES
/* ------------------------------------------------------------- */
/*
 * note that we do not use :hover for button because IE6 doesn't support it
 * the Hover classes work due to some global event listener which runs handleButtonHover()
 * decided not to use it for other browser either so that we need less css classes and are more
 * consistent
 */
button.rcHover, button.rcSmlHover, button.rcLrgHover,
a.rc:hover, a.rcSml:hover, a.rcLrg:hover {
  /* standard size button */
  background-position: right bottom; 
}

button.rcHover span, button.rcSmlHover span, button.rcLrgHover span,
a.rc:hover span, a.rcSml:hover span, a.rcLrg:hover span {
  /* standard size button */
  background-position: left bottom; 
}

/* we use !important here beause it is easily possible (and common) )for this rule to be
 * overridden by later module styelsheets
 */
a.rc,
a.rcLrg,
a.rcSml,
a.rc:hover,
a.rcLrg:hover,
a.rcSml:hover { 
  text-decoration: none !important;
}


/* ------------------------------------------------------------- */
/* ALIGNMENT
/* ------------------------------------------------------------- */
/* alignment between <a> and <button> */
a.rc,
a.rcLrg,
a.rcSml { 
  margin-top: 1px;
}

a.rc img, a.rcSml img, a.rcLrg img,
button.rc img, button.rcSml img, button.rcLrg img,
button.rcHover img, button.rcSmlHover img, button.rcLrgHover img {
  margin-right: 0.5em;
}

a.Wishlist {
  margin-left: 50%;
}

/* ------------------------------------------------------------- */
/* SAFARI/KHTML BUTTON FIXES
/* ------------------------------------------------------------- */
/* These CSS rules are valid CSS3, and at present are only read by
/* Safari and KHTML.
/* http://thomas.tanreisoftware.com/?p=11 */

/* Target production browsers (i.e. Apple Safari, KHTML and Gecko) */
html[xmlns*=""] body:last-child button.rc, body:last-child:not(:root:root) button.rc,
html[xmlns*=""] body:last-child button.rcSml, body:last-child:not(:root:root) button.rcSml,
html[xmlns*=""] body:last-child button.rcLrg, body:last-child:not(:root:root) button.rcLrg {
  background-position: right -1px;
}
html[xmlns*=""] body:last-child button.rcHover, body:last-child:not(:root:root) button.rcHover {
  background-position: right -26px;
}
html[xmlns*=""] body:last-child button.rcSmlHover, body:last-child:not(:root:root) button.rcSmlHover {
  background-position: right -20px;
}
html[xmlns*=""] body:last-child button.rcLrgHover, body:last-child:not(:root:root) button.rcLrgHover {
  background-position: right -30px;
}

/* Target "Webkit" (PC version of Safari) */
@media all and (min-width: 0px) {
  body:not(:root:root) button.rc,
  body:not(:root:root) button.rcSml,
  body:not(:root:root) button.rcLrg {
    background-position: right -1px;
  }
  body:not(:root:root) button.rcHover {
    background-position: right -26px;
  }
  body:not(:root:root) button.rcSmlHover {
    background-position: right -20px;
  }
  body:not(:root:root) button.rcLrgHover {
    background-position: right -30px;
  }
}

.paypalButton { 
  width: 148px;
  height: 47px;
  background-image: url("/media/images/paypal_large.gif");
  background-color:transparent;
  background-position:right center;
  background-repeat:no-repeat;
  border:medium none !important;
  cursor:pointer;
}