/*
 * EARTHSPIRIT
 * Copyright (c) 2008 earthspirit
 * Author CitySwift http://www.cityswift.com
*/

/*
 * COLOURS
 *
 * background	ffffff
 *
 * text 100	333333
 * text 075	555555
 *
 * tone1 100	886699
 * tone1 090	9475a3
 * tone1 080	a085ad
 * tone1 070	ab94b7
 * tone1 060	b8a3c2
 * tone1 050	c3b2cc
 * tone1 040	cfc2d6
 * tone1 030	dbd1e0
 * tone1 020	e7e0eb
 * tone1 010	f3eff5
 * tone1 000	ffffff
 *
 * tone2 100	ff5191
 * tone2 050	ffa2c2
*/


/* tag*/

	body
	{
		background-color: #ffffff;
		color: #333333;
		line-height:1.4;
	}
	input, textarea, select
	{
		/*background-color: #ffffff;*/
		border-color: #cccccc;
		color: #333333;
	}
	button
	{
		background-color: #555555;
		border-color: #333333;
		color: #ffffff;
		text-transform: uppercase;
		cursor: pointer;
		padding:1px 8px;
	}
	img
	{
		/* display: block; */
	}
	
	img.v-middle
  {
   display: inline;
  }
	
	a
	{
		background-color: inherit;
		color: #333333;
		text-decoration: none;
	}
	a:hover
	{
		text-decoration: underline;
	}
	
	a.text
	{
		text-decoration: underline;
	}

/* class */

	.tier
	{
		clear: both;
		overflow: hidden;
		width: 948px;
	}
	.column, .column1-3, .column2-3
	{
		float: left;
		overflow: hidden;
	}
	.grid
	{
		clear: both;
		overflow: hidden;
	}
		.grid .cell
		{
			float: left;
			margin-right: 12px;
			overflow: hidden;
			width: 180px;
		}
		.grid .cell table
		{
			margin-bottom: 12px;
		}
		.grid .cell table tr td
		{
			height: 160px;
			text-align: center;
			vertical-align: middle;
			width: 180px;
		}
		.grid .cell table tr td img
		{
			border: 1px solid #cccccc;
			margin: 0 auto;
		}
	.box
	{
		margin-bottom: 12px;
	}
	.field
	{
		clear: both;
	}
	.action
	{
		text-align: right;
	}
	.replace
	{
		display: none;
	}
	.dl, .dl ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 100;
	}
	.dl li
	{
		float: left;
		margin: 0 12px 0 0;
	}
	.dl li:hover, .dl li.hover
	{
		position: static;
	}
	.dl a
	{
		display: block;
		font-weight: bold;
		padding: 5px 4px;
	}
	.dl ul
	{
		position: absolute;
		left: -9999px;
	}
	.dl ul, .dl ul li
	{
		width: 180px;
	}
	.dl ul li
	{
		margin: 0;
	}
	.dl li ul, .dl li:hover ul, .dl li.hover ul
	{
		left: -9999px;
		position: absolute;
		top: -9999px;
	}
	.dl li:hover ul, .dl li.hover ul
	{
		left: auto;
		top: auto;
	}
	.hl, .hl ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.hl li
		{
			float: left;
			list-style: none;
			margin: 0 6px 0 0;
			padding: 5px 6px 0px;
		}
			.hl a
			{
				font-weight: bold;
			}
	.tl, .tl ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.tl li
		{
			background-image: url(../images/tick.png);
			background-position: 6px 6px;
			background-repeat: no-repeat;
			list-style: none;
			margin: 0;
			padding: 6px 6px 6px 26px;
		}
	.al, .al ul
	{
		list-style: none;
		margin: 0;
		padding: 0 0 6px 0;
	}
		.al li
		{
			background-image: url(../images/arrow.png);
			background-position: 6px 7px;
			background-repeat: no-repeat;
			list-style: none;
			margin: 0;
			padding: 6px 6px 0px 26px;
		}
			.al a
			{
				font-weight: bold;
			}
	.cl, .cl ul
	{
		list-style: none;
		margin: 0;
	}
		.cl li
		{
			display: inline;
			list-style: none;
			margin: 0 6px 0 0;
		}
	.price
	{
		background-color: inherit;
		color: #ff5191;
		font-weight: bold;
	}
	.tag
	{
		float: right;
		position: absolute;
	}
	.imageRight
	{
		float: right;
		margin: 6px;
	}
#frame
{
	background-image: url(../images/frame.gif);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
}
	#container
	{
		background-image: url(../images/home-container-masked.gif);
		background-position: top left;
		background-repeat: no-repeat;
		margin: 0 auto;
		text-align: left;
		width: 948px;
	}
		#content
		{
		}
			#head
			{
				background-color: transparent;
				color: #ffffff;
				height: 113px;
			}
				#headLogo, #headLogo a
				{
					height: 113px;
					width: 372px;
				}
				#headLogo
				{
					background-image: url(../images/headLogo.gif);
					background-position: top left;
					background-repeat: no-repeat;
					height: 113px;
					margin-right: 12px;
					width: 372px;
				}
				#headLogo a
				{
					display: block;
				}
				#headMenu
				{
					height: 27px;
					width: 564px;
				}
				#headMenu .hl
				{
					float: right;
				}
				#headMenu .hl a
				{
					background-color: inherit;
					color: #c3b2cc;
				}
				#headContact
				{
					margin-right: 12px;
					width: 372px;
				}
				#headContact small
				{
					background-color: inherit;
					color: #c3b2cc;
				}
				#headContact a
				{
					background-color: inherit;
					color: #ffffff;
				}
				#headSearch
				{
					margin-top: 14px;
					width: 180px;
				}
				#headSearch h4
				{
					display: none;
				}
				#headSearch input
				{
					width: 164px;
				}
			#navigation
			{
				background-color: transparent;
				color: #ffffff;
				height: 27px;
				margin-bottom: 12px;
				overflow: visible;
				z-index: 1000;
			}
				#navigationCatalogue
				{
					margin-right: 12px;
					overflow: visible;
					width: 662px;
				}
				#navigationCatalogue .dl a
				{
					background-color: transparent;
					color: #ffffff;
					text-decoration: none;
				}
				#navigationCatalogue .dl a:hover, #navigationCatalogue .dl ul a, #navigationCatalogue .dl li:hover a, #navigationCatalogue .dl li.hover a
				{
					background-color: #ab94b7;
					color: inherit;
					text-decoration: none;
				}
				#navigationCatalogue .dl ul a:hover, #navigationCatalogue .dl li:hover ul a:hover, #navigationCatalogue .dl li.hover ul a:hover, #navigationCatalogue .dl ul ul a, #navigationCatalogue .dl ul li:hover a, #navigationCatalogue .dl ul li.hover a
				{
					background-color: #b8a3c2;
					color: inherit;
				}
				#navigationAccount
				{
					width: 274px;
				}
				#navigationAccount .hl
				{
					float: right;
				}
				#navigationAccount .hl a
				{
					background-color: transparent;
					color: #ffffff;
				}
			#body
			{
				background-repeat: no-repeat;
				padding-bottom: 12px;
			}
			.home #body
			{
				background-image: url(../images/home-body.gif);
				background-position: bottom right;
			}
			.category #body
			{
				background-image: url(../images/category-body.gif);
				background-position: bottom left;
			}
				#left
				{
					margin-right: 12px;
					width: 180px;
				}
					/* #left .box .title */
					.box .title, .box .title h4
					{
						background-color: #b8a3c2;
						color: #ffffff;
					}
					/* #left .box .al */
					.box .al
					{
						background-color: #e7e0eb;
						color: inherit;
					}
				#home
				{
					margin-right: 12px;
					width: 756px;
				}
				#home .banner
				{
					border-bottom: 1px solid #cccccc;
					height: 180px;
					margin-bottom: 4px;
				}
				#home .banner .slide
				{
					float: left;
					margin-right: 12px;
					oveflow: hidden;
					width: 372px;
				}
				#home .banner .column
				{
					width: 372px;
				}
				#home .banner .column .title
				{
					background-color: #886699;
					color: #ffffff;
					margin-top: 127px;
					padding: 3px 6px;
					text-transform: uppercase;
				}
				#home .content
				{
					/* margin-top: 12px; */
				}
				#home .content .column2-3
				{
					margin-right: 12px;
					width: 500px;
				}
				#home .content .column1-3
				{
					width: 244px;
				}
				#home .content .title
				{
					background-color: inherit;
					color: #886699;
					text-transform: uppercase;
				}
				#home .content .tl
				{
					background-color: #e7e0eb;
					color: inherit;
					padding: 6px;
				}
				#home .content .tl strong
				{
					background-color: inherit;
					color: #886699;
				}
				#home .grid
				{
					border-top: 1px solid #cccccc;
					margin-top: 12px;
					padding-top: 12px;
					width: 768px;
				}
				#category
				{
					margin-right: 12px;
					width: 564px;
				}
				/*
				#category .content .title,
				h1.title
				{
					background-color: inherit;
					border-bottom: 0px solid #cccccc;
					color: #886699;
					text-transform: uppercase;
					padding-top:0px;
					padding-bottom:0px;
				}
				*/
				#category .filter
				{
					background-color: #e7e0eb;
					color: inherit;
					height: 27px;
					margin-bottom: 12px;
				}
				#category .filter .hl
				{
					float: left;
					margin-right: 12px;
					width: 372px;
				}
				#category .filter .form
				{
					float: left;
					width: 180px;
				}
				#category .filter .form .field
				{
					float: right;
					margin-right: 6px;
				}
				#category .filter .form .field p
				{
					float: left;
				}
				#category .grid
				{
					margin-bottom: 12px;
					width: 576px;
				}
				#category .grid .cell
				{
					margin-bottom: 12px;
				}
				#product
				{
					margin-right: 12px;
					width: 756px;
				}
				#right
				{
					width: 180px;
				}
					/* #right .box .title */
					#boxNewsletter .tag
					{
						margin-left: 114px;
						margin-top: -14px;
					}
					#boxNewsletter p
					{
						margin-right: 72px;
					}
					#boxNewsletter input
					{
						width: 164px;
						margin-left: 4px;
					}
					#boxPopular
					{
						background-color: #e7e0eb;
						color: inherit;
					}
					#boxTestimonials
					{
					}
					#boxTestimonials p.author
					{
						text-align:right;
						font-weight:bold;
						color: #886598;
					}
			#foot
			{
				border-top: 12px solid #e7e0eb;
				padding-top: 6px;
			}
				#footLegal, #footLegal .hl
				{
					width: 742px;
				}
				#footLegal p
				{
					clear:left;
					font-size: 11px;
				}				
				
				#footCertificate
				{
					width: 102px;
				}
h4.whitelink a, 
h4.whitelink a:link,
h4.whitelink a:visited,
h4.whitelink a:hover,
h4.whitelink a:active
	{
		color: #ffffff;
	}
				
a.wishlist-button,
a:link.wishlist-button,
a:visited.wishlist-button,
a:hover.wishlist-button,
a:active.wishlist-button
{
	overflow:visible;
	display:block;
	height: 16px;
	width: 107px;
	border:0;
	padding:2px 8px;
	background:#E7E0EB;
	color:#333;
	border:1px solid #B8A3C2;
	font:bold 12px arial, sans-serif !important;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	text-transform:uppercase;
	text-decoration:none;
}
ol.one-page-checkout {
	width:675px;
}
li.error-msg,
li.success-msg
{
	margin-left:0px;
}
ol#cart-sidebar,
ol#wishlist-sidebar
{
	padding: 0px;
}
ol#cart-sidebar li.odd,
ol#cart-sidebar li.even,
ol#wishlist-sidebar li.odd,
ol#wishlist-sidebar li.even
{
	margin-left:0px;
	padding:6px;
	border-top: solid 1px #E7DFEA;
}
ol#cart-sidebar li.odd,
ol#wishlist-sidebar li.odd
{
	background-color: #f7f4f8;
}
ol#cart-sidebar li.even,
ol#wishlist-sidebar li.even
{
	background-color: #efecf1;
}
ol#cart-sidebar li.last,
ol#wishlist-sidebar li.last
{
	border-bottom: solid 1px #E7DFEA;
}
span.add-or {
	clear:left;
}
.add-to-box li {
	margin-left: 0px;
}
#boxBasket h5,
#boxWishlist h5
{
	background-color: #b8a3c2;
	color: #ffffff;
	/* background-color: #efecf1; */
	font-size: 12px;
	margin: 0px;
	padding: 4px;
}
.viewed a {
	font-weight: normal;
}
/*
div.cell p {
	min-height: 5.2em;
}
*/
ol.faq
{
	list-style-type: decimal;
}
	ol#questions li a {
		font-weight:bold;	
	}
	ol#answers li a.title {
		font-weight:bold;	
	}