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

/*
THEME NAME: Collector Cookie Jars Custom
THEME URI: http://www.BusinessWebsiteServices.com
AUTHOR: <a href="http://www.businesswebsiteservices.com">Business Website Services</a> By Matthew Brown
AUTHOR URI: http://www.BusinessWebsiteServices.com
*/

/* LAYOUT STYLING*/

#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10x;
}

	#headerwrapper {
		width: 900px;
		height: auto;
	}
	
		#headertop {
			width: 900px;
			height: 75px;
			text-align: left;
			margin-bottom: 10px;
		}
		
			#title {
				width: 550px;
				height: 75px;
				float: left;
			}
			
			#banner {
				width: 350px;
				height: 75px;
				float: right;
			}
			
		
			#title h1 a {
				font-family: arial;
				font-size: 50px;
				font-weight: bold;
				font-style: italic;
				color: #000;
				line-height: 75px;
				text-decoration: none;
			}
		
		#headerleft {
			width: 498px;
			height: auto;
			float: left;
		}
		
			#logo {
				width: 498px;
				height: 171px;
				background-image: url('images/logo.jpg');
			}
			
			#topnav {
				width: 498px;
				height: 75px;
				margin-top: 2px;
			}
			
				.first {
					width: 123px;
					height: 75px;
					float: left;
					background-color: #CCC;
				}
				
				.middle {
					width: 123px;
					height: 75px;
					float: left;
					background-color: #CCC;
					margin-left: 2px;
				}
				
				#topnav a {
					font-family: arial;
					font-weight: normal;
					font-size: 12px;
					line-height: 18px;
					text-decoration: none;
					text-align: center;
					color: #000;
					display: block;
					width: 123px;
					height: 75px;
				}
				
				#topnav a:hover {
					background-color: #333;
					color: #FFF;
				}
				
				#topnav a span {
					font-size: 18px;
					font-weight: bold;
				}
		
		#headerright {
			width: 400px;
			height: 248px;
			float: right;
		}
		
			#toplinks {
				width: 400px;
				height: 30px;
				text-align: right;
				line-height: 30px;
			}
			
				#toplinks a {
					font-family: arial;
					font-size: 12px;
					font-weight: normal;
					color: #000;
					text-decoration: none;
					line-height: 30px;
				}
				
				#toplinks a:hover {
					text-decoration: underline;
				}
			
				a.second {
					font-family: arial;
					font-size: 12px;
					font-weight: normal;
					color: #000;
					text-decoration: none;
					padding-left: 10px;
					padding-right: 10px;
				}
			
			#topsignup {
				width: 380px;
				height: 198px;
				padding: 10px;
				background-color: #CCC;
			}

/* MAIN SECTION */
#container {
	width: 900px;
	clear: both;
}

	#content {
		width: 630px;
		float: left;
		margin-left: 10px;
	}
	
		#content h2 {
			font-family: arial;
			font-size: 25px;
			font-weight: bold;
			color: #000;
			line-height: 25px;
			margin-bottom: 10px;
		}
		
		#content h2 a {
			font-family: arial;
			font-size: 25px;
			font-weight: bold;
			color: #000;
			line-height: 25px;
			margin-bottom: 10px;
			text-decoration: none;
		}
		
			#content h2 a:hover {
				text-decoration: underline;
			}
		
		#content p {
			font-family: arial;
			font-size: 13px;
			font-weight: normal;
			color: #000;
		}
		
		#content table a {
			font-family: arial;
			font-size: 13px;
			font-weight: normal;
			color: #000;
			text-decoration: none;
		}
		
		#content table a:hover {
			color: #00F;
		}
	
		.featureleft {
			float: left;
			width: 305px;
			padding: 5px;
			padding-bottom: 10px;
			border-right-color: #CCC;
			border-right-style: solid;
			border-right-width: 1px;
		}
		
			.featureleft img {
				margin-left: 0px;
				margin-right: 10px;
			}
			
			.featureleft h6 span, .featureleft h6 {
				font-family: arial;
				font-size: 15px;
				font-weight: bold;
				color: #000;
				line-height: 15px;
				margin-top: 0px;
				margin-bottom: -10px;
			}
			
			.featureleft p {
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				color: #000;
				line-height: 14px;
			}
			
			.featureleft p span {
				font-weight: bold;
				font-size: 12px;
			}
			
			.featureleft p a {
				font-family: arial;
				font-size: 12px;
				font-weight: bold;
				color: #FFF;
				display: block;
				width: 100px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				background-image: url('images/button.jpg');
				text-decoration: none;
			}
			
			.featureleft p a:hover {
				text-decoration: underline;
			}
		
		.featureright {
			float: left;
			width: 300px;
			margin-left: 0px;
			padding: 5px;
			padding-bottom: 10px;
		}
		
			.featureright img {
				margin-left: 0px;
				margin-right: 10px;
			}
			
			.featureright h6 span, .featureright h6 {
				font-family: arial;
				font-size: 15px;
				font-weight: bold;
				color: #000;
				line-height: 15px;
				margin-top: 0px;
				margin-bottom: -10px;
			}
			
			.featureright p {
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				color: #000;
				line-height: 14px;
			}
			
			.featureright p span {
				font-weight: bold;
				font-size: 12px;
			}
			
			.featureright p a {
				font-family: arial;
				font-size: 12px;
				font-weight: bold;
				color: #FFF;
				display: block;
				width: 100px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				background-image: url('images/button.jpg');
				text-decoration: none;
			}
			
			.featureright p a:hover {
				text-decoration: underline;
			}
			
		h3.entry-title a {
			font-family: arial;
			font-size: 20px;
			font-weight: bold;
			color:#000;
			text-decoration: none;
			margin-bottom: 0px;
		}
		
		h3.entry-title a:hover {
			color: #00F;
		}
		
		.entry-date {
			margin-top: 13px;
		}
		
		.entry-date, .entry-meta span {
			font-family: arial;
			font-size: 13px;
			font-weight: normal;
			color: #000;
		}
		
		.entry-date a, .entry-meta span a {
			font-family: arial;
			font-size: 13px;
			font-weight: normal;
			color: #00F;
			text-decoration: none;
		}
		
		.entry-date a:hover, .entry-meta span a:hover {
			text-decoration: underline;
		}
		
/* SIDEBAR */
#sidebar {
	width: 249px;
	border-right-color: #CCC;
	border-right-style: solid;
	border-right-width: 1px;
	float: left;
}

	#sidebar h6, #sidebar h3, #featurebox h3 {
		font-family: arial;
		font-size: 15px;
		font-weight: bold;
		color: #FFF;
		line-height: 20px;
		text-indent: 10px;
		display: block;
		width: 240px;
		height: 20px;
		margin-top: 0px;
		margin-bottom: 0px;
		background-image: url('images/sidebartitlebg.jpg');
	}
	

		
		#sidebar ul li a:hover {
			font-weight: bold;
		}
		
		#sidebar p {
			font-family: arial;
			font-size: 13px;
			font-weight: normal;
			color: #000;
		}
		
		#sidebar p a {
			font-family: arial;
			font-size: 13px;
			font-weight: normal;
			color: #000;
			text-decoration: none;
		}
		
		#sidebar p a:hover {
			color: #00F;
			text-decoration: underline;
		}
		
	#cart table {
		font-family: arial;
		font-size: 11px;
		font-weight: norma;
		color: #000;
	}
	
	#cart span.items, #cart span.total {
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
	}
	
	#cart span.emptycart a {
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
		text-decoration: underline;
		color: #000;
	}
	
	#cart span.emptycart a:hover {
		color: #00F;
	}

	#cart span.gocheckout a {
		font-family: arial;
		font-size: 20px;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		line-height: 50px;
		text-align: center;
		display: block;
		width: 200px;
		height: 50px;
		margin-top: 15px;
		background-image: url('images/checkoutbutton.jpg');
	}
	
	#cart span.gocheckout a:hover {
		color: #FFF;
	}
		
/* SIDEBAR TABS */

.tabbed {
	width: 250px;
	float: right;
}

	.tabbed h3 {
		font-family: arial;
		font-weight: normal;
		font-size: 20px;
		color: #000;
		line-height: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
		.tabbed h3 span {
			font-weight: bold;
			color: #32708C;
		}
		
	.tabbed h4 a {
		font-family: arial;
		font-weight: bold;
		font-size: 15px;
		line-height: 30px;
		color: #ffffff;
		display: block;
		height: 30px;
		width: 230px;
		background-image: url('images/sideh4bg2.jpg');
		padding-left: 10px;
		padding-right: 10px;
		text-decoration: none;
		margin-top: -10px;
		margin-bottom: -3px;
		margin-left: 10px;
	}
	
		.tabbed h4 a:hover {
			background-image: url('images/sideh4bg.jpg');
		}
	
		.t1 ul, .t2 ul, .t3 ul, #cart ul {
			width: 240px;
			padding-left: 0px;
			margin-top: 0px;
			margin-bottom: 10px;
			margin-left: 0px;
			border-width: 1px;
			border-style: solid;
			border-color: #666;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
			.t1 ul a, .t2 ul a, .t3 ul a, .t4 ul a {
				display: block;
				width: 230px;
				height: 15px;
				line-height: 15px;
				padding-left: 20px;
				margin-bottom: 1px;
				font-size: 13px;
				font-weight: normal;
				font-family: arial;
			}
			
				.t1 ul a:hover, .t2 ul a:hover, .t3 ul a:hover, .t4 ul a:hover {
					font-weight: bold;
				}
				
		

/* List of tabs */.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	height: 40px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0;
	text-align: center;
	}
.tabbed ul.tabs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li a {
	overflow: hidden;
	display: block;
	width: 80px;
	height: 25px;
	line-height: 25px;
	background-color: #333;
	font-family: arial;
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	}
.tabbed ul.tabs li a:hover {
	background-image: url('images/tabbg.jpg');
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
	background-image: url('images/tabbg.jpg');
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

/* The content shown when a tab is selected */
.tabbed div {
	float: left;
	display: block;
	width: 100%;
	margin-left: 1px;
	text-indent: 10px;
	}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4, .tabbed div.t5, .tabbed div.t5 {
	display: none;
	}

/* Content for inside your tabs' divs */
.tabbed div ul {
	list-style: none;
	list-style-type: none;
	text-indent: 0px;
	}
	
	.tabbed ul li a span, .tabbed ul li span {
		font-family: arial;
		font-weight: bold;
		font-size: 15px;
		color: #000;
	}
	
	.tabbed div ul li a, .tabbed div ul li {
		font-family: arial;
		font-weight: normal;
		font-size: 13px;
		color: #000;
		text-decoration: none;
	}
	
	.tabbed div ul li a:hover {
		text-decoration: none;
	}
	
	.tabbed div ul li span.text {
		font-family: arial;
		font-weight: normal;
		font-size: 13px;
		font-style: italic;
		color: #000;
	}
.tabbed div p {
	}
.tabbed div div {
	}



/* END SIDEBAR*/
		

/* FOOTER */			
	
	#featurebox {
		width: 900x;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top-color: #333;
		border-top-style: solid;
		border-top-width: 2px;
		clear: both;
	}
	
		#featureboxleft {
			width: 890px;
			float: left;
			text-align: left;
		}
		
		#featureboxright {
			width: 445px;
			float: right;
			text-align: left;
		}
		
		#featured, #sold {
			width: 890px;
			border-style: solid;
			border-color: #333;
			border-width: 1px;
			padding: 5px;
            margin-bottom: 10px;
		}
		
		#featured {
			float: left;
		}
		
		#sold {
			float: right;
                }
			
	
	#footer {
		width: 890px;
		min-height: 75px;
		border-top-color: #333;
		border-top-style: solid;
		border-top-width: 2px;
		padding-top: 10px;
		padding-left: 10px;
		clear: both;
	}
	
		#footer p {
			font-family: arial;
			font-size: 13px;
			font-weight: normal;
			color: #000;
		}
		
		#footer p a {
			font-family: arial;
			font-size: 13px;
			font-weight: normal;
			color: #000;
			text-decoration: none;
		}
		
		#footer p a:hover {
			text-decoration: underline;
		}
		
/* END FOOTER*/

div#fancy_notification_content {
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}

.featuredprodbox {
	position: relative;
	width: 206px;
	height: 220px;
	float: left;
	border-width: 1px;
	border-color: #000;
	border-style: solid;
	padding: 5px;
}

	.featuredprodbox img {
		margin-right: 10px;
	}
	
	.featuredprodbox a {
		margin-bottom: 10px;
		font-size: 12px;
		text-align: center;
	}
	
span.featurepricedisplay {
	font-family: arial;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

span.featureoldprice {
	font-family: arial;
	font-weight: bold;
	font-size: 15px;
	color: #F00;
}

.salesbutton {
	position: absolute;
	bottom: 10px;
	z-index: 1000;
	width: 92px;
	height: 40px;
	right: 10px;
	float: right;
	background-image: url('http://www.collectorcookiejars.com/wp-content/uploads/2010/03/salebanner.jpg');
	background-repeat: no-repeat;
}

.wpsc_page_numbers {
	margin-top: 20px;
	margin-bottom: 20px;
}

.wpsc_page_numbers a {
	display: inline-block;
	height: 25px;
	margin-left: 5px;
	background-color: #CCC;
	line-height: 25px;
	color: #666;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	border-color: #666;
	border-style: solid;
	border-width: 1px;
}

.wpsc_page_numbers a:hover {
	background-color: #666;
	color: #FFF;
}

.wpsc_page_numbers a.selected {
	background-color: #666;
	color: #FFF;
	text-decoration: none;
}