/* CSS Document */

.container{
	background-image:url(images/containerBackground119.gif);
	/* I created the containerBackground to fit the width of the product list wich I set to 120px. 
	The image has to fit this to create the line on the right of the product window below the product 
	list. */
	background-position:right;
	background-repeat:repeat-y;
}

.productListing{
	display:block;
	float:left;
	width:120px;
	clear:right;
}


#productImage{
}
.productCaption{	
	text-align:center;
}

.productSelector{
	display:block;
	background: #ffffff;
	border-top: solid #000000 1px;	
	border-left: solid #000000 1px;
	border-right: solid #000000 1px;
	border-bottom: solid #000000 0px;
	padding: 5px 5px 5px 5px;
	cursor:pointer;
	text-align:center;
	min-height:20px;
}

#productLink{

}

.productListingTitle{
	background-color:#ffffff;
	padding: 20px 5px 5px 5px;
	text-align:center;
	border-top: solid #000000 3px;
	border-left: solid #000000 1px;
	border-right: solid #000000 1px;
	border-bottom: solid #000000 0px;
	min-height:40px;
}


#theSelectedProduct{	
	background: #f7f3f7;
	/*border:0px;*/
	border-top: solid #000000 1px;
	border-bottom: solid #000000 0px;	
	border-right: solid #000000 1px;
	border-left: solid #f7f3f7 1px;
	padding: 5px 5px 5px 5px;
	cursor:pointer;
}

.currentPage{
	background: #ffffff;
	border-top: solid #000000 1px;	
	border-bottom: solid #000000 0px;	
	border-right: solid #000000 1px;
	border-left: solid #000000 1px;
	background-position:top;
	padding: 5px 0px 0px 0px;
	text-align:center;

}

.pageIncrementor{
	display:block;
	height:40px;
	background-image:url(images/nextPage.gif);
	background-position:right;
	border-left: solid #000000 1px;
	border-top: solid #000000 1px;

}

.pageIncrementor .nextPage{
	display:block;
	float:left;	
	width:60px;
	height:39px;
	text-align:center;
	vertical-align:middle;
	padding: 0px 0px 0px 0px;
}

.pageIncrementor .prevPage{
	display:block;
	float:left;
	width:59px;
	height:39px;	
	text-align:center;
	vertical-align:middle;
	padding: 0px 0px 0px 0px;	
}

.endOfListings{
	border-top: solid #000000 1px;
	height:5px;
}

.preLoadImg{
	display:none;
}

.contenttdleft{
	background: #f7f3f7;
	border-top: solid #000000 0px;
	border-right: solid #000000 0px;
	border-left: solid #000000 1px;
	border-bottom: solid #000000 1px;		
	vertical-align: top;
	/*padding: 15px 15px 15px 15px;	*/
}

.contenttdright{
	background-image:url(images/contentRightTableBackground.gif);
	background-position:left;
	background-repeat:repeat-y;

	border-top: solid #000000 0px;
	vertical-align: top;
	/*padding: 15px 15px 15px 15px;	*/
}