/*The whole page*/

#MensSearchResults, #WomensSearchResults {
  float: left; /*To contain the other floats*/
}

/*Left column*/

#LeftBrowseColumn {
  border:1px solid #666;
  float:left;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 15px 8px;
  width:160px;
  font-family:arial;
}

/*Individual column styles for men and women*/
#MensSearchResults #LeftBrowseColumn {background: #f1f6f9 url(../images/main/left_browse_back_men.jpg) no-repeat;}

#WomensSearchResults #LeftBrowseColumn {background: #fff0f4 url(../images/main/left_browse_back_women.jpg) no-repeat;}

#LeftBrowseColumn h2 {
  margin-top: 5px;
  margin-bottom: -10px;
  font-size: 21px;
	}

#LeftBrowseColumn h3 {
  border-bottom: none;
  margin-top: 9px;
  border-bottom: 1px dotted #666;
  margin-right: 10px;
}

#LeftBrowseColumn ul {
  list-style-position: inside;
  line-height: 18px;
}

/*The results to right of column, whole container*/

#SearchResultsContainer {
  float:right;
  width: 750px; /*Or it will spill left "under" the Left Column*/
}

/*NEXT PREV HAS ITS OWN SHEET REMEMBER*/

/*HEADER (FOR SORTING)*/

#HeaderContainer {
  clear: both;
  border-top: 1px solid #ccc;
  margin: 0px 15px 10px 35px;
  padding:5px 0px 5px 10px;
  background: url(../images/main/header_grad.png) repeat-x;	
}

/*THE RESULTS THEMSELVES*/

#SearchResultsContainer img {
  margin: 5px 0px 5px 5px;
  border: none;
}

/*INDIVIDUAL RESULTS*/



.EachResult {
  position: relative;
  background: url(../images/main/shoe_search_result_back.jpg);
  width: 210px;
  margin-left: 35px;
  float: left;
  height: 365px;
  margin-bottom: 20px;
  cursor: pointer;
}

/*The whole header bar is an h2*/
#SearchResultsContainer h2 {
  display: block;
  color: #fff;
  padding: 3px;
  margin-left: 3px;
  width: 198px;
  font-size:12px;
  font-weight: bold;
}

#SearchResultsContainer h2.Men {background: #578aac}

#SearchResultsContainer h2.Women {background: #ac5874}

#SearchResultsContainer h2 {background: #333}

#SearchResultsContainer h2 a {color: #fff}

.EachResult p.ColourFabric {margin-bottom: 5px}

.EachResult p {
  padding: 0px 7px 0px 7px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

.EachResult p.Price, .EachResult p.RetailPrice {
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  bottom: 22px;
}

.EachResult p.Price {right: 30px;}

.EachResult p.RetailPrice {
  padding: 1px 14px 1px 14px;
  left: 8px;
  display: block;
  background: #666;
  font-weight: normal;
  bottom: 21px;
  text-decoration: line-through;
}

.Clearance {background: url(../images/main/overlay_clearance.png) no-repeat}
.Sold {background: url(../images/main/overlay_soldout.png) no-repeat}
.Seller {background: url(../images/main/overlay_top_seller.png) no-repeat}
.Guarantee {background: url(../images/main/overlay_guarantee.png) no-repeat}
.Premium {background: url(../images/main/overlay_premium_range.png) no-repeat}
.Recommended {background: url(../images/main/overlay_recommended.png) no-repeat}
.Final {background: url(../images/main/overlay_final.png) no-repeat}
.Best {background: url(../images/main/overlay_bestbuy.png) no-repeat}

.ImageOverlay {
		width: 210px;
		height: 158px;
		position: absolute;
		left: 2px;
}

.ImageOverlay.Final {left: 0px}

.EditLink {
	background:  #FF9;
}