/*******************************************************************************
  QuickSite - shared.css
  Micah Carrick <email@micahcarrick.com>
  
  This stylesheet *MUST* be shared by multiple domains. It provides common
  utility classes and classes that may be required for javascript, checkout,
  search, shopping cart, or other common portions of the website.
  
*******************************************************************************/

/* used to clear floats all over the place. It's very generic. */
.clear { clear: both; padding: 0px; margin: 0px; }

DIV.top_phone {
  font-size: 125%;
  font-weight: bold;
  color:#990000;
}

/*
Set font styles for price. Colors will need to be specified by the domain 
specific style sheet.
*/
SPAN.price {
  font-size: 150%;
  font-weight: bold;
}

/*
These are the styles for the 3 types of status for a product. It's either
in stock, back ordered, or factory direct. This is used in category.html and
product.html. Colors will need to be specified by the domain specific style
sheet.
*/
SPAN.in_stock,  SPAN.not_in_stock, SPAN.factory_direct, SPAN.free_shipping, SPAN.not_free_shipping {
  font-size: 105%;
  font-weight: bold;
}
SPAN.in_stock,  SPAN.not_in_stock, SPAN.factory_direct {
  margin-right: 8px; /* horizontal spacing between stock and shipping */
}
SPAN.free_shipping, SPAN.not_free_shipping {
  margin: 6px;
}



/* ADD TO CART BUTTON
   Uses the "sliding doors" CSS technique to create a graphical looking button
   out of the A and SPAN version of add to cart button. This allows the size
   or verbage of the button to change without having to re-create the graphics.
*/
DIV.sell_block DIV.add_to_cart_wrapper {
  text-align: center;
  /* use margins on either side to "squish" add to cart button into place */
  margin-left: 50px; 
  margin-right: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
}
DIV.category_product DIV.add_to_cart_wrapper {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

A.add_to_cart, A.add_to_cart:visited {
  display: inline;
  background: transparent url('../graphics/add_to_cart_a.png') no-repeat scroll top right;
  color: black;
  display: block;
  font: bold 10pt arial, sans-serif;
  height: 28px;
  /* margin-right: 6px; */
  padding-right: 17px; /* sliding doors padding */
  text-decoration: none;
}

A.add_to_cart SPAN {
  background: transparent url('../graphics/add_to_cart_span.png') no-repeat;
  display: block;
  line-height: 18px;
  padding: 5px 0 5px 17px;
}
A.add_to_cart:hover {
  color: white;
}
A.add_to_cart:active {
  background-position: bottom right;
  /* color: #dedede; */
  outline: none; /* hide dotted outline in Firefox */
}

A.add_to_cart:active SPAN {
  background-position: bottom left;
  padding: 6px 0 4px 17px; /* push text down 1px */
}
.free {
  font-weight: bold;
  color: red;
}


div#qmStaffToolbar {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #fffef9;
    border: 1px solid black;
    z-index: 9999;
    padding: 5px;
    /*
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    opacity: .85;
    */
    line-height: 140%;
}
div#qmStaffToolbar a {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}
div#qmStaffToolbar TEXTAREA {
    width: 300px; height: 50px; border: 1px solid black; padding: 2px;
}
div#qmStaffToolbar INPUT.textfield {
    width: 250px; border: 1px solid black; padding: 2px;
}