﻿div#schoolStoreBanner {
  width: 100%;
  height: 200px;
  background: #eeeeee;
  color: #0162ae;
}
div#schoolStoreBanner div.right {
  float: right;
  width: 400px;
}
div#schoolStoreBanner button {
  border-color: #0162ae;
  font-weight: bold;
  padding: 3px 10px 3px 10px;
}
div#schoolStoreBanner h1 {
  text-align: left;
}
div#schoolStoreBanner div.innerbanner {
  background: url('/Img/Areswear.com/store-search-bg.png') no-repeat -70px 0;
  width: 100%;
  height: 100%;
}
div#schoolStoreBanner div.innerbanner div {
  margin: 6px;
  text-align: right;
}
div#schoolStoreBanner p {
  text-align: justify;
  line-height: 15px;
}
div#schoolStoreBanner input.instLkp {
  font-size: 16px;
  border-color: #99ccff;
  border-width: 2px;
}
a.all {
  float: right;
  font-size: 10px;
  margin: 11px 0 0 0;
}
div#lowerArea {
  display: inline-block;
  width: 100%;
}
div#lowerArea > div {
  display: inline-block;
  width: 200px;
  margin: 4px;
  float: left;
}
div#lowerArea div#featDesigns img {
  width: 90px;
  height: 90px;
  margin: 3px;
  display: inline-block;
}
div#lowerArea > div img {
  width: 180px;
  height: 0;
  display: none;
  margin: auto;
}
div#lowerArea div.shown img {  
  height: 180px;
  display: inline-block;
}
div#lowerArea h3 {
  font-size: 14px;
  margin: 10px 0 8px 0;
}
div#lowerArea div.item {
  border: 1px solid #eeeeee;
  padding: 5px;
  text-align: center;
}
div#lowerArea div.item div {
  display: inline-block;
  width: 100%;
  text-align:left;
}
div#lowerArea span.price {
  float: right;
}
div#lowerArea li {
 height: 18px; 
}
div#subtext {
  display: inline-block;
  text-align: center;
  width: 100%;
  font-size: 10px;
  color: #999999;
}
div#clearanceSection li, div#saleItems li {
  display: inline-block;
  width: 100%;
}
div#clearanceSection li div.name, div#saleItems li div.name {
  display: inline-block;
  width: 134px;
  white-space: nowrap;
  overflow:hidden;
}
