/***
Theme name:              Wheatfield
Theme version:          v.2.0
Current version date:    2010-06-11
First released:          2009-03-04
Started with:            Base v.0.1
***/

/***
Table of Contents

Global styles
***/

@import url("../../App_Themes_Assets/global.css");

@media screen {

/* styling for the page body */
body
{
  background: #161616;
  margin:0;
  padding:0;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size:100%;
  line-height:1.25;
}

/* default styling for block elements */
p, form
{
}
p  { }

/* default styling for links */
a { color:#FFF; }
a:hover { }

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

/* default styling for input elements */
input { }

/* style for buttons */
input.button, a.button
{
}
a.button
{
}
input.button
{
}
  input.button:hover, a.button:hover
  {
  }
  a.button:hover
  {
  }
  input.button:hover
  {
  }

h1
{
font-family:Georgia,Times New Roman,serif;
font-size:30px;
font-style:italic;
font-weight:normal;
letter-spacing:inherit;
line-height:1;
margin:0 0 7px;
text-transform:capitalize;
}
h2
{
color:#CCCC00;
font-family:Gill Sans,Verdana;
font-size:11px;
font-weight:bold;
letter-spacing:2px;
line-height:1.1;
margin:0 0 7px;
text-transform:uppercase;
}

/* Main Page container */
#container
{
  background: #23281A url(images/bg.jpg) repeat-x 0 0;
  font-size:12px;
  color:#fff;
}
  #hookOuter
  {

  }
    #hookInner
    {
      color:#FFF;
      font-size:12px;
    }

/* header */
#header
{
  position:relative;
}
  #header .headerOuter
  {
  }
    #header .headerInner
    {
    }
      #header .storeLogo
      {
        margin:0 auto;
        min-height:150px;
        padding:20px 0px;
        width:990px;
      }
      #header .storeLogo img
      {
        margin-top:55px;
      }
      #header .navHeader
      {
        background:transparent url(images/bg_navuser.gif) repeat-x 0 0;
        border-bottom:1px solid #65695E;
        border-top:1px solid #65695E;
        height:40px;
        overflow:hidden;
        position:relative;
      }
        #header .navHeader ul
        {
          float:left;
          left:50%;
          list-style:none;
          margin:0;
          padding:0;
          position:relative;
        }
          #header .navHeader ul li
          {
            float:left;
            position:relative;
            right:50%;
          }
            #header .navHeader ul li a
            {
              display:block;
              height:40px;
              margin:0 25px;
              text-decoration:none;
              text-indent: 0;
              color: #fff;
              font: 700 15px/40px "Times New Roman", times, serif;
              text-align: center;
              text-transform: uppercase;
              text-shadow: 0 0 1px #fff;
            }
            #header .navHeader ul li a:hover {
              text-shadow: 0 0 6px #70704a;
            }
    #header .SimpleSearch_wrap
    {


            left:50%;
            line-height:1;
            margin-left:190px;
            position:absolute;
            text-align:right;
            top:155px;
            width:300px;

    }
      .simpleSearch {
              display:inline;
              }
              .simpleSearch + a {
              margin:10px 0px 0px 2px;
              font-size:10px;
              }
      .searchPhrase
      {
      }
      .searchButton
      {
      background:url("images/btn_search.gif") no-repeat scroll 0 0 transparent;
            color:#F9E29B;
      }
    #header .nanoBasket
    {
      left:50%;
      margin-left:190px;
      position:absolute;
      text-align:right;
      top:10px;
      width:300px;
    }
        #header .nanoBasket a { color:#FFF: }
      #header #nanoBasketCart
      {
      }
      #header #nanoBasketText
      {
      }
      #header #nanoBasketCheckout
      {
      }
/* Main Section Styles */
#wrapContent
{
  margin:0 auto;
  width:990px;
  background:#23281A url(images/bg_mid.jpg) repeat-x 0 0;
  border-left:1px solid #65695E;
  border-right:1px solid #65695E;
  overflow:hidden;
}

#mainPanel, #sideBar1, #sideBar2 {
    float:left !important;
    padding-bottom:22222px !important;
    margin-bottom:-22222px !important;
    }

#mainPanel > div > a {
/* (IE/FF only) bug fix when using anchor tag to jump down a page with equal-height-column trick: padding/-margin bottoms  */
position:absolute !important;
}


h2.header, .header h2
{
}

/* sideBar1 */
#sideBar1
{
  background:#303528 url(images/bg_side.jpg) repeat-x 0 0;
  border-right:1px solid #65695E;
  padding:10px 0;
  width:189px;
}
  #sideBar1 h2
  {
    margin:0 0 7px 20px;
  }


    /* ==Featured products - appears on home page and products accessories page, which will be displayed when a product that has accessories is added to the cart */
    .productsGrid {
      border: 1px solid #65695E;
    }
      .productsGrid .thumbnail a {
        background: #fff;
      }
    .featuredProductContainer {
      margin: 10px 0 0;
    }
      .featuredProductContainer td {
        vertical-align: top;
      }
    .itemSeperator {
      width: 10px;
    }
      .productsGrid .details {
        padding: 0 5px 0 0;
      }
        .productsGrid .details br {
          line-height: 0;
        }
        #mainPanel .detailsInnerPara {
          margin: 14px 0 7px;
        }
          .detailsInnerPara img { /* Ratings image */
            margin: 14px 0 0;
          }

    .productsGrid .thumbnail {
      padding: 5px;
      vertical-align: middle;
      width: 120px;
      height: 150px;
    }
      .productsGrid .thumbnail a {
        display: block;
        height: 100px;
        padding: 25px 0;
      }

/* mainPanel */
#mainPanel
{
  width:590px;
  padding:10px 10px 40px;
}
h1.header
{
}
#mainPanel .featuredProductsGrid
{
}
  #mainPanel .featuredProductsGrid table
  {
  }

/* sideBar2 */
#sideBar2
{
  width:169px;
  padding:10px;
  background:#303528 url(images/bg_side.jpg) repeat-x 0 0;
  border-left:1px solid #65695E;
}
  #sideBar1 table,#sideBar2 table { width:100%; }
  #sideBar1 td,#sideBar2 td { padding:2px; }

/* Footer */
#footer
{
  clear:both;
  background:#333 url(images/bg_footer.gif) repeat-x 0 0;
  padding:10px 0 0;
  text-align:center;
}
  #footer .navFooter
  {
    height:20px;
    margin:7px 0 14px;
  }
    #footer .navFooter ul
    {
      list-style:none;
      margin:0;
      padding:0;
    }
      #footer .navFooter ul li
      {
        display:inline;
      }
      #footer .navFooter ul li a
      {
            color:#CCCC66;
            font-family:Georgia,"Times New Roman",Times,serif;
            font-size:12px;
            margin:0 25px;
            text-decoration:none;
            text-transform:uppercase;
      }
        #footer .navFooter ul li a:hover { text-decoration:underline; }


        /* Details added from original css */

  /* =Sidebars */

    /* ==Categories/store nav */
    ul.category {
      border-top: 1px solid #5b5f54;
    }
      ul.category li {
        border-bottom: 1px solid #5b5f54;
      }
        ul.category li a {
          color: #fff;
        }
          ul.category li a:hover {
            background: #545943;
            color: #fff;
          }




    /* ==Mini basket */

      /* ===miniBasketSubTotalBox */
      .miniBasketPrice,
      #miniBasketMainBox #sub_num {
        color: #edcc61;
      }

        /* ==Checkout */
                #rightSidebarPanel, .opcSidebar {
                border-left:1px solid #65695E;
                }


  /* =Home page */


  .pageHeader {  margin: 15px 0 15px 0; }



    /* ==Featured products - appears on home page and products accessories page, which will be displayed when a product that has accessories is added to the cart */
    .productsGrid {
      border: 1px solid #5b5f54;
    }
      .productsGrid .thumbnail a {
        background: #fff;
      }


  /* =Category pages */
  .CategoryBreadCrumbs,
  .breadCrumbPanel {
    border-bottom: 1px solid #5b5f54;
    padding-bottom: 7px;
  }

  .searchSortHeader {
    border-bottom: 1px solid #5b5f54;
  }

    .paging a {
      border: 1px solid #5b5f54;
    }
      .paging a.current {
        background: #030d2d
      }



  /* =Cart page */

  /* Empty cart and wishlist */
    .emptyBasketPanel {
      background: url("images/icon_cart.gif") no-repeat 15%;
    }



  /* =Checkout page/process */
    .paymentMethodList table th {
      border-bottom: 1px dotted #ccc;
    }

  .checkoutProgress {
    border: 1px solid #5b5f54;
  }
    .checkoutProgress .on {
      background: url("images/bg_progress.gif") right center repeat-x;
      border-left: 2px solid #fff;
      color: #002b0d;
    }



  /* =Address book */
    .addressBook .entry {
      background: url("images/bg_address.gif") no-repeat;
    }



/* =Modal popups - come up for things like "Click to see price" and Terms of Service on checkout */
.modalPopup {
  background-color: #fff;
  border: 1px solid #000;
}
.pricePopup {
  color: #000;
}
  #container .pricePopup a {
    color: #000;
  }
  .modalPopupHeader,
  .pricePopupHeader {
    background: #051448;
    color: #fff;
  }
  .modalPopupText {
    color: #000;
  }
    #container .modalPopupText a {
      color: #000;
    }

.pricePopup { /* Style for the click to view price popup */
  background: #fff;
  border: 3px solid #444;
}



/* =Tables */
table.form th,
table.itemList th,
table.pagedList th,
.inner_frame th {
  background: #000;
  color: #fff;
}
  table.form th a,
  table.itemList th a,
  table.pagedList th a,
  .inner_frame th a {
    color: #aaa;
  }
  table.form table th,
  table.itemList table th,
  table.pagedList table th,
  .inner_frame table th {
    border-bottom: 1px solid #5b5f54 !important;
    color: #edcc61;
  }

/* Giving CSS control of table borders that had been defined in HTML  */
.MyWishlistPage_wrap table,
.MyWishlistPage_wrap table th,
.MyWishlistPage_wrap table td,
div.inner_frame table,
div.inner_frame table th,
div.inner_frame table td,
table.form,
table.form th,
table.form td {
  border-color: #5b5f54 !important;
}

  /* ==Alternating table row backgrounds */
  .altodd,
  .odd,
  .oddRow {
    background-color: transparent;
  }
  .alteven,
  .even,
  .evenRow {
    background-color: #303527;
  }

#container th.verticalText {
  background: #000;
  color: #fff;
}


      /* #mainPanel width changes for 2 column layouts */
#container.leftSidebar #mainPanel,#container.rightSidebar #mainPanel {
    width:759px;
}
#container.oneColumn #mainPanel {
    width:928px;
}

  /* --Contact page */
  #contactSidebar   { padding: 0 0 0 10px; }
    #contactSidebar h2  { font-size: 14px; margin-left: 0; }
    #contactSidebar h3  { font-size: 12px; margin-bottom: 0; }
  #auctivaContact  { padding: 0 0 0 75px; }
    #auctivaContact img  { background: #fff; padding: 7px; }
    #auctivaContact address  { font-size: 14px; font-style: normal; font-weight: bold; margin: 14px 0; padding: 0 0 0 7px; }



/* accordion and flyout menus */
.Flyout li ul {background-color:#4B4F40;}
.category span
{ position: absolute;right: 5px;top: 7px;font-size: 11px;}
ul.Accordion ul
{list-style-type: none;margin: 0;padding: 0;}
ul.Accordion a{display: block;text-decoration: none;}
ul.Accordion li{margin-top: 1px;}
ul.Accordion li li a{padding-left: 20px;}
ul.Accordion li li li a{padding-left: 30px;font-size: 10px;}
ul.Accordion li li li li a{padding-left: 40px;}
ul.Accordion li li a:hover{border-left: 5px #000 solid;padding-left: 15px;}
ul.Accordion li li li a:hover{padding-left: 25px;}
ul.Accordion li li li li a:hover{padding-left: 35px;}

a[id$=MobileButton] {
  clear: both;
  color: #CC6;
  display: block;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 12px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 78px;
}

a[id$=MobileButton]:hover {
  text-decoration: underline;
}
}/* end media screen */