/* CSS Document */

.bodyHomePage {
	background-image:url(pics/picBGChocolate.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #371E11;
}

/* Page background for main cat page - Milk Dark and Extra Dark Chocolat Collection */
.bodyCatMilkDarkExtraDarkChocPage {
	background-image:url(pics/picBGMilkDarkExtraDarkChocColl.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #371E11;
}
/* Page background for main cat page - Dark and Extra Dark Chocolat */
.bodyCatDarkAndExtraDarkChocPage {
	background-image:url(pics/picBGDarkChocColl.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #371E11;
}
/* Page background for main cat page - Vintage */
.bodyCatVintagePage {
	background-image:url(pics/picBGVintageSolidDarkChocColl.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #371E11;
}
/* Page background for main cat page - Toffee and Turtles */
.bodyCatToffeeTurtlesPage {
	background-image:url(pics/picBGToffeeTurtlesNutsCaraColl.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #371E11;
}
/* Page background for main cat page - Valentines */
.bodyCatValentines {
	background-image:url(pics/picBGValentines.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #371E11;
}
/* Page background for main cat page - Mothers Day */
.bodyCatMothersDay {
	background-image:url(pics/picBGMothersDay.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #371E11;
}

/* This is the container for the whole page.  It is the parent of all divs within it. */
.pageContainer {
	border: 0px solid #ff0000;
	width: 980px;
	height: 750px;
	margin-left: auto;
	margin-right: auto;	
	z-index: 10;
	position: relative;
}
.picLook {
	border: 1px solid #CC9933;
}
/* Used for general on page links */
.pageLink {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FF9900;
	text-decoration: none;
}

/* This is for the left hand category link list. */
.catNavLeftContainer {
	position: absolute;
	left: 1px;
	top: 150px;
}
.titleSmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #ffffcc;
	color: #ffffff;
}
a.catNavLink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFF0C0;
	text-decoration: none;
}
a.catNavLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFF0C0;
	text-decoration: none;
}
a.catNavLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9900;
	text-decoration: none;
}
a.catNavLink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFF0C0;
	text-decoration: none;
}


/* This is for the top contact info area. */
.contactTopContainer {
	position: absolute;
	left: 780px;
	top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFF0C0;
	text-decoration: none;
	font-weight: bold;
	width: 185px;
	border-bottom: 1px solid #CC9933;
	padding-bottom: 10px;
}
.contactMailtoLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFF0C0;
	text-decoration: none;
}

/* This is for the top nav bar area on the right for checkout. */
.navBarCheckoutRightTop {
	position: absolute;
	left: 780px;
	top: 267px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFF0C0;
	text-decoration: none;
	font-weight: bold;
	width: 185px;
	border-bottom: 1px solid #CC9933;
	padding-bottom: 10px;
}

/* This is for the top nav bar area on the right. */
.navBarRight {
	position: absolute;
	left: 780px;
	top: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EFF0C0;
	text-decoration: none;
	font-weight: bold;
	width: 185px;
	border-bottom: 1px solid #CC9933;
	padding-bottom: 10px;
}

/* This is the style for the main Bliss Logo */
.contentLogo {
	position: absolute;
	left: 0px;
	top: -7px;
}

/* This is for the content column for fine ingredients. */
.contentFinestIngredients {
	position: absolute;
	left: 780px;
	top: 318px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC9933;
	text-decoration: none;
	font-weight: normal;
	width: 185px;
	line-height: 160% 	
}
/* This is for the center content column for the main title. */
.contentMainTitle {
	position: absolute;
	left: 240px;
	top: 300px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #CC9933;
	text-decoration: none;
	font-weight: bold;
	width: 500px;
	border: 0px solid #ffffff;
	text-align: left;
}
/* This is for the center content column for the main content. */
.contentMain {
	position: absolute;
	left: 240px;
	top: 400px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #EFF0C0;
	text-decoration: none;
	font-weight: bold;
	width: 500px;
	border: 0px solid #ffffff;
	text-align: left;
}
/* This is for the center content column for the main content. Same as contentMain but a little higher for shorter titles.*/
.contentMain2 {
	position: absolute;
	left: 240px;
	top: 350px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #EFF0C0;
	text-decoration: none;
	font-weight: bold;
	width: 500px;
	border: 0px solid #ffffff;
	text-align: left;
}

/* Controls the look of the home page category spotlights */
.spotlgLook {
	border: 1px solid #CC9933;
	margin-bottom: 15px;
}

/* This is for the product image in the product list. */
.prodListImage {
	border: 1px solid #000000; 
	margin: 6px; 
	width: 200px; 
	height: 150px;
}
/* Product List Box */
.prodListBox {
	border: 1px solid #ffffff; 
	text-align: center; 
	width: 240px; 
	height: 290px; 
	overflow: hidden; 	 
	margin-bottom: 20px; 
	background-color:#512C1A;
}
/* Product Price */
.prodPriceBox {
	padding-bottom: 6px; 
	text-align: center;
}
/* Product List product title */
.prodListTitle {
	background-color: #6D3B22; 
	width: 230px; 
	padding: 6px; 
	text-align: center;
}
/* This is for the product list box, for the More Info box */
.prodMoreInfoBox {
	background-color: #6D3B22; 
	padding:3px; 
	border: 1px solid #ffffff; 
	width: 80px; 
	text-align: 
	center; 
	margin-left: auto; 
	margin-right: auto;
}
/* The look for link that is the product title in the product list box. */
.prodTitleLink {
	text-decoration: none; 
	color: #EFF0C0;
}