/*  



Theme Name: Ecommerce Theme-Black



Author URI: http://ecommercethemes.com/



Version: 1.0



Author: Cory Miller



Description: Ecommerce Theme is a highly customizable WordPress theme for powering online stores.



All the CSS, XHTML and design is copyrighted. Please don't steal.



*/







html, body { margin: 0; padding: 0; }







body { background: #001f2f url(images/topback2.jpg) repeat-x center 0; color: #666; font-size: 0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; }







body * {margin: 0px; padding: 0px;}







.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }







/*********************************************



		Link Styles



*********************************************/



a {



	color: #333;



	text-decoration: underline;



}



a:hover { color: #000; text-decoration: underline; }







/*********************************************



		Text Elements



*********************************************/



p, ul, ol, blockquote {color: #333;}



ol, ul {



	margin: 5px 35px;



}



blockquote {



	margin: 5px 0px 5px 10px;



	padding: 0px 0px 0px 10px;



	border-left: 1px solid #999;



}



img { border: 0px; background: none; }



p {



	padding: 5px 0 10px;



	margin: 0;



}



/*********************************************



		Header Styles



*********************************************/



h1 { /* This style used as title on single posts and pages */



	font-size: 24px; padding: 20px 0 0; margin: 0; color: #000; font-weight: normal; text-decoration: none; }



h2 { /* This style used as header in the sidebars */



	font-size: 1.6em; color: #000; margin: 0 0 10px; padding: 5px; font-weight: normal; background-position: 0 0; }



h3 { /* This style used as the post titles on homepage/archive */



	font-size: 1.2em;



	padding: 10px 0px 5px 0px;



	margin: 0px;



	color: #000;



	text-decoration: none;



font-weight: normal;



}



h3 a {



}



h3 a:hover {



}



h4 { /* This style used as title for comments and as the identifying header on archive page  */



	font-size: 18px;



	padding: 10px 0px 5px 0px;



	margin: 0px;



	color: #666;



	text-decoration: none;



	border-bottom: 1px solid #999;



}



h5 { /* This style used for the product price  */



	font-size: 15px;



	color: #cc0000;



	text-decoration: none;



	padding: 5px 0px 5px 0px;



}



h6 { /* This style used for second product price  */



	font-size: 15px;



	color: #1a75cf;



	text-decoration: none;



	padding: 5px 0px 5px 0px;



}







/*********************************************



		Container Div



*********************************************/



#container { background: #fff left 0; text-align: left; margin: 0 auto 20px; width: 950px; padding: 0; }



#toptag {



	display: block;



	background: #000;



	color: #fff;



	margin: 0px auto; padding: 10px;



	text-align: center;



	letter-spacing: 6px;



	text-transform: uppercase;



}



#layer1 { height: 250px; width: 260px; top: 406px; position: absolute; visibility: visible; margin-right: auto; margin-left: auto; }



/*********************************************



		Header Styles



*********************************************/



#header { background-image: url(images/topback.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; border: solid 0 black; margin: 0; padding: 8px; width: 934px; height: 110px; display: block; position: relative; }



#header h1, #header h1 a { display: block; width: 405px; height: 45px; text-indent: -9999px; overflow: hidden; }



#header h2 { /* This style used as header in the sidebars */



	font-size: 18px; color: #333; margin: 0; padding: 0; font-weight: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }



#header p {



	margin: 0px;



	padding: 0px 0px 5px 0px;



	}







.headerleft { width: 405px; float: left; margin: 0; padding: 15px; }



.headerright { color: #fff !important; float: right; margin: 0; padding: 10px 15px 15px; text-align: right; }



.headerright a { color: #fff; text-decoration: none; padding-left: 10px; }



.headerright a:hover { color: #c6ab39; }



.headerright p { color: #e8d06d !important; text-align: right; margin: 0; padding: 25px 15px 15px; width: 325px; float: right; }



/*********************************************



		Feature



*********************************************/



#master0 { border: solid 1px #ccc; }



#feature { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #fff; font-size: 1.1em; background-color: #e0edf6; background-image: url(images/feature.gif); background-repeat: no-repeat; background-position: 372px -12px; margin: -2px 0 15px; padding: 20px; display: block; height: 173px; border-width: 0; }



#feature p {



	color: #000;



	margin: 0;



	padding: 0 0 10px;



	}



#feature h2 { /* This style used as header in the sidebars */



	color: #000; font-size: 23px; background: transparent; margin: 0 0 5px; padding: 0; font-weight: normal; }



#feature a {



	color: #000;



	text-decoration: underline;



}



#feature a:hover {



	text-decoration: none;



}



#feature ul {



	list-style-type: none;



	padding: 0px;



	margin: 0px;



}



#feature ul li {



	padding: 0px;



}



#feature ul li ul {



	list-style-type: none;



	padding: 0px;



	margin: 0px 0px 10px 0px;



}



#feature ul li ul li {



	padding: 0px;



	margin: 0px 0px 0px 25px;



	list-style-type: square;



	color: #fff;



}







#feature img { border: 0px; background: none; }



#feature .textwidget {



	color: #000;



	margin: 0;



	padding: 0 0 10px;



	}







.featureleft {



	width: 66%;



	float: left;



	margin: 0;



	padding: 0;



	}



	



.featureright { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 30%; float: right; margin: 0; padding: 0; text-align: left; }



#featurebottom { background-image: url(images/featurebottom.png); background-repeat: repeat-x; position: relative; top: -20px; width: 950px; height: 20px; margin: 0; padding: 0; }



#layer2 { background-image: url(../About%20_%20Hardings%20Jewellery_files/featurebottom.png); height: 18px; width: 948px; top: 374px; position: absolute; visibility: visible; margin-right: auto; margin-left: auto; }



/*********************************************



		Horizontal Navigation Styles



*********************************************/



#menu {  font-size: 1.4em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: 700; background-color: #001f2f; background-image: url(images/topback.jpg); background-repeat: no-repeat; background-position: center -126px; text-align: left; margin: 0; padding: 8px 0 8px 2px; display: block; }



#menu ul { font-weight: normal; margin: 0; }



#menu ul li { background-color: transparent; display: inline; list-style-type: none; margin: 0; padding: 5px 0; }



#menu ul li a { color: #000; background: #bebebe url(images/shadow3.jpg) repeat-y left 0; padding: 7px 12px 6px; margin: -2px; text-decoration: none; }



#menu ul li a:hover { color: #000; background: #d3d3d3; text-decoration: none; }



.current { background: #e0edf6 !important; }



		



/*********************************************



		Home Thumbnails Div



*********************************************/







.thumbnail{



	float: left;



	padding: 6px 0 0;



	margin: 0 0 30px;



	background: #fff;



	display: inline;



	border: solid 0 #000;



	}



.thumbnail p{



	font-size: 10px;



	text-transform: uppercase;



	clear: both;



	padding: 0px;



	text-align: center;



	}



.thumbnail h3 { /* This style used as the post titles on homepage/archive */



	font-size: 15px;



	padding: 0px 0px 5px 0px;



	margin: 0px;



	color: #000;



	text-decoration: none;



	text-align: center;



}



.thumbnail h3 a {



	color: #000;



	text-decoration: none;



}



.thumbnail h3 a:hover {



	text-decoration: underline;



}







.thumbnail img {



	margin: 0 5px 5px;



	border: 0px;



	padding: 0;



	width: 310px;



	height: 175px;



	float: left;



	border: solid 1px #666;



	}	



.thumbnail img a {



	border: none;



	}	



.thumbnail img a:hover {



	border: 0px solid #fff;



	}



	



/*********************************************



		Content Div



*********************************************/



#content { font-size: 1.1em; float: left; margin: 0; padding: 20 0 10px; width: 620px; display: block; border: solid 0 black; }



#content a {  }



#content a:hover { background-color: #e0edf6; text-decoration: none; }



.post-more { /* Use this class to style the "more" tag */



}



.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */



}







/*********************************************



		Post Meta Styles



*********************************************/



.meta-top {



	clear: both; /* we need this so floats in the post are cleared */



	padding: 5px;



	margin: 10px 0px;



	background: #CCC;



}



.meta-bottom {



	clear: both; /* we need this so floats in the post are cleared */



	padding: 5px;



	color: #333;



	margin: 20px 5px;



	background: #fff;



	border-top: 1px solid #999;



}



.meta-date {



	margin: 0px 5px;



}



.meta-author {



	margin: 0px 5px;



}



.meta-comments {



	margin: 0px 5px;



}



.meta-category {



	margin: 0px 5px;



}







/*********************************************



		Previous/Next Page Navigation



*********************************************/



.page-nav {



	clear: both; /* To clear any floats */



	margin: 10px 0px;



	padding: 10px 0px;



}



.nav-previous {



	width: 249px; 



	float: left; 



	text-align: left;



}



.nav-next {



	width: 249px; 



	float: right; 



	text-align: right;



}



	



/*********************************************



		Left Sidebar



*********************************************/

#l_sidebar { font-size: 1.1em; display: inline; float: left; border: solid 0 black; width: 250px; margin: 16px 0 15px; padding: 0 30px 0 20px; display: block; /* floats are handled as block elements, this is to fix 



						a margin collapsing bug in IE */



}

.one { background-image: url(images/ring.jpg) !important; background-repeat: no-repeat; background-position: right 0; height: 40px; }



.two { background-image: url(images/earrings.jpg); background-repeat: no-repeat; background-position: right 0; height: 40px; }



.three { background-image: url(images/pendant.jpg); background-repeat: no-repeat; background-position: right 0; height: 40px; }



.four { background-image: url(images/bracelet.jpg); background-repeat: no-repeat; background-position: right 0; height: 40px; }



.five { background-image: url(images/stones.jpg); background-repeat: no-repeat; background-position: right 0; height: 40px; }



#l_sidebar p { background-color: #fff; padding: 5px; }



#l_sidebar img {



	text-align: center;



}



#l_sidebar form {



	padding: 0px;



	margin: 5px;



}



#l_sidebar ul {



	list-style-type: none;



	padding: 0px;



	margin: 0px;



}



#l_sidebar ul li {



	padding: 0px 0px 10px 0px;



}



#l_sidebar ul li ul {



	padding: 0px 0px 0px 0px;



}



#l_sidebar ul li ul li {



	padding: 0px;



	margin: 5px;



}



#l_sidebar ul li ul li a { font-size: 1.2em; background-color: #fff; text-decoration: none; height: 40px; margin: 0; padding: 17px 4px 0 6px; border-bottom: 1px solid #d1d1d1; display: block; }



#l_sidebar ul li ul li a:hover { background-color: #e6e6e6; text-decoration: none; display: block; }



#l_sidebar ul li ul li ul {



	padding: 0px;



	margin: 0px;



}



#l_sidebar ul li ul li ul li {



	padding: 0px;



	margin: 5px 10px 5px 5px;



}







/*********************************************



		Comment Styles



*********************************************/



#comments {



	padding: 8px;



}



#comments .even {



	margin: 5px 0px 5px 0px;



	padding: 10px;



	background: #FFFFFF;



	overflow: hidden;



	border-bottom: 1px dotted #B7B7B7;



}



#comments .odd {



	margin: 5px 0px 5px 0px;



	padding: 10px;



	background: #FFFFFF;



	overflow: hidden;



	border-bottom: 1px dotted #B7B7B7;



}



/************************************************



*	Bottom "Sidebars"					     		* 



************************************************/







#bottom { font-size: 1em; background: #e0edf6 url(images/shadow2.jpg) repeat-x; width: 950px; margin: 0 auto -50px; padding: 26px 0 6px; line-height: 20px; visibility: visible; clear: both; }







#bottom p, #bottom .textwidget {



	padding: 0px 0px 0px 0px;



	margin: 0px;



	}



	



#bottom h2 { color: #000000; font-size: 18px; font-weight: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0 0 10px; padding: 5px 0 0; }



	



#bottom h2 a, #bottom h2 a:visited  {



	color: #000000;



	text-decoration: none;



	margin: 0px 0px 10px 0px;



	padding: 0px 0px 0px 0px;



	}







#hometop h2 a:hover {



	color: #000000;



	text-decoration: none;



	}



	



#bottom img{



	float: left;



	border: none;



	margin: 0px 0px 10px 0px;



	}







	



#bottom ul{



	list-style-type: square;



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 0px 0px;



	}



	



#bottom ul li{



	list-style-type: square;



	margin: 0px 0px 0px 20px;



	padding: 0px 0px 0px 0px;



	}	



	



.bottomleft {



	float: left;



	width: 257px;



	margin: 0;



	padding: 10px 30px;



	overflow: hidden;



	}



	



.bottommiddle {



	float: left;



	width: 257px;



	margin: 0;



	padding: 10px 20px;



	overflow: hidden;



	}



	



.bottomright {



	float: right;



	width: 257px;



	margin: 0;



	padding: 10px 30px 10px 0;



	overflow: hidden;



	}







/*********************************************



		Footer Styles



*********************************************/



#footer { color: #001f2f !important; margin: 0 auto; padding: 0; clear: both; text-align: left; width: 900px; }



#footer a { color: #001f2f; text-decoration: none; }



#footer a:hover { color: #c6ab39; text-decoration: none; }



#footer p {



	color: #001f2f;



	margin: 0;



	padding: 0 10px;



	}



#footer ul { color: #001f2f; margin: 0; padding: 5px 0; }



#footer ul li {



	display: inline;



	list-style-type: none;



	margin: 0px;



	padding: 5px 0px;



	}



#footer ul li a {



	padding: 5px 5px;



	margin: 0px;



	text-decoration: none;



	}





#footer ul li a:hover { color: #c6ab39; text-decoration: none; }



.footerleft { width: 40%; float: left; margin: 0 0 10px; padding: 0; }



	



.footerright { float: right; margin: 0; padding: 0; text-align: right; width: 56% !important; }



#layer1 { height: 250px; width: 260px; left: 750px; top: 406px; position: absolute; visibility: visible; }



.rightalign { float: right; }

#sbutt { color: #6a6a6a; background-color: #e0edf6; border: solid 2px #ccc; }

#sbutt:hover { background-color: #ebf5fc; }

#contactinfo { position: relative; top: -300px; width: 260px; height: 320px; float: right; margin-top: 4px; }

#contactinfo a { text-decoration: underline; }

#contactinfo a:hover { color: #2361a1; background-color: transparent; text-decoration: underline; }
.imgr { float: right; }