﻿/* -------------------------------------------------------------------------- */
/* Style Styles */
.new {COLOR: #FF4700; font-weight: bold; }
.se {COLOR: #33A02C; font-weight: bold; }
.styleContent 
{
	float:left; 
	clear:both; 
  margin-top:10px;
	margin-left:10px;
}
.bar
{
	color: #FFFFFF;
	font-weight: bold;
  margin: 2px 0px 2px 0px;
  padding: 0px 2px 2px 2px;
	background-color:#000000;
}
.seSmall
{
	color: #FFFFFF;
	font-weight: bold;
  margin: 2px 0px 2px 0px;
  padding: 0px 2px 2px 2px;
	background-color:#33A02C;
}
.pacSmall 
{
	color: #FFFFFF;
	font-weight: bold;
  margin: 2px 0px 2px 0px;
  padding: 0px 2px 2px 2px;
  background-color:#989898;
}
.newColorsSmall
{
  font-weight:bold;
  color:#FFFFFF;
  background-color:#e92e90;
  padding:0px 2px;
}
/* -------------------------------------------------------------------------- */
/* Mini Color Boxes for Grid Page */
div.miniColorBox  {
  float:left;
  width:9px;
  height:9px; 
  cursor:pointer;
  margin:0px 1px 1px 0px;
  border:solid 1px #c8cdd0;
}
div.miniColorBoxPicked  {
  float:left;
  width:9px;
  height:9px; 
  cursor:pointer;
  margin:0px 1px 1px 0px;
  border: dashed 1px #c8cdd0;
}
div.miniColorBox3  {float:left;width:3px;height:9px;}
div.miniColorBox6  {float:left;width:6px;height:9px;}
div.miniColorBox9  {float:left;width:9px;height:9px;}
/* -------------------------------------------------------------------------- */
/* Grid Page */
.innerFilter
{
  float:left;
  width:550px; 
  height:50px;
  margin:0px 0px 0px 10px;
  background-color:#ffffff;
  font-family:Verdana;
  font-size:10px;
}
.innerFilter .filterLabel{float:left;padding:7px 0px 0px 8px;width:122px;color:#989898;font-family:Arial;font-size:14px;font-weight:bold;}
.innerFilter .selectPanel{float:left;margin:7px 0px 0px 10px;width:130px;}
.innerFilter .selectMenu{float:left;margin-top:3px;width:125px;font:10px verdana;height:18px;padding:0 0 0 0px;color:#333333;}
div.grouping
{
  margin:20px 0px 5px 0px; 
  padding: 0px 0px 1px 1px;
  width:550px;
  border-bottom:1px #333333 solid;
  font-size:14px;
  font-weight:bold;
  font-family:Arial;
  color:#333333;
}
/* -------------------------------------------------------------------------- */
/* Search Page */
.searchNavi
{ 
  float:left;
  clear:both;
  width:550px;
  margin-left:10px;
  background-color:#ebe7e4;
  padding-bottom:2px;
  
}
.searchNavi .searchResults { float:left;padding: 3px 0px 2px 4px; width:200px; }
.searchNavi .searchButtons { float:right;padding: 3px 5px 0px 0px;width:335px;font:10px Verdana;text-align:right;}
.searchNavi .searchButtons img { border: none; vertical-align: text-bottom;}
  .deadlink
, .deadlink a:link
, .deadlink a:visited
, .deadlink a:hover
, .deadlink a:active { color: #c7c2c0; }
.searchNavi .searchButtons .deadlink{ color:#999999; }
.searchNavi .searchButtons .livelink{ color:#356198; }
.searchNavi .searchResults .deadlink{ color:#333333; }
.searchNavi .searchResults .livelink{ color:#356198; }


.innerSearch
{
  width:550px; 
  height:108px;
  margin:12px 0px 0px 10px;
  padding:7px 0px 0px 0px;
  background-color:#ffffff;
  font-family:Verdana;
  font-size:10px;
}
.innerSearch .title{float:left;clear:both;font-size:14px;font-weight:bold;font-family:Arial; margin-left:8px;}
.innerSearch .textBox{color:#333333;width:260px;height:14px;font:10px verdana;border:1px solid #989898;padding: 0 0 0 3px; margin-left:10px;}
.innerSearch .selectPanel{float:left;margin:6px 0px 0px 10px;width:190px;}
.innerSearch .selectMenu{float:left;clear:both;margin-top:3px;width:190px;font:10px verdana;height:18px;padding: 0 0 0 0px;color:#333333;}
.innerSearch .labelMenu{position:relative;left:-1px;}


.storeSearch
{
  width:550px;
  margin:6px 0px 0px 10px;
  padding:4px 0px 0px 0px;
  background-color:#f6f5f3;
  font-family:Verdana;
  font-size:10px;float:left;clear:both;
}
.storeSearch .search {float:left;width:550px;height:69px; background-color:#ffffff;} /* dafaad */
.storeSearch .search .header {float:left;clear:both;margin:7px 0px 0px 4px;font-size:10px;font-weight:bold;font-family:Verdana; }
.storeSearch .search .prompt {float:left;clear:both;margin:5px 0px 2px 5px;}
.storeSearch .search .controls {float:left;clear:both;width:550px;}
.storeSearch .search .controls .text   {float:left;margin:1px 0px 0px 5px;color:#333333;background-color:#ebf2fa; width:254px; height:16px;font:10px verdana;border:1px solid #989898;padding: 2px 0 0 4px; }
.storeSearch .search .controls .submit {float:left;margin:1px 0px 0px 20px; cursor:pointer;}
.storeSearch .search .controls .reset  {float:left;margin:4px 0px 0px 20px; cursor:pointer; color:#356198;}

.storeSearch .filters {float:left;width:550px;height:42px;margin-top:5px;background-color:#ffffff;}
.storeSearch .filters .selectPanel {float:left;margin:2px 0px 0px 20px;width:120px;}
.storeSearch .filters .selectPanel label{float:left;}
.storeSearch .filters .selectPanel select{
float:left;
clear:both;
width:120px;
height:20px;
margin-top:3px;
font:10px verdana;
padding: 0px 0 2px 0px;
color:#333333;
background-color:#ebf2fa;
border:1px solid #989898;
}



/* -------------------------------------------------------------------------- */
/* Grid Displays: Search and Grid Page */
.gridTable {border-width:0px;width:0px;border-collapse:collapse;}
.gridTable .cellGap {width:10px;}
.gridProduct {width:130px;background-color:#ffffff;vertical-align:top;}
.gridProduct .colors{float:left; margin-top:2px; margin-bottom:5px;}
.gridProduct .pricing{position:relative;top:-1px;padding:0px 0px 2px 0px;}
.gridProduct .ratings{border-width:0px;margin-left:1px;}
.gridProduct .slashes{position:relative;top:-155px;}
 select option { margin:0px;  padding:0px; }
 
.sortHeader { float:left; width:550px;height:16px;margin:10px 0px 0px 10px;font-weight:bold;}
.sortHeader .label{float:left;margin:1px 0px 0px 9px;color:#989898;font-weight:normal;}
.sortHeader .disabled{float:right;padding:1px 5px 0px 1px; font-weight:bold;color:#c7c2c0;}
.sortHeader .button{float:right;padding:1px 5px 0px 1px; font-weight:bold;color:#356198;cursor:pointer;}
.sortHeader .button:hover,.sortHeader .picked{float:right;padding:0px 4px 2px 4px;border:1px solid #333333;color:#333333;cursor:pointer;}

.results {float:left;clear:both;}
.results .sortby { float:left; width:540px;height:16px;margin:7px 0px 0px 15px;font-weight:bold;}
.results .sortby .label{float:left;margin:0px;color:#989898;font-weight:normal;}
.results .sortby .disabled{float:right;margin-top:1px;padding:1px 5px 0px 1px; font-weight:bold;color:#c7c2c0;}
.results .sortby .button{float:right;margin-top:1px;padding:1px 5px 0px 1px; font-weight:bold;color:#356198;cursor:pointer;}
.results .sortby .button:hover,.sortby .picked{float:right;margin-top:1px;padding:0px 4px 2px 4px;border:1px solid #333333;color:#333333;cursor:pointer;}

.results .nohits {float:left;clear:both;width:500px;margin:14px 0px 0px 15px;line-height:12px;}
.results .nohits .reset {cursor:pointer; color:#356198;}
/* -------------------------------------------------------------------------- */ 
.tbxQuery{background:#ecf2fa;width:100px; border-color:#989898;width:258px;}
.tbxQuery a{color:#333333;}
.tbxQuery .selected{background:#a3b6d4;color:#ffffff; font-weight:bold;}
.tbxQuery .selected a{color:#ffffff;}
