@import url("elements/css/reset.css");
@import url("elements/css/general.css");




/* --------------------------------------------
   Ads 
-------------------------------------------- */



		

/* --------------------------------------------
   Header 
-------------------------------------------- */
#header {
	margin-bottom: 0px;
}
	#header h1 a {
		background: url(elements/images/logo.png) no-repeat;
		display: block;
		width: 502px;
		height: 134px;
		text-indent: -9999px;
		margin: 0px 0px 0px -38px;
		float: left;
		display: inline;
	}
		#header h1 a:hover {
			background-position: bottom;
		}




/* --------------------------------------------
   Main Nav 
-------------------------------------------- */
ul#mainnav {
	font-size: 13px;
	float: left;
	width: 960px;
	font: 13px Arial, Helvetica, sans-serif;
	z-index: 100;
	position: relative;
	margin-left: 4px;
	display: inline;
}
	ul#mainnav li {
		display: inline;
	}
		ul#mainnav li a {
	        background: url(elements/images/mainnav-right.png) no-repeat right bottom;
			color: #fff;
			display: block;
			float: left;
			height: 35px;
			line-height: 35px;
			margin-right: 3px;
			padding-right: 22px;
			text-decoration: none;
			text-shadow: #000 1px -1px 2px;
		}
			ul#mainnav li.blog a {
	        	background: url(elements/images/mainnav-blog-right.png) no-repeat right bottom;
			}
			ul#mainnav li a:hover {
	       		background: url(elements/images/mainnav-right.png) no-repeat right top;
				color: #fff;
			}
			ul#mainnav li a span {	
				background: url(elements/images/mainnav-left.png) no-repeat left bottom;
				display: block;
				padding: 0 0px 0 20px;
			}
				ul#mainnav li.blog a span {	
					background: url(elements/images/mainnav-blog-left.png) no-repeat left bottom;
				}
				ul#mainnav li a:hover span {
					background: transparent url(elements/images/mainnav-left.png) no-repeat left top;
				}
				ul#mainnav li.current a {
					background: transparent url(elements/images/mainnav-right.png) no-repeat right top;
					color: #000;
					text-shadow: none;
				}
				ul#mainnav li.current a span {
					background: transparent url(elements/images/mainnav-left.png) no-repeat left top
				}

ul#subnav {
	background: url(elements/images/mainnav.png);
	height: 33px;
	float: left;
	width: 960px;
	position: relative;
	z-index: 1000;
	margin-left: 4px;
	display: inline;
}
	ul#subnav li {
		display: inline;
	}
		ul#subnav li a {
			font-size: 12px;
			background: url(elements/images/subnav-divider.gif) right no-repeat;
			float: left;
			color: #fff;
			display: block;
			line-height: 31px;
			padding: 0px 16px 0px 16px;
			text-decoration: none;
			text-shadow: #000 1px -1px 2px;
		}
			ul#subnav li a:hover {
				text-decoration: underline;
			}
			ul#subnav li.last a {
				background: none;
			}




/* --------------------------------------------
   Main
-------------------------------------------- */
#main-top {
	margin: -32px 0px 0px 0px;
	display: block;
	float: left;
	width: 968px;
}
#main { 
	background: url(elements/images/main-mid.png) repeat-y;
	float: left;
	width: 968px;
} 





/* --------------------------------------------
   Sidebar Left
-------------------------------------------- */
#sidebar-left { 
	float: left;
	width: 172px;
	margin: 0px 0px 0px 22px;
	display: inline;
} 
	#sidebar-left #search { 
		background: url(elements/images/search.png);
		height: 77px;
		margin-bottom: 20px;
		position: relative;
	}
		#sidebar-left #search h4 { 
			color: #fff;
			margin: 14px 0px 0px 12px;
			float: left;
			display: inline;
			width: 158px;
		}
		#sidebar-left #search input.text {
			border: 1px solid #fff;
			float: left;
			width: 106px;
			margin: 13px 0px 0px 14px;
			*margin: 10px 0px 0px 14px;
		}
		#sidebar-left #search input.submit { 
			background: none;
			border: 0px none;
			width: 25px;
			height: 25px;
			border: 0px none;
			cursor: pointer;
    		cursor: hand;
			position: absolute;
			bottom: 12px;
			right: 11px;
		}
		
	#sidebar-left ul.list { 
		
	}
		#sidebar-left ul.list li { 
			
		}
			#sidebar-left ul.list li a { 
				padding: 6px 6px 6px 17px;
				display: block;
				font-size: 12px;
				text-decoration: none;
				background: url(elements/images/blue-bullet.png) 9px 11px no-repeat;
			}
				#sidebar-left ul.list li a:hover { 
					text-decoration: underline; 
				}
		
	




/* --------------------------------------------
   Featured
-------------------------------------------- */
#featured { 
	background: blue;
	float: left;
	width: 730px;
	margin: 0px 0px 22px 22px;
	background: url(elements/images/feature.png);
	height: 250px;
	color: #fff;
} 
	/* Slider */
	#featured #slider {
		float: left;
		width: 680px;
		height: 200px;
		margin: 24px 0px 0px 44px;
		display: inline;
		position: relative;
	}
	
	.scrollable {
		overflow:hidden;
		float: left;
		width: 674px;
		height: 200px;
		display: inline;
		position: relative;
	}
	
		.items { 
			position: absolute;
			width: 20000em;
		}
			.item { 
				width: 680px;
				height: 200px;
				float:left;
			}
		
		a.browse { 
			background: red;
			width: 25px;
			height: 37px;
			display: block;
			position: absolute;
			text-indent: -9999px;
			top: 85px;
			cursor: pointer;
		} 
			a.prevPage { background: url(elements/images/left.png) bottom; left: -44px; } 
				a.prevPage:hover { background: url(elements/images/left.png) top; } 
			a.nextPage { background: url(elements/images/right.png) bottom; right: -6px; } 
				a.nextPage:hover { background: url(elements/images/right.png) top; } 
			
			.disabled { 
				background: url(elements/images/right.png) 0px -142px no-repeat !important ;
				cursor: default !important;
			} 
		
		#featured .alignleft { 
			width: 376px;
		} 
			#featured #slider .alignleft h1 {
				font-size: 45px;
				margin-left: 2px;
			}
				#featured #slider .alignleft h1 a {
					color: #fff; text-decoration: none;
				}
			#featured #slider .alignleft p {
				text-shadow: #45798D 1px 1px 2px;
			}
			#featured #slider .alignleft a.readmore {
				font-size: 17px;
				color: #fff;
				font-weight: bold;
			}
		#featured .alignright { 
			width: 252px;
		} 
			#featured .alignright img { 
				display: block;
			}
	
	



	




/* --------------------------------------------
   Generic Elements
-------------------------------------------- */
.heading { 
	color: #fff !important;
	background: url(elements/images/sidebar-heading.png);
	float: left;
	width: 172px;
	height: 23px;
	/*line-height: 34px;*/
	padding-top: 10px;
	text-indent: 14px;
	margin-bottom: 0px;
}
ul.stripes { 
	float: left;
	width: 170px;
	margin-bottom: 20px;
} 
	ul.stripes li { 
		font-size: 11px;
		border-bottom: 1px solid #DDE8EC;
		border-left: 1px solid #DDE8EC;
		border-right: 1px solid #DDE8EC;
		background: #fff;
		float: left;
		width: 170px;
	}
		ul.stripes li:last-child { 
			-moz-border-radius: 0px 0px 5px 5px;
			border-radius: 0px 0px 5px 5px;
		}
		ul.stripes li a.alignleft { 
			padding: 6px 0px 6px 6px;
			float: left;
		}
		ul.stripes li .alignright { 
			margin: 10px;
			float: right;
			display: inline;
			width: 92px;
		}
			ul.stripes li .alignright h6 { 
				margin-bottom: 3px;
			}
				ul.stripes li .alignright h6 a { 
					font-weight: normal; font-size: 11px;
				}
				ul.stripes li .alignright span { 
					font-weight: bold; 
					color: #000;
				}
.more { display: none; } 

#pagination {
	float: left;
	width: 494px;
	padding: 6px 0px 6px 0px;
	margin-bottom: 22px;
}
	.wp-pagenavi a, .wp-pagenavi a:link {
		padding: 4px 6px 4px 6px;
		margin: 2px;
		text-decoration: none;
		border: 1px solid #0066cc;
		color: #0066cc;
		background-color: #FFFFFF;	
	}

	.wp-pagenavi a:visited {
		padding: 4px 6px 4px 6px;
		margin: 2px;
		text-decoration: none;
		border: 1px solid #0066cc;
		color: #0066cc;
		background-color: #FFFFFF;	
	}

	.wp-pagenavi a:hover {	
		border: 1px solid #000000;
		color: #000000;
		background-color: #FFFFFF;
	}

	.wp-pagenavi a:active {
		padding: 4px 6px 4px 6px;
		margin: 2px;
		text-decoration: none;
		border: 1px solid #0066cc;
		color: #0066cc;
		background-color: #FFFFFF;	
	}
	
	.wp-pagenavi span.pages {
		padding: 4px 6px 4px 6px;
		margin: 2px 2px 2px 2px;
		color: #000000;
		border: 1px none;
		background: none;
	}

	.wp-pagenavi span.current {
		padding: 4px 6px 4px 6px;
		margin: 2px;
		font-weight: bold;
		border: 1px solid #000000;
		color: #000000;
		background-color: #FFFFFF;
	}

	.wp-pagenavi span.extend {
		padding: 4px 6px 4px 6px;
		margin: 2px;	
		border: 1px solid #000000;
		color: #000000;
		background-color: #FFFFFF;
	}

				




/* --------------------------------------------
   Main Content
-------------------------------------------- */
#content { 
	float: left;
	width: 538px;
	margin: 0px 0px 0px 22px;
	display: inline;
} 
	#content .content-top { *display: block; }
	#content .content-middle {
		background: url(elements/images/content-middle.png) repeat-y;
		padding: 0px 22px 0px 22px;
		width: 494px;
		float: left;
		display: inline;
	}
		#content ul.favourites {
			
		}
			#content ul.favourites p {
				font-size: 13px;
				margin-bottom: 14px;
			}
			#content ul.favourites br {
				display: none;
			}
	
		#content .content-middle ul.products {
			
		}
			#content .content-middle ul.products li {
				height: 272px;
				_height: 262px;
				width: 150px;
				float: left;
				margin: 0px 20px 20px 0px;
				display: inline;
			}
			#content .content-middle ul.products li .image {
				height: 141px;
				background: url(elements/images/product.png) no-repeat;
				padding: 10px 0px 0px 10px;
			}
			#content .content-middle ul.products li a.description {
				padding: 10px 0px 7px 10px;
				display: block;
				text-align: center;
			}
			#content .content-middle ul.products li span.price {
				font-weight: bold;
				color: #000;
				display: block;
				text-align: center;
			}
			#content .content-middle ul.products li a.more-info {
				background: url(elements/images/btn-more-info.png) bottom;
				width: 82px;
				height: 22px;
				display: block;
				text-indent: -9999px;
				margin: 6px 0px 0px 35px;
			}
				#content .content-middle ul.products li a.more-info:hover {
					background-position: top;
				}
				
				#content .content-middle ul.products li:nth-child(3n) { margin: 0px 0px 20px 0px; }
				
		#content .content-middle ul.small-products {  }
			#content .content-middle ul.small-products li {
				height: 172px;
				width: 150px;
				float: left;
				margin: 0px 20px 20px 0px;
				display: inline;
			}
			#content .content-middle ul.small-products li .image {
				height: 82px;
				background: url(elements/images/product-small.png) no-repeat;
				padding: 10px 0px 0px 10px;
			}
			#content .content-middle ul.small-products li a.description {
				padding: 10px 0px 7px 10px;
				display: block;
				text-align: center;
			}
			#content .content-middle ul.small-products li span.price {
				font-weight: bold;
				color: #000;
				display: block;
				text-align: center;
			}
			#content .content-middle ul.small-products li a.more-info {
				background: url(elements/images/btn-more-info.png) bottom;
				width: 82px;
				height: 22px;
				display: block;
				text-indent: -9999px;
				margin: 6px 0px 0px 35px;
			}
				#content .content-middle ul.small-products li a.more-info:hover {
					background-position: top;
				}
			#content .content-middle ul.small-products li:nth-child(3n) { margin: 0px 0px 20px 0px; }
			
	#content .content-bottom { 
		margin-bottom: 21px; float: left; width: 538px; 
	}
	
	#single-post {
		
	}
		#single-post .image {
			margin: 0px 22px 0px 0px;
		}
		#single-post #largeimage {
			float: left;
		}
			#single-post #largeimage img {
				margin-bottom: 15px;
			}
		#single-post #price {
			color: #000;
			font-size: 15px;
			text-indent: 36px;
			display: block;
			margin-bottom: 2px;
		}
		
	#related-posts { 
		border-top: 1px solid #A9D1E2;
		border-bottom: 1px solid #A9D1E2;
		padding: 18px 0px 22px 0px;
	} 
		#related-posts td {
			
		}
			#related-posts td {
				width: 12%;
				padding: 0px 12px 0px 0px;
			}
				#related-posts td strong a {
					margin: 8px 0px 8px 0px;
					float: left;
				}
	#related-posts div small { display: none; }
		#related-posts ul { 
			margin-bottom: 16px;
		}
		.postimage { display: none; }
		.post-ratings { margin-left: 29px; } 
		
		a.buy-now { 
			display: block;
			background: url(elements/images/btn-buy-now.png);
			width: 147px;
			height: 45px;
			text-indent: -9999px;
			margin-bottom: 24px;
			clear: both;
		} 
			a.buy-now:hover { 
				background: url(elements/images/btn-buy-now.png) bottom;
			}
	
	
	.breadcrumb { 
		border-bottom: 1px solid #A9D1E2;
		padding-bottom: 12px;
		margin-bottom: 16px;
	} 



/* --------------------------------------------
   Blog Page
-------------------------------------------- */
.postmetadata {
	font-size: 11px;
}
.blog-post { 
	margin-bottom: 22px;
} 
	.blog-post .entry { 
		border-bottom: 1px solid #A9D1E2;
		margin-bottom: 22px;
	} 
	
	



/* --------------------------------------------
   Comments
-------------------------------------------- */
W.logged { background: none !important; }

.comments-template {
	margin-top: 20px;
}
	.comments-template ol {
		padding-left: 0 !important;
		list-style: none !important;
	}
		.comments-template ol li {
			margin-bottom: 18px !important;
		}
			.comments-template ol li p {
				margin-bottom: 15px !important;
			}
			.comments-template ol li .comment-box {
				border: 1px solid #A9D1E2;
				background: #fff;
				padding: 15px 15px 0px 15px;
			}
				.comments-template ol li .comment-box .avatar {
					float: right;
					width: 50px;
					margin-bottom: 8px;
				}
				.comments-template ol li .comment-box .comment_text {
					float: left;
					width: 397px;
				}
					.comments-template ol li .comment-box .comment_text p {
						font-size: 12px !important;
					}
			.comments-template ol li span.arrow {
				margin: -1px 0px 0px 15px;
				*margin: -3px 0px 0px 15px;
				position: absolute;
			}
			.comments-template .commentmetadata {
				font-size: 11px;
				padding: 8px;
				border-left: 1px solid #6AAECC;
				border-right: 1px solid #6AAECC;
				background: #6AAECC;
				color: #fff;
				border-bottom: 1px solid #A9D1E2;
			}
				.comments-template .commentmetadata a {
					color: #fff !important;
				}
			
		/* Author Comment Style */
		.comments-template ol li.author .comment-box {
			border: 1px solid #B20807;
			background: #fff;
			padding: 15px 15px 0px 15px;
		}

#content form.wpcf7-form, #content form#commentform {

}
	#content form.wpcf7-form p, #content form#commentform p {
		height: 32px;
	}
		#content form.wpcf7-form p input, #content form#commentform p input {
			border-top: 1px solid #77CCFF;
			border-left: 1px solid #77CCFF;
			border-right: 1px solid E1F4FF;
			border-bottom: 1px solid E1F4FF;
			margin: 8px 0 0 0px;
			width: 303px;
			padding: 9px;
			background: #E1F4FF;
		}
		#content form.wpcf7-form p.message, #content form#commentform p.message {
			height: 153px;
		}
		#content form.wpcf7-form p textarea, #content form#commentform p textarea {
			height: 131px;
			font: 13px Arial, Helvetica, sans-serif;
			padding: 9px;
			margin: 8px 0 0 0px;
			width: 469px;
			border-top: 1px solid #77CCFF;
			border-left: 1px solid #77CCFF;
			border-right: 1px solid E1F4FF;
			border-bottom: 1px solid E1F4FF;
			background: #E1F4FF;
		}
		#content form.wpcf7-form p.button, #content form#commentform p.button {
			height: 27px;
		}
		#content form.wpcf7-form p.button input, #content form#commentform p.button input {
			background: url(elements/images/btn-submit.png);
			height: 23px;
			margin: 0;
			width: 95px;
			border: 0px none;
			padding: 0;
			cursor: pointer;
		}
	
		
		



/* --------------------------------------------
   Sidebar Right
-------------------------------------------- */
#sidebar-right { 
	float: right;
	width: 172px;
	margin: 0px 22px 0px 0px;
	display: inline;
} 
	#sidebar-right h4 { 
		color: #337896;
	} 
	#sidebar-right ul.inspiration { 
		margin-bottom: 10px;
		float: left;
		width: 172px;
	}	
		#sidebar-right ul.inspiration li { 
			
		}
			#sidebar-right ul.inspiration li a { 
				height: 56px;
				display: block;
				text-indent: -9999px;
				margin-bottom: 8px;
			}
				#sidebar-right ul.inspiration li.football a { 
					background: url(elements/images/btn-right-football.png);
				}
				#sidebar-right ul.inspiration li.music a { 
					background: url(elements/images/btn-right-musical.png);
				}
				#sidebar-right ul.inspiration li.romantic a { 
					background: url(elements/images/btn-right-romantic.png);
				}
				#sidebar-right ul.inspiration li.golf a { 
					background: url(elements/images/btn-right-golf.png);
				}
				#sidebar-right ul.inspiration li.thank a { 
					background: url(elements/images/btn-right-thank.png);
				}
				
	#sidebar-right .social {  
		background: url(elements/images/social.png) no-repeat;
		height: 39px;
		width: 172px;
		float: left;
		margin-bottom: 22px;
	}
		#sidebar-right .social ul {  
			margin-left: 11px;
		}
			#sidebar-right .social ul li {  
				display: inline;
			}
				#sidebar-right .social ul li a {  
					display: block;
					text-indent: -9999px;
					width: 15px;
					height: 15px;
					float: left;
					margin: 8px 9px 0px 0px;
					display: inline;
					border: 1px solid #DAF2FF;
				}
					#sidebar-right .social ul li#social_secondlast a {margin: 8px 11px 0px 2px;  }
					#sidebar-right .social ul li#social_last a { margin: 8px 9px 0px 0px; }
				
				




/* --------------------------------------------
   Footer
-------------------------------------------- */
#footer {
	background: url(elements/images/footer.png) repeat;
	float: left;
	width: 968px;
	position: relative;
	margin: -18px 0px -20px 0px;
		*margin: -2px 0px 0px 0px;
		_margin: -18px 0px 0px 0px;
}
	#footer #footer-wrapper {
		color: #fff;
		float: left;
		width: 910px;
		margin: 20px 0px 0px 24px;
		display: inline;
		padding-bottom: 10px;
	}
		#footer #footer-wrapper a { color: #fff; }
		
		#footer #footer-wrapper ul {
			width: 150px;
			float: left;
			margin: 0px 15px 8px 0px;
		}
		    #footer #footer-wrapper ul h5 { padding: 6px 6px 0px 6px; }
			#footer #footer-wrapper ul li {
				display: inline;
			}
				#footer #footer-wrapper ul li a {
					display: block;
					text-decoration: none;
					padding: 6px;
					color: #C0D9E2;
					border-bottom: 1px solid #98C0D0;
				}
					#footer #footer-wrapper ul li a:hover {
						color: #fff; text-decoration: underline;
					}
		#footer #footer-wrapper .alignright {
			width: 310px;
		}
			#footer #footer-wrapper .alignright h5 { margin-bottom: 0px; }
			#footer #footer-wrapper .alignright h5 a {
				background: url(elements/images/footer-logo.png) bottom;
				width: 304px;
				height: 59px;
				display: block;
				text-indent: -9999px;
				float: right;
			}
				#footer #footer-wrapper .alignright h5 a:hover {
					background: url(elements/images/footer-logo.png) top;
				}
				#footer #footer-wrapper .alignright p { 
					text-align: right;
					font-size: 12px;
					margin: 0px 10px 4px 0px;
				}