.pagination{color:#969696;text-align:left;margin-top:20px;}
.pagination a {font-weight:bold;color:#969696;text-decoration:none;}
.pagination span {font-size:90%;font-weight:normal;margin:0 15px 0 0;}
.pagination span a {font-weight:normal;}
.pagination span a:hover {color:#0F7DCB;}
.pagination.bottom {margin-bottom:33px;margin-top:10px;}
.pagination b {color:#000;margin:0 5px;}
.pagination.toggle b {margin:0;}

table.spillTable {width:100%;}
table.spillTable td {
	background:transparent url(images/spillCell.gif) repeat-x bottom left;
	padding:5px 5px 5px 0;
	text-align:left;
	vertical-align: bottom;
}
table.spillTable td.small {
	width:20%;
	vertical-align:top;
}
table.spillTable td.large {
	width:33%;
	vertical-align:top;
}
table.spillTable td img {text-align:center;}
table.spillTable td:hover {background-image:url(images/spillCell_hover.gif);}
table.spillTable td.empty {background-image:url(images/spillCell.gif) !important;}

table.spillTable2 {width:100%;}
table.spillTable2 td {
	background:transparent url(images/spillCell.gif) repeat-x bottom left;
	padding:0px 10px 10px 0;
	text-align:left;
	vertical-align: bottom;
}
table.spillTable2 td.small {
	width:20%;
	vertical-align:top;
}
table.spillTable2 td.large {
	width:33%;
	vertical-align:top;
}
table.spillTable2 td img {text-align:center;}
table.spillTable2 td:hover {background-image:url(images/spillCell_hover.gif);}
table.spillTable2 td.empty {background-image:url(images/spillCell.gif) !important;}

/*.row{border-bottom:1px solid #e8e8e8;}*/

table.spillTable td span.itemLinkImageAlign {
	/* necessary to fix an IE6/IE7 render bug... occasionally, an image wouldn't align properly.
     added an extraneous inline or block element, forces the proper alignment.
  */
	position:relative;
	top:18px;
	visibilty:hidden;
}
table.spillTable td a.itemLink{
	/*border-bottom:3px solid #fff;*/
	color:#969696;
	cursor:pointer;
	/*display:block;
	display:inline;*/
	/*float:left;*/
	/* margin:0 9px 0 0; */
	margin:0;
	/*padding:16px 0 0 0;*/
	text-align:left;
	text-decoration:none !important;
	/*width:230px;*/
	/*height:233px;min-height:233px;*/
	width:inherit;
	vertical-align:top;
}
table.spillTable td .freeShipping a.itemLink { color:#a50000; }
table.spillTable td span.collection a.itemLink { display:block; }
table.spillTable td span.checkStore a { display:block; }

table.spillTable td a.itemLinkImageAlign{
	/* necessary to fix an IE6/IE7 render bug... occasionally, an image wouldn't align properly.
     added an extraneous inline or block element, forces the proper alignment.
  */
	top:-18px;
	position:relative;
}
/*
.row.columns2 a.itemLink {width:340px;}
.row.columns3 a.itemLink {width:223px;}
.row.columns5 a.itemLink {width:130px;}
*/

table.spillTable td a.itemLink.last{margin:0;}
/*.row a.itemLink{width:134px;float:left;display:inline;margin:0 9px 0 0;*//*height:200px;min-height:200px;}*/
table.spillTable td a.itemLink.last{margin:0;}
/*.row a.itemLink:hover{border-bottom-color:#0f7dcb;}*/
table.spillTable td a.itemLink img{display:block;margin:0 auto;}
table.spillTable td a.itemLink ul.item-details{margin:10px 0 5px 0;list-style-type:none;padding:0;/*height:56px;min-height:56px;*/}
table.spillTable td a.itemLink ul.item-details li.item-name{color:#000;font-weight:bold;}
table.spillTable td a.itemLink ul.item-details li.sale-price{color:#666;font-weight:bold;}
table.spillTable td a.itemLink span.collection{display:block;font-style:italic;margin:0px 0 5px 0;}
table.spillTable td a.itemLink span.collection.freeShipping{font-style:normal;}

.two-col-row{width:100%;padding:0 0 134px 0;}
.two-col-row h3{width:187px;margin:0 54px 0 0;float:left;font-size:120%;}
.two-col-row .text{width:440px;float:left;}
.two-col-row .text a{color:#0f7dcb;text-decoration:none;}

.item {
	padding-bottom:0;
	padding-right:10px;
}
.item img {padding-left:10px;}

.price.sale {color:#a50000;}
.freeShipping {color:#a50000; font-style:normal;}

/* Rotating images */

.spillTheme
{
	width: 690px;
}

.spillCopy
{
	position: relative; 
	float: left; 

}

.spillRotatingImage
{
	position: relative;
	float: left;
}

.spillFeature
{
	position: absolute;
	top: 0;
}
