/* Global CSS for Auctiva Commerce themes */

@media screen {
  /* Base v.2.1 */
  /* Base styles are meant to be universal across themes. Please consult AucCom team for any desired changes. */
  body {
    font-size: 10px;
    line-height: 1.25;
  }

  #container, #webpartsPanel {
    font-size: 125%;
  }

  h1 {
    font-size: 28px;
    line-height: 1;
    margin: 0 0 5px;
  }

  h2 {
    font-size: 20px;
    line-height: 1.1;
    margin: 0 0 5px;
  }

  h3 {
    font-size: 16px;
    margin: 10px 0 0;
  }

  .auctivaDescription h2 a {
    font-size: 12px;
  }

  #auctivaProductsAccessoriesPage h2 {
    font-size: 16px;
  }

  #mainPanel p {
    margin: 10px 0;
  }

  ul, dl {
    margin: 10px 0;
    padding: 0 0 0 15px;
  }

  li, dd {
    margin: 0;
    padding: 0;
  }

  hr {
    margin: 5px auto;
  }

  .notice {
    color: #c00 !important;
    font-weight: normal;
  }

  body {
    margin: 0;
    padding: 0;
  }

  #contentLayout {
    table-layout: fixed;
    width: 100%;
  }

  #mainPanel, 
  #leftSidebarPanel, 
  #sideBar1, 
  #rightSidebarPanel, 
  #sideBar2, 
  .opcSidebar {
    vertical-align: top;
  }

  #leftSidebarPanel, 
  #sideBar1, 
  #rightSidebarPanel, 
  #sideBar2, 
  .opcSidebar, 
  .paymentMethodSummary {
    width: 180px;
    padding: 10px;
  }

  .opcSidebar {
    padding-top: 0;
    padding-right: 0;
  }

  #storeHeader {
    position: relative;
  }

  #search {
    line-height: 1;
  }

  .searchPhrase {
    margin: 0 5px 0 0;
  }

  .section {
    margin: 0 0 20px;
  }

  #leftSidebarPanel table, 
  #sideBar1 table, 
  #rightSidebarPanel table, 
  #sideBar2 table, 
  .opcSidebar table {
    width: 100%;
  }

  .opcSidebar th {
    text-align: right;
  }

  #rightSidebarPanel 
  .shippingEstimateCell th, 
  #sideBar2 .shippingEstimateCell th, 
  #rightSidebarPanel .shippingEstimateCell td, 
  #sideBar2 .shippingEstimateCell td, 
  #rightSidebarPanel .inputForm th, 
  #sideBar2 .inputForm th, 
  #rightSidebarPanel .inputForm td, 
  #sideBar2 .inputForm td {
    text-align: left;
  }

  #leftSidebarPanel th, 
  #sideBar1 th, 
  #leftSidebarPanel td, 
  #sideBar1 td, 
  #rightSidebarPanel th, 
  #sideBar2 th, 
  #rightSidebarPanel td, 
  #sideBar2 td, 
  .opcSidebar th, 
  .opcSidebar td {
    padding: 2px;
  }

  #leftSidebarPanel p, 
  #sideBar1 p, 
  #rightSidebarPanel p, 
  #sideBar2 p, 
  #mainPanel .opcSidebar p {
    margin: 0 0 10px;
  }

  .miniBasketItemBox {
    margin: 0 0 15px;
  }

  .miniBasketQtyInput {
    width: 28px;
  }

  .miniBasketQtyDeleteLine {
    margin: 4px 0;
  }

  #miniBasketMainBox #sub_label {
    margin: 10px 0 0;
  }

  .miniBasketPrice, 
  #miniBasketMainBox #sub_num {
    color: #c00;
  }

  .rowSeparator {
    padding: 0;
  }

  .itemSeperator {
    padding: 0;
    width: 10px;
  }

  .productsGrid .thumbnail {
    width: 120px;
    text-align: center;
  }

  .productsGrid .details {
    padding: 0 0 0 10px;
  }

    .productsGrid .details br {
      line-height: 0;
    }

  #mainPanel .detailsInnerPara {
    margin: 0 0 4px;
  }

  .ourDepartmentsCell table hr {
    margin: 0;
  }

  #logoContact {
    margin: 10px 0;
    text-align: center;
    width: 420px;
  }

  #auctivaSubcategories {
    margin: 5px 0;
  }

    #auctivaSubcategories a {
      white-space: nowrap;
    }

  .msrp {
    color: #777;
    display: block;
    text-decoration: line-through;
  }

  .catalog td {
    padding: 5px 0;
    vertical-align: bottom;
  }

  #auctivaCategoryGrid3ButtonAdd {
    margin-top: 10px;
  }

  .paging {
    text-align: right;
  }

    .paging table {
      float: right;
    }

    .paging a, 
    .paging td span {
      border: 1px solid #aaa;
      padding: 1px 3px;
    }

      .paging a.current, 
      .paging td span {
        background: #ddd;
      }

    .paging td span {
      display: block;
    }

  .searchFilterPanel input {
    width: 100px;
  }

    .searchFilterPanel input.button {
      width: auto;
    }

  .productimg {
    text-align: center;
  }

  div.productimg li {
    list-style: none;
    width: 100px;
    display: inline-block;
  }

  #ProductImage {
    border: 1px solid #ccc;
  }

  .prodimgthmbs {
    border: 1px solid #999;
  }

  .productOptions {
    clear: both;
    margin: 10px 0;
    text-align: center;
  }

    .productOptions img {
      margin: 10px 0 0;
    }

  .ProductRatingImage {
    display: inline-block;
  }

  .productOptions td img {
    margin: 0;
  }

  .productOptions div {
    text-align: left;
  }

  .optionPicker span {
    background: #fff6bf;
    color: #514721 !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
  }

  .optionPicker table {
    margin: 0 0 10px;
  }

  .optionPicker td {
    border: 2px outset #999;
  }

    .optionPicker td.selected {
      border: 2px inset #999;
    }

  .buyProductForm {
    margin: 0 auto;
    text-align: left;
  }

    .buyProductForm th, 
    .buyProductForm td {
      padding: 3px;
      vertical-align: middle;
    }

      .buyProductForm td td {
        padding: 0;
      }

  td.basketColThumbnail {
    width: 120px !important;
    vertical-align: top;
  }

  td.basketColItem {
    width: 140px !important;
  }

  td.basketColSKU {
    width: 80px !important;
  }

  td.basketColEach {
    width: 65px !important;
  }

  td.basketColQty {
    width: 50px !important;
  }

  td.basketColPrice {
    width: 65px !important;
  }

  .iner_frame a.button {
    margin: 0 5px;
  }

  .checkoutPageHeader {
    margin: 0 0 10px;
  }

  .opcFrame {
    width: 100%;
  }

  .opcMainPanel {
    width: 620px;
  }

  .opcPaymentMethods {
    width: 200px;
  }

  .paymentMethodSummary .section h2 {
    margin: 0;
  }

  .onePageCheckoutCell .orderSummary {
    width: 100%;
  }

  .orderSummary th {
    text-align: right;
  }

  .orderSummary th, 
  .orderSummary td {
    padding: 2px;
  }

    .orderSummary td span {
      display: block;
      text-align: right;
    }

  .paymentMethodList table {
    margin: 10px 0;
  }

    .paymentMethodList table th, 
    .paymentMethodList table td {
      vertical-align: top;
    }

    .paymentMethodList table th {
      border-bottom: 1px dotted #aaa;
      text-align: left;
    }

      .paymentMethodList table th.rowHeader {
        border-bottom: none;
      }

  #mainPanel .paymentMethodList td p {
    margin: 0;
  }

  .paymentMethodList table table {
    margin: 0;
    width: auto;
  }

    .paymentMethodList table table span {
      font-size: 10px;
    }

  .addGiftOptions {
    text-align: right;
  }

    .addGiftOptions .content {
      margin: 5px 0 10px;
    }

  .paymentMethodSummary .summarySection {
    margin: 0 0 10px;
  }

  td.orderSummary {
    vertical-align: top;
    width: 50%;
  }

  .summarySection table {
    width: 100%;
  }

  .summarySection hr {
    background: none;
    border-top: 1px dotted #aaa;
    color: transparent;
  }

  .orderSummary .summarySectionHeader h3 {
    text-align: right;
  }

  table.form td.expand {
    padding: 16px 10px 10px;
  }

  .validationSummary, 
  .buyProductForm .errorCondition {
    background: #fbe3e4 !important;
    border: 2px solid #fbc2c4 !important;
    color: #8a1f11 !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding: 4px;
    margin: 5px 0;
  }

    .validationSummary ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .validationSummary li {
      margin: 0;
    }

  .goodCondition {
    background: #e6efc2;
    border: 2px solid #c6d880;
    color: #264409;
    display: block;
    font-size: 10px;
    font-weight: normal !important;
    margin: 5px 0;
    padding: 3px;
    text-align: center;
  }

    .goodCondition br {
      display: none;
    }

  #auctivaCredentials .inputForm ul {
    background: #fff6bf;
    border: 2px solid #ffd324;
    color: #514721;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    list-style: none;
    padding: 2px 5px !important;
    width: 45em;
  }

    #auctivaCredentials .inputForm ul li {
      margin: 3px 0;
    }

  #auctivaCredentials .inputForm .validationSummary ul {
    background: none;
    border: none;
    color: inherit;
    float: none;
    font-size: inherit;
    padding: 0 !important;
    width: auto;
  }

    #auctivaCredentials .inputForm .validationSummary ul li {
      margin: 0;
    }

  .pricePopup {
    background: #fff;
    border: 3px solid #444;
    margin-left: -150px;
    padding: 3px;
    position: absolute;
    left: 50%;
    width: 300px;
    z-index: 99;
  }

  .pricePopupHeader {
    background: #888;
    margin: -3px;
    padding: 6px;
  }

  .pricePopup span.fieldHeader {
    float: left;
    width: 135px;
    text-align: right;
    margin-right: 6px;
  }

  .pricePopup span.fieldValue {
    float: left;
  }

  .productsGrid .pricePopup br {
    line-height: 1;
  }

  #ajaxProgressBg {
    background-color: #000;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
    opacity: 0.7;
    filter: Alpha(opacity:70);
  }

  #ajaxProgress {
    background: url("../../App_Themes_Assets/images/ajax_loading.gif") no-repeat 50%;
    left: 50%;
    margin-left: -100px;
    padding: 0px;
    position: absolute;
    width: 200px;
    height: 200px;
    z-index: 1;
  }

  table.inputForm {
    margin: 0 auto 10px;
  }

  table.form {
    margin: 0 auto 20px;
  }

  table.form, 
  table.itemList, 
  table.pagedList, 
  table.inputForm, 
  table.addressBook, 
  table.orderSummaryTable {
    width: 100% !important;
  }

  #auctivaAdvancedSearch table.inputForm {
    width: auto !important;
  }

  table.form th, 
  table.form td, 
  table.itemList th, 
  table.itemList td, 
  table.pagedList th, 
  table.pagedList td, 
  table.inputForm th, 
  table.inputForm td, 
  table.paymentForm th, 
  table.paymentForm td {
    padding: 3px;
  }

  table th.rowHeader {
    text-align: right;
  }

  #auctivaMyProductReviews table.inputForm, 
  .auctivaCurrencies table.inputForm {
    margin: 0 0 10px;
    width: auto !important;
  }

  table.form th {
    padding: 10px;
  }

    table.form th.verticalText {
      font-size: 10px;
      padding: 2px 10px;
      *padding: 2px 02px 10px;
      text-align: center;
      vertical-align: middle;
      width: 10px;
    }

  table.form table th {
    padding: 3px 2px;
  }

  table.form td.address {
    padding-left: 10px;
  }

  table.form td.dataSheet {
    padding: 0;
  }

  table.form table table {
    font-size: 10px;
    margin: 0 10px;
    width: 50%;
  }

  table.pagedList ul {
    list-style: none;
    margin: 5px 0 10px;
  }

  table.selectShippingMethod td.methods {
    padding: 0 5px 5px;
  }

  td.methods h3 {
    font-size: 13px;
    margin: 0;
    padding: 4px;
  }

  .pagedList a.button {
    margin: 0 3px 0 0;
  }

  html {
    overflow-y: scroll;
  }

  .HiddenPanel {
    display: none;
  }

  a:active, a:focus {
    outline: 0;
  }

  .clearfix {
    overflow: auto;
    zoom: 1;
  }

  blink {
    text-decoration: none !important;
  }

  marquee {
    overflow: visible !important;
    -moz-binding: none !important;
  }

  .catalog .tableNode {
    vertical-align: top;
  }

    .catalog .tableNode a.highlight {
      display: block;
      width: 180px;
      margin: 0 auto;
      text-align: center;
      word-wrap: break-word;
      *float: left;
      *width: 100%;
    }

    .catalog .tableNode img.Thumbnail {
      margin-top: 10px;
    }
  /* /Base */

  /* webparts.css v.1.7 */
  /* Webparts styles are meant to be universal across themes. Please consult AucCom team for any desired changes. */
  #webpartsPanel {
    clear: both;
    color: #134fa3;
    margin: 0 auto;
    padding: 15px 0;
    width: 760px;
  }

    #webpartsPanel table.outerFrame {
      background: #fff url("../App_Themes/AuctivaAdmin/images/sectionbg.png") bottom repeat-x;
      border: 1px solid #aaa;
    }

    #webpartsPanel .button, 
    .customizeFooterLinks {
      background: #e6eef9 url("../App_Themes/AuctivaAdmin/images/button_bg.gif") bottom repeat-x;
      border: 1px solid #7D90B1;
      color: #134FA3 !important;
      cursor: pointer;
      font-family: Tahoma,Arial,Helvetica,sans-serif;
      font-size: 10px;
      margin: 0;
      padding: 3px 8px 2px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      vertical-align: middle;
    }

      #webpartsPanel .button:hover, 
      .customizeFooterLinks:hover {
        background: #fffdf1 url("../App_Themes/AuctivaAdmin/images/button_hover_bg.gif") bottom repeat-x;
        border: 1px solid #C7B55C !important;
        color: #867001 !important;
      }

  .customizeFooterLinks {
    display: inline-block;
    font-size: 10px !important;
    margin: 2px 0 3px !important;
  }

  #webpartsPanel th {
    padding: 18px 10px 10px !important;
    *padding: 15px 10px 10px !important;
    width: 50%;
  }

  #webpartsPanel hr {
    display: none;
  }
  /* /webparts.css */

  /* Hides admin link in user nav for those who have not updated their theme (or did but kept customizations) and so still have the old scriptlet HTML */
  #navUser li.navAdmin, 
  #navUser li#navAdmin, 
  div.shortcuts a.admin {
    display: none !important;
  }

  /* Featured Products -> Homepage */
  .FeaturedProductsGrid_wrap td.rowSeparator {
    vertical-align: top;
  }

  .FeaturedProductsGrid_wrap .featuredProductContainer td.thumbnail,
  .FeaturedProductsGrid_wrap .featuredProductContainer td.details {
    display: block;
    width: 100%;
    text-align: center;
    float: left;
    clear: left;
    padding: 0;
  }

    .FeaturedProductsGrid_wrap .featuredProductContainer td.thumbnail img {
      margin: 7px auto 12px;
    }

  .PIVimage_desc {
    word-wrap: break-word;
  }


  /* global add to cart modal */

  .addtocart-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 400px;
  }

  .addtocart-modal {
    background: #fff;
    border: 6px solid #666;
    box-shadow: 0 0 12px 1px #d5d5d5;
    border-radius: 6px;
  }

    .addtocart-modal .close {
      position: absolute;
      right: 8px;
      text-decoration: none;
      font-size: 20px;
      font-weight: bold;
    }

    .addtocart-modal h2 {
      padding: 10px 40px 10px 20px;
      margin: 0;
      font-size: 20px;
    }

    .addtocart-modal .item {
      padding: 20px;
      font-size: 14px;
      overflow: hidden;
    }

    .addtocart-modal h4 {
      margin: 0 0 6px;
      font-size: 16px;
    }

    .addtocart-modal .item > img {
      float: left;
      margin-right: 10px;
      max-width: 120px;
    }

    .addtocart-modal .item > div {
      overflow: hidden;
    }

    .addtocart-modal .qty,
    .addtocart-modal .price,
    .addtocart-modal .message {
      display: block;
      margin-bottom: 8px;
    }

    .addtocart-modal .total {
      display: block;
      background-color: #eee;
      text-align: right;
    }

    .addtocart-modal .footer {
      padding: 10px 20px 20px;
    }

      .addtocart-modal .footer .button {
        font-size: 125%;
      }
}

@media print {
  /* print.css v.1.2 */
  /* Print styles are meant to be universal across themes. Please consult AucCom team for any desired changes. */
  html * {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
  }

  body {
    margin: 0;
    padding: 0;
  }

  h1 {
    font-size: 28px;
    line-height: 1;
    margin: 0 0 5px;
  }

  h2 {
    font-size: 20px;
    line-height: 1.1;
    margin: 0 0 5px;
  }

  h3 {
    font-size: 16px;
    margin: 10px 0 0;
  }

  a {
    color: #666;
  }

  .noPrint, 
  .HiddenPanel, 
  .navList, 
  #nanoBasket, 
  #search, 
  #storeFooter, 
  .breadCrumbPanel, 
  .CategoryBreadCrumbs, 
  #auctivaSubcategories, 
  .searchSortHeader, 
  .addressBook .buttons, 
  #webpartsPanel, 
  #leftSidebarPanel, 
  #sideBar1, 
  .basketColItem .altoddButton {
    display: none;
  }

  #storeHeader {
    padding: 0 0 20px;
  }

  #leftSidebarPanel, 
  #sideBar1, 
  #rightSidebarPanel, 
  #sideBar2, 
  #mainPanel {
    vertical-align: top;
  }

  #rightSidebarPanel, 
  #sideBar2 {
    padding-left: 10px;
    width: 9%;
  }

  #mainPanel {
    padding-right: 10px;
    width: 90%;
  }

  .rowSeparator {
    width: 45%;
  }

  .form {
    width: 100%;
  }

  .addressBook .entry {
    float: left;
    margin: 1em;
  }

  .miniBasketItemBox {
    border-bottom: 1px solid #aaa;
    float: left;
    margin: 0 0 10px;
    padding: 5px 0;
    position: relative;
    width: 170px;
  }

  .miniBasketIconBox {
    float: left;
    margin-right: 3px;
  }

  .miniBasketItemTitleNoIconBox {
    padding-left: 53px;
  }

  .miniBasketItemTitle {
    font-weight: bold;
  }

  .miniBasketSubItemTitle {
    clear: both;
    font-size: 10px;
    list-style: none;
    margin: 30px 5px 0;
    padding: 0;
  }

    .miniBasketSubItemTitle li {
      margin: 0 0 8px;
    }

  .miniBasketQtyDeleteLine {
    clear: both;
    padding: 3px 0;
  }

  .miniBasketQtyInput {
    border: 1px solid #aaa;
    font-size: 9px;
    margin: 1px 0 0 0;
    padding: 1px;
    width: 15px;
    height: 12px;
  }

  .miniBasketPrice, 
  .miniBasketPriceLabel, 
  #miniBasketSubTotalBox #sub_label {
    font-weight: bold;
    margin: 0;
  }

  .miniBasketPriceLabel, 
  #miniBasketSubTotalBox #sub_label {
    float: left;
    text-align: right;
    width: 84px;
  }

  #miniBasketSubTotalBox #sub_label {
    width: 84px;
  }

  #miniBasketSubTotalBox #sub_num {
    float: left;
    font-weight: bold;
    padding: 0 0 5px 3px;
  }

  #miniBasketCheckoutButtonBox {
    text-align: center;
  }

    #miniBasketCheckoutButtonBox input {
      margin: 10px 0;
    }

  #miniBasketShippingEstimateBox {
    margin: 20px 0 0;
  }
  /* /print.css */
}