/*
 This file was auto generated by Less (http://lesscss.org), using
 the less-for-rails plugin (http://github.com/augustl/less-for-rails).
 
 To change the contents of this file, edit frontend.css.less instead.
*/

html { font-size: 16px; }
body {
  background: white;
  font-size: 62.5%;
  font-family: Helvetica, Arial, sans-serif;
}
#header {
  min-height: 284px;
  background: url(../images/header_bg.jpg) repeat-x;
}
#header a {
  display: block;
  width: 427px;
  height: 284px;
  background: url(../images/logo.jpg);
  text-indent: -30000px;
}
#header .text { margin-top: 55px; }
#header h2 {
  color: white;
  font-size: 4.8em;
  font-weight: normal;
}
#header h3 {
  color: white;
  font-size: 1.8em;
  font-weight: normal;
  margin-top: 40px;
}
#breadcrumbs {
  background: #ededed;
  color: black;
  font-size: 1.4em;
  border-bottom: 1px solid #c6c6c6;
}
#breadcrumbs a {
  color: #424242;
  text-decoration: none;
}
#breadcrumbs a:hover { color: #303030; }
#breadcrumbs .breadcrumbs { padding: 17px 0 15px 0; }
#breadcrumbs .cart { margin-top: 7px; }
#breadcrumbs .cart a {
  display: block;
  height: 22px;
  padding-left: 36px;
  background: url(../images/cart.jpg) no-repeat;
  padding-top: 10px;
}
#sidebar {
  min-height: 482px;
  width: 140px;
  background: url(../images/sidebar_bg.jpg) no-repeat;
  margin-top: 30px;
}
#sidebar ul {
  font-size: 1.8em;
  padding: 20px 15px 0 15px;
  color: white;
}
#sidebar ul li { margin-bottom: 20px; }
#sidebar ul li a {
  color: white;
  text-decoration: none;
}
#sidebar ul li a:hover { text-decoration: underline; }
#sidebar ul li ul {
  font-size: 0.8em;
  padding: 10px 0 0 15px;
}
#sidebar ul li ul li { margin-bottom: 10px; }
.flash {
  margin-bottom: 20px;
  padding: 10px;
  font-size: 1.4em;
}
#flash-notice {
  margin-bottom: 20px;
  padding: 10px;
  font-size: 1.4em;
  background: #baf6a0;
}
#flash-error {
  margin-bottom: 20px;
  padding: 10px;
  font-size: 1.4em;
  background: #df6060;
}
#content { margin-top: 30px; }
#content .product { margin-bottom: 20px; }
#content .product .header {
  background: url(../images/product_top.jpg);
  height: 31px;
}
#content .product .header h1 {
  font-size: 1.8em;
  text-align: center;
  font-weight: normal;
  padding-top: 9px;
}
#content .product .header h1 a {
  color: white;
  text-decoration: none;
}
#content .product .content {
  text-align: center;
  background: url(../images/product_bg.jpg);
  padding: 20px 20px 10px 20px;
}
#content .product .content a img { margin-bottom: 20px; }
#content .product .content .summary {
  text-align: left;
  margin-bottom: 15px;
}
#content .product .content .price {
  float: left;
  width: 68px;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 7px;
}
#content .product .content .addtocart { float: left; }
#content .product .content .addtocart a {
  display: block;
  width: 112px;
  height: 25px;
  background: url(../images/addtocart.jpg);
  text-align: left;
  text-indent: -30000px;
}
#content .product .content .admin {
  margin-top: 15px;
  font-size: 1.2em;
  background: #df6060;
  padding: 5px;
}
#content .product .content .admin a {
  color: black;
  text-decoration: none;
}
#content .product .content .admin a:hover { text-decoration: underline; }
#content .product .footer {
  height: 7px;
  background: url(../images/product_bottom.jpg);
}
#single h1 {
  font-size: 2.6em;
  color: #222222;
  margin-bottom: 40px;
}
#single .thumb { margin-bottom: 20px; }
#single .price {
  font-size: 1.6em;
  margin-bottom: 10px;
}
#single .itemnum { color: #444444; }
#single .description {
  font-size: 1.4em;
  margin-bottom: 20px;
  line-height: 17px;
}
#single .addtocart { margin-bottom: 30px; }
#single .addtocart a {
  display: block;
  width: 112px;
  height: 25px;
  background: url(../images/addtocart.jpg);
  text-align: left;
  text-indent: -30000px;
  float: left;
  margin-top: 4px;
}
#single .phone {
  float: left;
  font-size: 1.3em;
  color: #555555;
  padding-left: 20px;
}
#single .admin {
  margin-top: 15px;
  font-size: 1.2em;
  background: #df6060;
  padding: 5px;
  text-align: center;
}
#single .admin a {
  color: black;
  text-decoration: none;
}
#single .admin a:hover { text-decoration: underline; }
#cart .entry {
  margin-bottom: 20px;
  border-bottom: 1px solid #999999;
  font-size: 1.4em;
}
#cart .entry .thumb {
  float: left;
  width: 30px;
}
#cart .entry .num {
  float: left;
  width: 60px;
}
#cart .entry .num input { text-align: center; }
#cart .entry .product {
  float: left;
  padding-top: 4px;
  width: 500px;
}
#cart .entry .product a {
  color: black;
  text-decoration: none;
}
#cart .entry .product a:hover { text-decoration: underline; }
#cart .entry .product span a {
  margin-left: 10px;
  font-size: 0.7em;
  color: red;
}
#cart .entry .price {
  float: left;
  padding-top: 4px;
  color: green;
}
#cart .left input { margin-left: 8px; }
#cart .right span {
  padding-left: 280px;
  color: green;
  font-weight: bold;
  font-size: 1.4em;
}
#cart .doubleborder {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding-bottom: 2px;
  margin-top: 15px;
  margin-bottom: 50px;
}
#cart #checkout .left a {
  margin-left: 10px;
  font-size: 1.2em;
  color: #022e5f;
  text-decoration: none;
}
#cart #checkout .mid { text-align: center; }
#cart #checkout .right { text-align: right; }
#cart #checkout .right .or {
  margin: 15px;
  font-size: 1.4em;
}
#order-details { font-size: 1.2em; }
#order-details h2 {
  font-size: 1.4em;
  margin-bottom: 15px;
}
#order-details label {
  display: block;
  cursor: pointer;
  margin-bottom: 5px;
}
#order-details input {
  margin-bottom: 15px;
  padding: 2px;
}
#order-details select { margin-bottom: 15px; }
#order-details #billing {
  margin-bottom: 30px;
  padding: 10px;
  background: #eeeeee;
}
#order-details #shipping {
  margin-bottom: 30px;
  padding: 10px;
  background: #eeeeee;
}
#order-details #shipping #same { margin-bottom: 20px; }
#order-details #shipping #same span { cursor: pointer; }
#order-details #shipping p { display: none; }
#order-details #shipping .fieldWithErrors { display: none; }
#order-details #card {
  margin-bottom: 30px;
  padding: 10px;
  background: #eeeeee;
}
#order-details #errorExplanation {
  margin-bottom: 10px;
  padding: 10px;
  background: #df6060;
}
#order-details #errorExplanation ul {
  margin: 10px 0 0 20px;
  line-height: 16px;
}
#order-details .fieldWithErrors input { background: #df6060; }
#footer {
  margin-top: 50px;
  min-height: 113px;
  background: url(../images/footer_bg.jpg);
}
#footer .text {
  text-align: center;
  color: white;
  font-size: 1.4em;
  padding-top: 34px;
  margin-bottom: 20px;
}
#footer .text a {
  color: white;
  text-decoration: none;
  margin-left: 20px;
}
#footer .featured span {
  display: block;
  float: left;
  text-indent: -30000px;
  margin-left: 5px;
}
#footer .featured .paypal {
  width: 50px;
  height: 34px;
  background: url(../images/paypal_logo_50x34.gif);
  margin-left: 305px;
}
#footer .featured .visa {
  width: 61px;
  height: 35px;
  background: url(../images/visa_card.gif);
}
#footer .featured .mastercard {
  width: 55px;
  height: 35px;
  background: url(../images/master_card.gif);
}
#footer .featured .discover {
  width: 61px;
  height: 35px;
  background: url(../images/discover_card.gif);
}
#footer .featured .americanexpress {
  width: 83px;
  height: 35px;
  background: url(../images/am_ex.gif);
}
#seal { margin: 20px 0 0 45px; }
#page h1 {
  font-size: 2.6em;
  color: #222222;
  margin-bottom: 40px;
}
#page h2 {
  font-size: 1.4em;
  margin-bottom: 20px;
}
#page .content { font-size: 1.4em; }
#page .content p {
  margin-bottom: 18px;
  line-height: 18px;
}
#page .content p a {
  text-decoration: none;
  color: #013064;
}
#page .content p a:hover { text-decoration: underline; }