/* CSS Document */

/** product template specific css **/

/*** paging sytem ***/
div.pagingSystem div.filter, div.pagingSystem a.pageNumber, div.pagingSystem a.pageNumberActive{
	padding:5px 0;
}
div.pagingSystem div.filter{
	float:left;
	border-right-style:solid;
	border-right-width:1px;
}
div.pagingSystem div.filter a{
	/* spacing for paging system links */
	color:#666666;
	margin:0 10px;
}
div.pagingSystem{
	padding-bottom:58px;
}
div.pages a.pageNumberActive{
	background-color:#CC0033;
}
div.pages a.pageNumber{
	color:#999999;
	background-color:#CC9966;
}
div.pages a.pageNumber, div.pages a.pageNumberActive, div.pages div.txtPage{
	color:white;
	height:13px;
	float:right;
	padding:0 4px;
	margin:5px 2px 0 2px; /*	top margin equal to padding on div.filter	*/
}
div.pages div.txtPage{
	color:#666666;
	font-weight:bold;
}


/*** category listing ***/
table.categoryListing td.leftBorder{
	border-left-style:solid;
	border-left-width:1px;
}
table.categoryListing td.rightBorder{
	border-right-style:solid;
	border-right-width:1px;
}
table.categoryListing td.advertisements div.relatedLinks{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
table.categoryListing td div.imagePreview, table.categoryListing td div.imageHolder{
	width:173px;
	height:173px;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	border:solid 1px #ffcccc;
}
table.categoryListing td div.imagePreviewSmall, table.categoryListing td div.imageHolderSmall{
	width:57px;
	height:57px;
	cursor:pointer;
	overflow:hidden;
}

table.categoryListing td div.imagePreview div.flag{
	/* Here we establish our positioning, on front end we will apply a dynamic image */
	left:119px;
	top:134px;
	width:55px;
	height:40px;
	position:absolute;
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:left top;
}
/*
table.categoryListing td div.imagePreview{
	cursor:pointer;
}
*/
table.tblProductDetails td.details div.scroller{
	max-height:150px;
	overflow-y:auto;
}
* html table.tblProductDetails td.details div.scroller{
	/* ie 6 specific (doesn't understand max-height) */
	height:160px;
}
table.tblProductDetails td.details p{
	margin-bottom:0;
}
table.tblProductDetails td.details ul, table.tblProductDetails td.details ul li{
	margin:0;
	padding:0;
}
table.tblProductDetails td.details ul li{
	margin-left:25px;
	padding-left:0px;
	list-style-image:url('/resource/chocolates/image/li_maroon.gif');
}
table.categoryListing td a, table.tblProductDetails td.details p, table.tblProductDetails td.details div.scroller ul li{
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
table.categoryListing td div.imageHolder{
	background:url('/resource/chocolates/image/product/img_unavailable_small.jpg') top left no-repeat;
}
table.categoryListing td div.imageHolderSmall{
	background:url('/resource/chocolates/image/product/img_unavailable_xsmall.jpg') top left no-repeat;
}
table.categoryListing td.productDetails, table.categoryListing td.productDetails span, table.categoryListing td.productDetails div{
	/* note: note defined here, but under seasons: div.available */
	color:#333333; /*gray*/
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
table.categoryListing td.productDetails div.bogo, table.tblProductDetails td.details div.productTitle, table.tblProductDetails td.zoom div.control{
	/* this is the maroon-ish color */
	color:#CC0033;
}
table.categoryListing td.productDetails div.price, table.categoryListing td.productDetails div.price span.startingAt, table.tblQTY th, table.tblQTY div.header, table.tblProductDetails div.price{
	color:#990000;
}
table.categoryListing td.productDetails div.price, table.tblProductDetails div.price{
	font-size:20px;
	font-weight:500;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}
table.tblProductDetails div.price{
	float:right;
	letter-spacing:-1px;
}
table.categoryListing td.productDetails div.price{
	line-height:70%;
	padding-bottom:10px;
}
table.categoryListing td.productDetails div.price span.startingAt{
	font-size:11px;
	font-weight:900;
}
/*** lightbox --> product details ***/
table.tblProductDetails div.productPicture{
	width:305px;
	height:305px;
	overflow:hidden;
}
table.tblProductDetails td.details, table.tblProductDetails td.details div.productTitle, table.tblProductDetails div.like, table.tblProductDetails div.likelow, table.tblProductDetails div.headerBar, table.tblProductDetails td.also table.tblAlso td.title, table.tblProductDetails td.also table.tblAlso td.title a {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
table.tblProductDetails td.details div.productTitle{
	font-size:20px;
	margin:10px 0;
}
table.tblProductDetails div.zoom{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom:5px;
}
table.tblProductDetails td.zoom div.position{
	width:25px;
	margin-top:5px;
	text-align:left;
}
table.tblProductDetails td.zoom div.control{
	font-size:15px;
	text-align:center;
	font-weight:bolder;
	padding-top:3px;	/*	padding-top plus height must equal 24px (really 25 but we have a 1px border)	*/
	height:21px;
}
table.tblProductDetails td.zoom div.thumbnail{
	height:24px;
	overflow:hidden;
}
table.tblProductDetails td.zoom div.control, table.tblProductDetails td.zoom div.thumbnail{
	width:24px;
	margin:5px 0;
	cursor:pointer;
	border-width:1px;
	border-style:solid;
}
table.tblProductDetails div.like, table.tblProductDetails div.likelow, table.tblProductDetails div.headerBar{
	/* for any like styles */
}
table.tblProductDetails div.like, table.tblProductDetails div.likelow{
	font-size:12px;
	font-weight:bold;
}
table.tblProductDetails div.like{
	padding-top:40px;
}
table.tblProductDetails div.likespacer{
	height:8px;	/* to maintain our original spacing */
}
table.tblProductDetails div.headerSpacer{
	height:15px;
}
table.tblProductDetails div.likelow{
	color:white;
	margin-bottom:5px;
}
table.tblProductDetails div.headerBar{
	height:23px;
	color:white;
	padding:3px 0 5px;
	font-size:20px;
	margin-top:16px;
	font-weight:400px;
	text-align:center;
}
table.tblProductDetails td.also, div.content table.tblProductDetails td.also{
	padding-top:10px;
}
div.content table.tblProductDetails td.also div.contentAlso{
	width:710px;	/*	really only meant for IE since it doesn't understand what table width tags do	*/
	overflow:hidden;
}
table.tblProductDetails td.also, div.content table.tblProductDetails td.also, table.tblProductDetails td.alsoleading{
	background-color:#753835;
}
table.tblProductDetails td.also table.tblAlso td.picture div{
	width:57px;
	height:57px;
	overflow:hidden;
}
table.tblAlso td.title, table.tblAlso td.title a{
	color:white;
	font-size:11px;
}
table.tblProductDetails td.also table.tblAlso td.title{
	padding-left:10px;
}
table.tblProductDetails td.also div.product{
	float:left;
	margin-right:10px;
	padding-bottom:18px;
}
table.tblQTY tr.vtop td{
	vertical-align:top;
}
table.tblQTY select.qty, table.tblQTY input.qty{
	width:45px;
}
table.tblQTY select.shipto{
	width:120px;
}
table.tblQTY th, table.tblQTY div.header{
	text-align:left;
	font-weight:bold;
	background:none;
	font-size:11px;
}
table.tblQTY th{
	padding:2px 0;
}
table.tblQTY select.product{
	/* ajax pop up view */
	width:370px;
}
div.content table.tblQTY select.product{
	/* non-ajax on screen view */
	width:300px;
}
table.tblProductDetails #zoomImage, table.tblProductDetails div.noImage{
	width:363px;
	height:306px;
}
table.tblProductDetails div.noImage{
	background:url('/resource/chocolates/image/product/img_unavailable_large.jpg') top right no-repeat;
}
table.tblQTY div.help{
	/* lightbox pop up version */
	/*width:125px;*/
	position:relative;
}
div.content table.tblQTY div.help{
	/* inpage detail version */
	/*width:60px;*/
}
/** popup help content **/
table.tblQTY div.helpContent{
	top:-5px;
	left:20px;
	width:180px;
	padding:5px;
	color:#CF9F5F;
	position:absolute;
	background:#ECE2D0;
	border:solid 1px #E4CCB7;
}
/* Search Results */
table.categoryListing td.productDetails div.productName {
	font-weight:bold;
	padding-bottom:5px;
}
table.categoryListing td.productDetails div.productName a {
	color:#753834;
}
.highlighted {
	background-color:#E3C69F;
}
table.categoryListing td.bottomBorder{
	border-bottom-style:solid;
	border-bottom-width:1px;
}