/* CSS Document */

/* Default Body Styles */
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		padding:0 0 20px 0;
		margin:0;
		}
	html {min-height: 100%; margin-bottom: 1px;}
	.clear {
		clear:both;
		height:0;
		overflow:hidden;
	}
/* Default text styles */
	hr {
	border: none 0; 
	border-top: 1px solid #CCC;/*the border*/
	width: 100%%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 
	a img {border:none;}
	h1, h2, h3, h4 {
		margin:0 0 10px 0;
		padding:0;
		color:#8C658D;
		font-weight:normal;
		}
	h1 {font-size:18px;}
	h2 {font-size:16px;}
	h3 {font-size:14px;}
	h1 a, h2 a, h3 a, h4 a {
		text-decoration:none;
		color:#8C658D;
		}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
		text-decoration:underline;
		color:#8C658D;
		}
	a {
		text-decoration:underline;
		color:blue;
		}
	a:hover {
		text-decoration:none;
		}
	p {
		margin:0 0 10px 0;
		padding:0;
		font-size:12px;
		}
	p.right {
		text-align:right;
		}
	table {
		font-size:12px;
	}
/* Layout */
	/* Main page wrappers */
	#wrapper {
		text-align:left;
		margin:0 auto 10px auto;
		width:996px;
		/*min-width:1000px;*/
		/*overflow:hidden;*/
		background:url(../images/layout/wrapperbg.jpg) repeat-x top #FFF;
		/*width:expression(document.body.clientWidth < 1170? "1120px": "auto" );*/
		
		}
	#banner {
		height:74px;
		background:url(../images/layout/bannerleft.jpg) no-repeat right top;
		position:relative;
		}
	#logo {
		position:absolute;
		top:0; left:0;
		width:758px;
		}
	#maincontent {
		/*height:100px;*/
		/*margin:0 220px 0 200px;*/
		padding:10px 0 0 0;
		margin-left:7px;
		display:inline;
		float:left;
		width:600px;
		}
	#footer {
		clear:both;
		padding:10px 20px 0 20px;
		border-top:5px solid #FFF;
		}
	#content {
		}
/* Banner Elements */
	div#links {position:relative;}
	div#links a span {display: none;}
	div#links a:hover span {
		display: block;
   		position: absolute;
   		top: -10px;
   		left: -10px;
   		width: 125px;
   		padding: 7px;
   		margin: 10px;
   		z-index: 500;
   		color: #333;
   		border:1px solid #999;
   		background-color:#FFF;
   
   }
	div#links a:hover span a {
		display:block;
	}
	#cart {
		float:right;
		margin:5px 350px 0 0;
		display:inline;
		font-weight:bold;
		width:339px;
		padding:6px 0 0 17px;
		color:#999;
		font-size:13px;
		text-transform:uppercase;
		clear:both;
		}
	#top_email {
		position:absolute;
		top:0;
		right:250px;
	}
	#cart a {
		text-decoration:none;
		color:#999;
		}
	#cart a:hover {
		color:#333;
		}
	#cart a.basket_link {
		 background:url(../images/layout/basket.jpg) no-repeat left center;
		 padding-left:23px;
		 color:#8C658D;
		}
	#cart a.basket_link:hover {
		color:#000;
		background:url(../images/layout/basket1.jpg) no-repeat left center;
		}
/* Form elements */
	input, textarea {
		border:1px solid #D0BDB1;
		padding:2px;
		}
		
		.imgbut {
			border: none;
		}
	.go {
		border:1px solid #D0BDB1;
		cursor:pointer;
		padding:0;
		background-color:#FCF8E2;
		color:#999;
		}
	.searchbox {
		border:1px solid #D0BDB1;
		margin: 0 5px 0 5px;
		width:130px;
		height:16px;
		z-index:100;
		}
	form {
		margin:0;
		padding:0;
	}
	.amounts {
		border:none;
		background-color:#FFF;
		font-weight:bold;
		cursor:pointer;
	}
	.buttons {
		border:1px solid #D0BDB1;
		cursor:pointer;
		padding:1px;
		background-color:#FCF8E2;
		color:#999;
		text-align:center;
		color:#666666;
		}
/* Main navigation */
	#nav {
		text-align:right;
		height:19px;
		background-color:#FCFAF2;
		background:url(../images/layout/navright.jpg) no-repeat top right;
		padding:3px 0 0 0;
		margin-bottom:10px;
		}
	#nav a {
		text-decoration:none;
		font-size:13px;
		font-weight:bold;
		color:#999;
		text-transform: uppercase;
		padding:3px 23px 0 21px;
		}
	#nav a:hover {
		color:#666;
		}
	#nav div.login {
		float:left;
		padding:2px 0 0 20px;
	}
	#nav div.login a {
		font-size:11px;
		padding:0 15px 0 0;
	}
	#clickcol a, #subnavcol a {
		text-decoration:none;
	}
	#clickcol a:hover, #subnavcol a:hover {
		text-decoration:underline;
	}
/* Sub Navigation */
	
	.subnav, .subnav li {
		margin:0 0 0 0px;
		padding:0;
		list-style:none;
	}
	.subnav {
		width:173px;
		margin-bottom:7px;
	}
	.subnav li {
		margin-bottom:7px;
		display:inline;
		float:left;
		
	}
	.subnav li a {
		float:left;
		display:block;
		color:#669999;
		width:168px;
		padding:5px 0 5px 5px;
		font-size:12px;
		border:1px solid #CCC;
		text-transform:uppercase;
		text-decoration:none;
	}
	.subnav li a:hover {
		text-decoration:none;
		border:1px solid #999;
	}
/* Left column boxes */
	#subnavcol {
		float:left;
		width:178px;
		/*background-color:red;*/
		}
	#subnavcol div {
		float:left;
		width:175px;
		border-bottom:1px solid #CCC;
		margin:0 5px 7px 0;
		display:inline;
		overflow:hidden;
		}
		
	#subnavcol div ul, #subnavcol div li {
		margin:0;
		padding:0;
		list-style-type:none;
		}
	#subnavcol li {
		float:left;
		clear:both;
		width:100%;
		font-size:11px;
		}
	#subnavcol div li a {
		display:block;
		border-bottom:1px solid #CCC;
		padding:3px 0 3px 19px;
		text-decoration:none;
		color:#576AAF;
		width:100%;
		}
	#subnavcol div a:hover {
		color:#5F5F5F;
		text-decoration:none;
		}
	#subnavcol ul li ul {
		margin:0;
		padding:0;
	}
	#subnavcol ul li ul li {
		margin:0;
		padding:0 0 0 5px;
	}
	#subnavcol ul li ul li a {
		border:none;
		font-size:10px;
		padding:3px 0 3px 0;
	}
	#subnavcol ul li ul li a:hover {
		color:#000;
		text-decoration:none;
	}
	
	#subnavcol div h1 {
		margin:0;
		padding:5px 0 5px 10px;
		background-color:#FBF7DB;
		font-size:12px;
		color:#6C5474;
		font-weight:normal;
		}
	#subnavcol div h1 a {
		display:block;
		color:#6C5474;
		}
	#subnavcol div h2 {
		margin:0;
		padding:5px 0 5px 7px;
		font-size:12px;
		color:#6C5474;
		font-weight:normal;
		}
	#subnavcol div h2 a {
		color:#6C5474;
		}
	#subnavcol div p {
		padding:3px 3px 5px 7px;
		margin:0;
		font-size:12px;
		color:#999;
		}
	#subnavcol div p a {
		color:#999;
	}

/* Right column boxes */
	
	#clickcol {
		float:right;
		margin-bottom:5px;
		padding-right:0px;
		width:189px;
		}
	#clickcol div {
		float:right;
		width:188px;
		border:1px solid #CCC;
		margin:0 0 7px 0;
		padding:0;
		}
	#clickcol div p {
		font-size:12px;
		padding:0 0 0 7px;
	}
	
	#clickcol div h1 {
		color:#6C5474;
		font-size:12px;
		padding:3px 0 3px 7px;
		font-weight:normal;
		}
	#clickcol div h1 a {
		color:#6C5474;
		}
	
	#clickcol .free_engraving h1 {
		font-weight:bold;
		font-size:16px;
		font-style:italic;
		text-transform:uppercase;
		}
	.whats_popular p {
		margin:0;
		}
	.whats_popular h2 {
		font-size:12px;
		font-weight:normal;
		margin:0 0 5px 0;
		padding:0 0 0 7px;
		color:#6C5474;
		}
	.whats_popular h2 a {
		color:#0066cc
		}
	.whats_popular img {
		float:right;
		margin-right:5px;
		}
	.whats_popular h1 {
		background-color:#D8E9E7;
		color:#6C5474;
		margin-bottom:3px;
	}
	.stay_informed h1 {
		text-transform:uppercase;
		margin-bottom:3px;
		}
/*--side boxes special and expert --*/		
	.special_offers {
	border:solid 1px #9A9A9A;
	width:207px;
	}
	.special_offers img {
	float:right;
	margin: 0 0 0 5px;
	}
	.special_offers h1 {
	text-transform:uppercase;
	color:#8C502B;
	margin: 0 0 0 0;
	font-size:14px;
	text-decoration:none;
	}
	.special_offers h1 a {
	text-transform:uppercase;
	margin: 0 0 0 0;
	font-size:14px;
	text-decoration:none;
	}
	.special_offers p {
	margin: 0 0 0 0;
	text-decoration:none;
	}
	.special_offers p a {
	color:#535353;
	margin: 0 0 0 0;
	text-decoration:none;
	}
	
	.ask {
	border:solid 1px #9A9A9A;
	width:207px;
	height:89px;
	color:#797979;
	padding:3px 0 0 0;
	}
	.ask img {
	float:right;
	margin:10px 0 0 0;
	
	}
	.ask h1{
	margin:0 0 0 0;
	font-size:14px;
	text-transform:uppercase;
	}
	
	
/* Home categories */
	#home_cat_box {
		margin-top:10px;
		border:1px solid black;
		}
	.home_cat {
		border:1px solid #CCC;
		padding: 5px 7px 0 0;
		float:left;
		width:283px;
		height:120px;
		overflow:hidden;
		margin-top:10px;
		/*text-transform:uppercase;*/
		}
	.home_cat table {
		width:99%;
	}
	.home_cat img {
		float:right;
		margin-left:10px;
	}
	.home_cat h1 {
		padding-left: 10px;
		font-size:12px;
		color:#6C5474;
		font-weight:bold;
		}
	.home_cat h1 a {
		color:#6C5474;
		}
	.home_cat h2 {
		padding-left: 10px;
		font-size:13px;
		color:#6C5474;
		}
	.home_cat p {
		padding-left: 10px;
		margin:0;
		font-size:12px;
		}
	.home_cat p a {
		color:#333;
		text-decoration:none;
	}

/* Error Messages */
		
	#errbox {
		margin: 20px auto;
		color: #ff0000;
		border: 1px solid #ff0000;
		padding: 10px;
		width: 300px;
		height: 50px;
		text-align: center;
	}
	
	#confbox {
		margin: 20px auto;
		color: #51888E;
		border: 1px solid #51888E;
		padding: 10px;
		width: 300px;
		height: 50px;
		text-align: center;
	}
	
	.errimg {
		float: left;
		margin-right: 5px;
	}
	
	.varbox {
		border: 1px solid #999999;
		text-align:left;
	}
	
	.prodbox {
		width: 25%;
	}
	.productright {
		 float:left;
		 display:inline;
		 width:65%;
		 padding-top:10px;
		}
	.productleft {
		 float:left;
		 width:160px;
		 margin:10px 20px 0 0;
		 display:inline;
		}

/* Page Footer */		

	#footer ul, #footer li {
		margin:0;
		padding:0;
		list-style-type:none;
		font-size:10px;
		text-align:center;
		color:#666;
		}
	#footer li {
		display:inline;
		
		border-right:1px solid #999;
		}
	#footer li a {
		padding:0 5px 0 5px;
		color:#666;
		text-decoration:none;
		}
	#footer li a:hover {
		text-decoration:underline;
		color:#000;
		}
	#tickbox {
		clear:both;
		text-align:center;
		padding-top:6px;
		}
	#tickbox a {
		color:#999;
		font-size:10px;
		}
	#main_div {
		width:100%;
		/*height:206px;*/
		margin:0 auto 10px 0;
		border:1px solid #CCC;
	}
	.more_link {
		position:absolute;
		left:5px;
		bottom:10px;
	}
	
	.article_left, .article_right {
		position:relative;
		width:46%;
		float:left;
		padding: 5px 7px 0 0;
		margin-top:10px;
	}
	
	.article_left {
		margin-right:15px;
		margin-left:8px;
		display:inline;
	}
	
	.cat_left, .cat_right {
		position:relative;
		border:1px solid #CCC;
		height:120px;
		width:46%;
		float:left;
		padding: 5px 7px 0 0;
		margin-top:10px;
		overflow:hidden;
	}
	.cat_left {
		margin-right:15px;
		margin-left:8px;
		display:inline;
	}
	.cat_left table, .cat_right table {
		width:99%;
		
	}
	.cat_left img, .cat_right img {
		float:right;
		margin-left:10px;
	}
	.cat_left h1, .cat_right h1  {
		padding-left: 10px;
		font-size:16px;
		color:#6C5474;
		font-weight:bold;
		font-size:13px;
		text-transform:uppercase;
		}
	.cat_left h1 a, .cat_right h1 a {
		color:#6C5474;
	
		}
	.cat_left h2, .cat_right h2 {
		padding-left: 10px;
		font-size:13px;
		color:#6C5474;
		text-transform:uppercase;
		}
	.cat_left p, .cat_right p {
		padding-left: 10px;
		margin:0;
		font-size:12px;
		text-transform:uppercase;
		}
	.alphabet {
		 width:99%;
	}
	.alphabet td {
		width:3.85%;
		border-left:1px solid #CCC;
		text-align:center;
	}
	.alphabet td a {
		font-size:14px;
		text-decoration:none;
		color:#666;
		display: block;
		width:100%;
	}
	.alphabet td a:hover {
		font-weight:bold;
	}
	td.current_letter a {
		color:#000;
		font-weight:bold;
		text-decoration:underline;
	}
	.oils {
		margin:10px 0 0 0;
		padding:0;
	}
	.oils li {
		margin:0 0 7px 0;
		list-style:none;
		padding:0;
	}
	.oils li a {
		font-size:13px;
		text-decoration:none;
		color:#333;
	}
	.oils li a:hover {
		text-decoration:underline;
		color:#000;
	}
	.pics { float:right; display:inline;width: 597px; height: 210px; padding:0; overflow: hidden }
	.pics img { width: 597px; height: 210px;  }
	.pics a { display: block; width: 597px; height: 210px; }