/**
  Toots & Magoo stylesheet
    by Chris Jones, Sprocket House LLC
    http://sprockethouse.com

  ~* Organization *~
    1. Layout
    2. Typography
    3. Background images & colors
    4. Image replacement
    5. Forms
**/

/***
  1. Layout
***/
.container,
#masthead,
#content,
#footer {
  width: 950px;
  margin: 0px auto;
}

/* Header */
#masthead {
  position: relative;
  padding-top: 50px;
}
#masthead h1,
#masthead h1 a {
  display: block;
  width: 270px;
  height: 45px;
}
#masthead h1 {
  float: left
}

#masthead .nav ul {
  list-style: none;
  position: absolute;
}
#masthead .nav ul li {
  float: left;
  padding-right: 30px;
}
#masthead .nav a {
  display: block;
  height: 33px;
}

/* main nav */
#masthead #main-nav {
  width: 335px;
  top: 60px; left: 360px;
}
#masthead #main-nav li#shop-nav a      { width: 43px; }
#masthead #main-nav li#spotlight-nav a { width: 76px; }
#masthead #main-nav li#blog-nav a      { width: 41px; }
#masthead #main-nav li#about-nav a     { width: 50px; }
#masthead #main-nav li#gifts-nav a     { width: 48px; }

/* sub nav */
#masthead #sub-nav {
  top: 92px; left: 235px;
  width: 500px;
  height: 43px;
  padding-top: 14px;
}
#masthead #sub-nav li {
  padding: 0 10px;
}
#masthead #sub-nav li#fashion-nav a     { width: 69px; }
#masthead #sub-nav li#home-goods-nav a  { width: 106px; }
#masthead #sub-nav li#paper-goods-nav a { width: 108px; }
#masthead #sub-nav li#art-nav a         { width: 34px; }
#masthead #sub-nav li#antiques-nav a    { width: 76px; }


#masthead #mini-bar {
  float: right;
  width: 150px;
  position: relative;
  top: -50px;
  padding-right: 40px;
  margin-bottom: -50px;
}
#masthead #user-bar,
#masthead #user-bar ul {
  width: 150px;
  height: 32px;
  margin-bottom: 10px;
}
#masthead #user-bar ul { margin-bottom: 0; }
#masthead #user-bar li,
#masthead #user-bar a {
  display: block;
  height: 32px;
}
#masthead #user-bar li { float: left; }
#masthead li#user-bar-login,
#masthead li#user-bar-login a {
  width: 150px;
}
#masthead li#user-bar-account,
#masthead li#user-bar-account a {
  width: 80px;
}
#masthead li#user-bar-logout,
#masthead li#user-bar-logout a {
  width: 70px;
}

#masthead #search-form {
  margin-bottom: 10px;
}
#masthead #search-form p { margin-bottom: 0; }

#masthead #bag-small p { margin-bottom: 0; }
#masthead #bag-small a {
  display: block;
  width: 150px;
  padding-top: 42px;
}
#masthead #bag-small a span {
  display: none;
}

#content p.figure {
}
#content p.left {
  float: left;
}
#content p.right {
  float: right;
}

#sidebar {
  padding-top: 30px;
}
.shop #sidebar { padding-top: 0; }
.shop #sidebar p a {
  display: block;
  width: 120px;
  height: 115px;
}


/* Home */
.home #main-body {
  margin-bottom: 25px;
  position: relative;
}
.home #sections {
  padding-top: 45px;
  padding-bottom: 20px;
}
.home #sections h3,
.home #sections h3 a {
  display: block;
  width: 150px;
  height: 147px;
}
.home #sections h3 {
  margin-bottom: 5px;
}
.home #main-body p.figure-left,
.home #main-body p.figure-right {
  margin-bottom: 0;
}
.home #main-body p.figure-left  { float: left; }
.home #main-body p.figure-right { float: right; }

.home #main-body .article-left,
.home #main-body .article-right {
  width: 310px;
  position: absolute;
  bottom: 0;
}
.home #main-body .article-left  { left: 0; padding-left: 120px; }
.home #main-body .article-right { right: 0; padding-right: 120px; }


/* Shop */
.shop #content .product-row {
  margin-bottom: 15px;
}

/* Keep images bottom-aligned */
.shop #content .product-small span.image {
  display: block;
  position: relative;
}
.antiques #content .product-small span.image,
.art #content .product-small span.image {
  width: 230px; height: 315px;
}
.fashion #content .product-small span.image,
.home-goods #content .product-small span.image {
  width: 230px; height: 230px;
}
.paper-goods #content .product-small span.image {
  width: 110px; height: 110px;
}
.shop #content .product-small span.image img {
  position: absolute;
  bottom: 0; left: 0;
}

.paper-goods #content .product-small img {
  width: 106px;
  height: 106px;
  padding: 3px 2px;
}
.shop #content .product-small a {
  display: block;
}
.shop #content #product {
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.shop #content #product-images {
  margin-bottom: 15px;
}
.shop #content #product-images p.figure {
  margin-bottom: 0;
}
.shop #content #product-images #slides p {
  padding: 3px 0;
  margin-bottom: 0;
}
.shop #content #product-images #slides ul {
  margin-bottom: 0;
}
.shop #content #product-images #slides li {
  float: left;
  list-style: none;
  margin: 5px 10px 10px 0;
}
.shop #content #product-images #slides li.last {
  margin-right: 0;
}
.shop #content #product-images #slides li a {
  display: block;
  border: 1px solid #80847f;
}
.shop #content #product-images #slides li.current a,
.shop #content #product-images #slides li a:hover {
  border: 1px solid #2d98ac;
}
.paper-goods #content #product-images #slides li a {
  width: 68px;
  height: 68px;
}
.antiques #content #product-images #slides li a {
  width: 68px;
  height: 94px;
}
#content #product-menu {
  float: right;
  position: relative;
  right: -150px;
  margin: 0 0 10px -130px;
  padding: 20px;
  background-color: #f3f5ed;
}

.shop #content #picks .pick {
  padding: 15px;
  margin-bottom: 15px;
}
.shop #content #picks .pick p.figure {
  float: left;
  margin: 0 15px 0 0;
}
.shop #content #related-items .related-item {
  padding: 0;
  margin-bottom: 15px;
}
.shop #content #related-items .related-item p.figure {
  float: left;
  margin: 0 15px 0 0;
}


/* Cart */
#cart-links a#checkout-link {
  display: inline-block !important;
  width: 152px;
  height: 40px;
  margin: 0 auto;
  vertical-align: middle;
}


/* Checkout */
#checkout h2 {
  padding: 8px 0 8px 10px;
}
#checkout .inner {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
#checkout .inner p,
#checkout div.form-buttons {
  padding-left: 160px;
}
#checkout #registration_input label,
#checkout #billing label,
#checkout #shipping label,
#checkout #payment label {
  width: 150px;
  float: left;
  margin-left: -160px;
}
#checkout #registration_input label.error,
#checkout #billing label.error,
#checkout #shipping label.error,
#checkout #payment label.error {
  width: auto;
  float: none;
  margin-left: 0px;
}
#checkout #registration #guest_user,
#checkout #registration #existing_user,
#checkout #registration #already_logged_in {
  display: none;
}
#checkout #registration #registration_input,
#checkout #registration #already_logged_in {
  margin-top: 1em;
}
#checkout #bdisplay,
#checkout #sdisplay {
  width: 310px;
  float: left;
  margin-right: 10px;
  margin-bottom: 1.5em;
}

#checkout #confirmation th,
#checkout #confirmation td {
  vertical-align: middle;
  padding: 5px 10px 5px 0;
  border-top: none;
}

#checkout #confirmation th.price,
#checkout #confirmation th.qty,
#checkout #confirmation th.total_display {
  width: 70px;
}

#checkout #confirmation tbody#line-items td {
  border-bottom: 1px solid #ccc;
}

#checkout-summary table tr td {
  border-top: none;
  padding: 5px 10px;
}


/* Blog */
.blog #content {
  padding-top: 30px;
}


/* Search */
ul.breadcrumb {
  margin-top: 1.5em;
  margin-bottom: 0;
}


/* Artists */
.artists #main-body #artist-photo {
  float: right;
  position: relative;
  right: -80px;
  margin: 0 0 10px -70px;
}


/* Send to a Friend */
.send-to-friend form#new_recommendation {
  padding-top: 20px;
}
.send-to-friend form#new_recommendation p {
  padding-left: 160px;
}
.send-to-friend form#new_recommendation label {
  width: 150px;
  float: left;
  margin-left: -160px;
}


/* Footer */
#footer {
  margin-top: 50px;
}

#footer p#site-by {
  visibility: hidden;
  height: 0;
  width: 0;
  margin: 0;
}


/* Flash */
div.flash {
  padding: 25px;
  margin: 25px 0;
}

#errorExplanation {
  padding: 15px 25px;
  margin-bottom: 1.5em;
}

div.flash,
#errorExplanation {
  border: 1px solid #fe5a94;
  background-color: #fef3f7;
}
div.notice {
  border: 1px solid #00b4ff;
  background-color: #e4f7ff;
}



/***
  2. Typography
***/
body {
  font-family: Georgia, serif;
  font-size: 13px;
  line-height: 1.384615385;
  color: #4c4948;
}

p, ul, ol {
  margin-bottom: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
  color: #363233;
}

a {
  color: #4c4948;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}


/* Fonts */
#masthead #bag-small a,
.pagination,
.home #sections h3,
.home #sections li,
#content h1,
#content h2,
#content .nav h3,
#content .nav li,
#sidebar,
#content .blog-post h1,
ul#breadcrumb,
ul.breadcrumb,
.search p.search-message,
.shop #content .product-small a,
.shop #content #product-details h1,
.shop #content #product-artist h1,
.shop #content #product-artist ul li,
.shop #content #product-menu p.send-to-friend,
.shop #content #product-menu p#no-stock-message,
.artists #main-body #artist-url a,
.price,
table th,
table .price,
table .total_display,
table h4,
#cart tfoot td,
#account #order tr.total td,
#cart-links,
#cart a.update-cart-link,
#cart a.remove-link,
#checkout #registration h3,
#checkout #bdisplay h3,
#checkout #sdisplay h3,
#checkout-summary h3,
.send-to-friend .product h4 {
  font-family: Courier, monospace;
}

#main-body h2,
#picks h2,
#related-items h2 {
  font-family: Georgia, serif;
}

ul#breadcrumb li {
  font-size: 13px;
}

#search-form input.text {
  font-size: 12px;
  font-family: Georgia, serif;
}
#masthead #bag-small a {
  text-align: center;
  font-size: 13px;
  color: #3c3d3a;
  text-decoration: none;
}

.pagination { margin-bottom: 1.5em; }
.pagination a { text-decoration: none; }
.pagination a:hover { text-decoration: underline; }
.pagination a,
.pagination span {
  line-height: 1;
  padding: 4px 8px;
  border: 1px solid #60625f;
}
.pagination span.gap {
  font-family: Georgia, serif;
  border: 1px solid #fff;
}
.pagination .prev_page,
.pagination .next_page,
.pagination .view-all {
  border: 1px solid #fff;
}
.pagination span.prev_page,
.pagination span.next_page {
  color: #ccc;
}
.pagination .current {
  color: #fff;
  background-color: #2d98ac;
}


/* Home */
.home #main-body .article ul {
  padding-left: 20px;
}
.home #sections h3 {
  font-size: 21px;
  line-height: 1;
  text-align: center;
}
.home #sections li {
  font-family: Courier, monospace;
  list-style: none;
  text-align: center;
  line-height: 2;
}
.home #sections h3 a,
.home #sections h3 a:hover {
  text-decoration: none;
}
.home #sections a {
  text-decoration: none;
}
.home #sections a:hover {
  text-decoration: underline;
}


#content h1 {
  font-size: 24px;
  margin-bottom: .5em;
}

#main-body h2,
#picks h2,
#related-items h2 {
  font-size: 14px;
  line-height: 1.285714286;
  font-weight: bold;
}

#sidebar h1 {
  font-size: 14px;
  line-height: 1.285714286;
  font-weight: bold;
}
.about #sidebar h1,
.artists #sidebar h1,
.blog #sidebar h1 {
  text-align: right;
}
#sidebar a {
  text-decoration: none;
}
#sidebar a:hover {
  text-decoration: underline;
}
#sidebar ul {
  font-size: 12px;
  line-height: 1.5;
  list-style: none;
  margin-bottom: 3em;
}
.about #sidebar ul,
.artists #sidebar ul,
.blog #sidebar ul {
  text-align: right;
}
.about #sidebar ul li,
.artists #sidebar ul,
.blog #sidebar ul li {
  padding-right: 20px;
}
#sidebar ul li {
  margin-bottom: 1em;
}
#sidebar ul li.current a {
  color: #2d98ac;
}
.shop #sidebar ul li {
  padding-left: 20px;
}


/* Breadcrumbs */
ul#breadcrumb,
ul.breadcrumb {
  font-size: 12px;
  color: #2d98ac;
  list-style: none;
}
ul#breadcrumb li {
  float: left;
  padding-right: 18px;
}
ul.breadcrumb li {
  float: left;
}
ul.breadcrumb li.last {
  padding-left: 18px;
}
ul#breadcrumb li.current,
ul.breadcrumb li.current {
  padding-right: 0;
}
ul#breadcrumb a,
ul.breadcrumb a {
  color: #545150;
  text-decoration: underline;
}
ul#breadcrumb a:hover,
ul.breadcrumb a:hover {
  text-decoration: none;
}


/* Shop */
.shop #content #listing-description {
  line-height: 1.5;
  padding-bottom: 1.5em;
}
.shop #content .pagination { text-align: center; }
.shop #content .product-small a {
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
.shop #content .product-small a span.price {
  display: block;
  color: #fe5a94;
}
.shop #content .product-small a:hover {
  color: #2d98ac;
}
.shop #content #product-info h1 {
  line-height: 1;
}
.shop #content #product-info h1 span.price {
  display: block;
  font-size: 18px;
  color: #fe5a94;
  font-weight: bold;
}
.shop #content #product-details h1,
.shop #content #product-artist h1 {
  font-size: 14px;
  line-height: 1.285714286;
  margin-bottom: 0;
}
.shop #content #product-details ul,
.shop #content #product-artist ul {
  padding-left: 20px;
  list-style: disc;
}
.shop #content #product-artist ul li a {
  color: #2d98ac;
}
.shop #content #product-menu ul {
  list-style: none;
}
.shop #content #product-menu p {
  text-align: center;
}
.shop #content #product-menu p#no-stock-message {
  font-size: 16px;
  line-height: 1.5;
  color: #fe5a94;
}
.shop #content #product-menu p.send-to-friend {
  text-align: center;
  text-transform: lowercase;
  font-size: 12px;
  margin-top: 1.5em;
  margin-bottom: 0;
}

.shop #content #picks h1,
.shop #content #related-items h1 {
  font-size: 20px;
  line-height: 1.2;
}
.shop #content #picks .pick h1,
.shop #content #related-items .related-item h1 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.285714286;
  margin-bottom: 0;
}
.shop #content #picks p.price,
.shop #content #related-items p.price {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.5em;
  color: #fe5a94;
}
.shop #content #picks ul,
.shop #content #related-items ul {
  padding-left: 20px;
}


/* Artists */
.artists #main-body #artist-url a {
  color: #2d98ac;
  text-decoration: underline;
}
.artists #main-body #artist-url a:hover {
  color: #2d98ac;
  text-decoration: none;
}


/* Cart */
#cart-links {
  text-align: center;
}
#cart a.update-cart-link,
#cart a.remove-link {
  text-transform: lowercase;
}


/* Checkout */
#checkout h2 {
  font-size: 20px;
}
#checkout .req,
#checkout .error {
  color: #fe5a94;
}
#checkout .inner label {
  text-align: right;
}
#checkout #registration h3,
#checkout #bdisplay h3,
#checkout #sdisplay h3 {
  font-size: 16px;
}
#checkout-summary h3 {
  text-align: center;
  border-bottom: 1px solid #ccc;
}


/* Blog */
#content .blog-post h1 {
  font-size: 18px;
  margin-bottom: 0;
}
.blog .pagination {
  padding-top: 25px;
  text-align: center;
}

#footer {
  text-align: center;
  color: #fe5a94;
}


/* Site Map */
#site-map ul li {
  list-style-type: circle;
  margin-left: 20px;
}
#errorExplanation h2 {
  font-size: 16px;
  margin-bottom: 1em;
}
#errorExplanation ul li {
  list-style-type: circle;
  margin-left: 15px;
}


/* Send to a Friend */
.send-to-friend .product .price {
  color: #fe5a94;
}
.send-to-friend .product h4 {
  font-size: 14px;
}


/* Login */
#login #content h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.125em;
}


/***
  3. Background Images & Colors
***/
#masthead #user-bar {
  background: transparent url(../images/styles/user-bar-bg.gif) no-repeat top left;
}
#masthead #bag-small a {
  background: transparent url(../images/styles/shopping-bag-bg.gif) no-repeat 0 0;
}
#masthead #bag-small a:hover {
  background-position: -150px 0;
}

/* Home */
.home #sections #art h3 {
  background: transparent url(../images/styles/art-logo.jpg) no-repeat bottom center;
}
.home #sections #antiques h3 {
  background: transparent url(../images/styles/antiques-logo.jpg) no-repeat bottom center;
}
.home #sections #paper-goods h3 {
  background: transparent url(../images/styles/papergoods-logo.jpg) no-repeat bottom center;
}
.home #sections #home-goods h3 {
  background: transparent url(../images/styles/home-decor-logo.jpg) no-repeat bottom center;
}
.home #sections #fashion h3 {
  background: transparent url(../images/styles/fashion-logo.jpg) no-repeat bottom center;
}

ul#breadcrumb li,
ul.breadcrumb li.last {
  background: transparent url(../images/styles/breadcrumb-bg.gif) no-repeat right center;
}
ul.breadcrumb li.last {
  background-position: left center;
}
ul#breadcrumb li.current {
  background: none;
}


.paper-goods .product-small img {
  background: transparent url(../images/styles/product-small-bg.gif) no-repeat 0 0;
}

.shop #content #product,
.shop #content #product-images #slides p {
  background: transparent url(../images/styles/gray-line-bg.gif) no-repeat bottom left;
}
.shop #content #picks .pick {
  background-color: #f3f5ed;
}

#checkout h2 {
  background: transparent url(../images/styles/gray-line-bg.gif) no-repeat bottom center;
}
.blog .pagination,
.send-to-friend form#new_recommendation {
  background: transparent url(../images/styles/gray-line-bg.gif) no-repeat top center;
}



/***
  4. Image Replacement
***/
#masthead h1,
#masthead .nav a,
#masthead #user-bar a,
#cart-links a#checkout-link,
.shop #sidebar p a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

#masthead h1 {
  background: transparent url(../images/styles/logo-header-h1-bg.gif) no-repeat 0 0;
}


/* main nav */
#masthead #main-nav a {
  background: transparent url(../images/styles/nav-bg.gif) no-repeat 0 0;
}
#masthead #main-nav li#shop-nav a {
  background-position: 0 0;
}
#masthead #main-nav li#shop-nav a:hover {
  background-position: 0 -33px;
}
.home #masthead #main-nav li#shop-nav a,
.shop #masthead #main-nav li#shop-nav a {
  background-position: 0 -66px;
}
.home #masthead #main-nav li#shop-nav a:hover,
.shop #masthead #main-nav li#shop-nav a:hover {
  background-position: 0 -99px;
}

#masthead #main-nav li#spotlight-nav a {
  background-position: -43px 0;
}
#masthead #main-nav li#spotlight-nav a:hover {
  background-position: -43px -33px;
}
.spotlight #masthead #main-nav li#spotlight-nav a {
  background-position: -43px -66px;
}
.spotlight #masthead #main-nav li#spotlight-nav a:hover {
  background-position: -43px -99px;
}

#masthead #main-nav li#blog-nav a {
  background-position: -119px 0;
}
#masthead #main-nav li#blog-nav a:hover {
  background-position: -119px -33px;
}
.blog #masthead #main-nav li#blog-nav a {
  background-position: -119px -66px;}

.blog #masthead #main-nav li#blog-nav a:hover {
  background-position: -119px -99px;
}

#masthead #main-nav li#about-nav a {
  background-position: -160px 0;
}
#masthead #main-nav li#about-nav a:hover {
  background-position: -160px -33px;
}
.about #masthead #main-nav li#about-nav a {
  background-position: -160px -66px;
}
.about #masthead #main-nav li#about-nav a:hover {
  background-position: -160px -99px;
}

#masthead #main-nav li#gifts-nav a {
  background-position: -210px 0;
}
#masthead #main-nav li#gifts-nav a:hover {
  background-position: -210px -33px;
}
.gifts #masthead #main-nav li#gifts-nav a {
  background-position: -210px -66px;
}
.gifts #masthead #main-nav li#gifts-nav a:hover {
  background-position: -210px -99px;
}


/* sub nav */
#masthead #sub-nav,
#masthead #sub-nav a {
  background: url(../images/styles/shop-nav-bg.png) no-repeat 0 -132px;
}

#masthead #sub-nav li#art-nav a {
  background-position: 0 0;
}
#masthead #sub-nav li#art-nav a:hover {
  background-position: 0 -33px;
}
.art #masthead #sub-nav li#art-nav a {
  background-position: 0 -66px;
}
.art #masthead #sub-nav li#art-nav a:hover {
  background-position: 0 -99px;
}

#masthead #sub-nav li#fashion-nav a {
  background-position: -34px 0;
}
#masthead #sub-nav li#fashion-nav a:hover {
  background-position: -34px -33px;
}
.fashion #masthead #sub-nav li#fashion-nav a {
  background-position: -34px -66px;
}
.fashion #masthead #sub-nav li#fashion-nav a:hover {
  background-position: -34px -99px;
}

#masthead #sub-nav li#home-goods-nav a {
  background-position: -103px 0;
}
#masthead #sub-nav li#home-goods-nav a:hover {
  background-position: -103px -33px;
}
.home-goods #masthead #sub-nav li#home-goods-nav a {
  background-position: -103px -66px;
}
.home-goods #masthead #sub-nav li#home-goods-nav a:hover {
  background-position: -103px -99px;
}

#masthead #sub-nav li#paper-goods-nav a {
  background-position: -209px 0;
}
#masthead #sub-nav li#paper-goods-nav a:hover {
  background-position: -209px -33px;
}
.paper-goods #masthead #sub-nav li#paper-goods-nav a {
  background-position: -209px -66px;
}
.paper-goods #masthead #sub-nav li#paper-goods-nav a:hover {
  background-position: -209px -99px;
}

#masthead #sub-nav li#antiques-nav a {
  background-position: -317px 0;
}
#masthead #sub-nav li#antiques-nav a:hover {
  background-position: -317px -33px;
}
.antiques #masthead #sub-nav li#antiques-nav a {
  background-position: -317px -66px;
}
.antiques #masthead #sub-nav li#antiques-nav a:hover {
  background-position: -317px -99px;
}


#masthead #user-bar a {
  background: transparent url(../images/styles/user-bar-a-bg.gif) no-repeat 0 0;
}
#masthead li#user-bar-login a {
  background-position: 0 -32px;
}
#masthead li#user-bar-login a:hover {
  background-position: -150px -32px;
}
#masthead li#user-bar-account a {
  background-position: 0 -0;
}
#masthead li#user-bar-account a:hover {
  background-position: -150px 0;
}
#masthead li#user-bar-logout a {
  background-position: -80px 0;
}
#masthead li#user-bar-logout a:hover {
  background-position: -230px 0;
}


#cart-links a#checkout-link {
  background: transparent url(../images/styles/checkout-button-bg.gif) no-repeat 0 0;
}
#cart-links a#checkout-link:hover {
  background-position: -152px 0;
}

.antiques #sidebar p a {
  background: transparent url(../images/styles/antiques-logo.jpg) no-repeat top left;
}
.paper-goods #sidebar p a {
  background: transparent url(../images/styles/papergoods-logo.jpg) no-repeat top left;
}
.home-goods #sidebar p a {
  background: transparent url(../images/styles/home-decor-logo.jpg) no-repeat top left;
}
.fashion #sidebar p a {
  background: transparent url(../images/styles/fashion-logo.jpg) no-repeat top left;
}
.art #sidebar p a {
  background: transparent url(../images/styles/art-logo.jpg) no-repeat top left;
}


/***
  5. Forms
***/
#search-form input.text {
  width: 101px;
  height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 5px;
  border: none;
  background: transparent url(../images/styles/search-input-bg.gif) no-repeat 0 0;
  outline: none;
}
#search-form input.submit {
  width: 30px;
  height: 24px;
  border: none;
  background: transparent url(../images/styles/search-button-bg.gif) no-repeat 0 0;
  text-indent: -9999px;
}
#product-menu p.quantity input {
  text-align: center;
}
#product-menu input.submit {
  width: 110px;
  height: 35px;
  border: none;
  background: transparent url(../images/styles/buy-button-bg.gif) no-repeat 0 0;
  font-family: Courier, monospace;
  font-weight: bold;
  font-size: 16px;
  text-transform: lowercase;
  color: #3b3d39;
}
#product-menu input.submit:hover {
  color: #2d98ac;
}
#product-menu input.submit:active {
  color: #fe5a94;
}



/**
  6. Tables
***/
table {
  width: 100%;
  margin-bottom: 1.5em;
}

table th {
  background: transparent url(../images/styles/rough-line.gif) no-repeat bottom center;
}
table tfoot td,
#account #order #subtotal-row td {
  background: transparent url(../images/styles/rough-line.gif) no-repeat top center;
}

table th,
table td {
  vertical-align: middle;
  padding: 10px;
}
table .remove,
table .qty,
table .photo {
  text-align: center;
}
table .price,
table .total_display {
  text-align: right;
}

table .remove,
table .price,
table .qty,
table .total_display {
  width: 70px;
}
table .photo {
  width: 110px;
}

table tbody td {
  border-top: 1px solid #ccc;
}
table tbody tr.first td {
  border-top: none;
}
table .odd td {
  background-color: #f9f9f9;
}

table h4 {
  font-size: 14px;
}
table td p {
  margin-bottom: 0;
}


#cart #content input {
  text-align: center;
}
#cart tfoot td {
  font-size: 16px;
  line-height: 1.125;
  text-align: right;
}
#cart tfoot tr td#empty-cart-link {
  font-size: 14px;
  text-align: left;
  line-height: 1.285714286;
}
#cart tfoot td.total_display {
  color: #fe5a94;
}


#search-results td.description span.price {
  color: #fe5a94;
}
#search-results thead th,
#search-results tfoot td {
  padding-top: 2em;
  text-align: center;
}


#account #order tr.total td {
  border: none;
  text-align: right;
}