@charset "utf-8";
/* CSS Document */

#leftColumn_products {
  float: left;
  width: 420px;
}

#rightColumn_products {
  float: left;
  width: 658px;
  height: 540px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.frontback {
  color: #656;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 13px;
  text-align: right;
  padding: 2px 4px 2px 4px;
}

a.frontback:hover {
  color: #00aeef;
  background-color: #ccc;
}

div.productTitle {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 479px;
  margin-left:10px;
}

.productTitle {
  color:#cc0001;
  font-size: 20px;
  font-weight: bold;
}

.miniColor {
  width: 35px;
  height: 35px;
}

.styleChooser {
  color: #656;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
}

.mini {
  width: 100px;
  heigh: 100px;
  padding: 10px;
  margin: 10px;
  margin-bottom: 15px;
  border: 1px solid #fff;
}

.mini:hover {
  border: 1px solid #ccc;
}

.swatch{
font-family:Arial, Helvetica, sans-serif;
}
.swatch .styleChooser {
  color: #656;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  width: 135px;
  text-align:left;
 }
.swatch li{
width:85px; 
height:85px; 
float:left;
font-size:11px;
display:inline;
text-align:left;
color: #656;
}

.swatch .miniClassic {
  width: 75px;
  height:130px;
  border: 1px solid #fff;
  padding:5px;
  margin:5px;
  color: #656;
}
.swatch .miniClassic a {
color: #656;
}
.swatch .miniClassic a:hover {
color: #000;
}
.swatch .miniClassic:hover{
  border: 1px solid #ccc;
}
.styleName{
width:600px;
height:20px;
}
.styleName li{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#656;
font-size:11px;
width:120px;
height:10px;
float:left;
  margin-left: 20px;
  margin-right: 25px;
  margin-bottom: 25px;
}