p, td {
	margin:0px;
	font-family: Arial;
	font-size:12px;
	color:black;
}

.fl { float: left; }
.fr { float: right; }
.clearme { clear: both; }
.noclear { clear: none; }

.clarity {
	clear:both;
	height:1px;
	font-size:1px;
}

.contain-top {
	width: 836px;
	height: 37px;
	background: url(../img/frame-top.png) no-repeat;
}

.contain-body {
	background: url(../img/frame-bg.png) repeat-y;
	padding: 1px 23px;
}

.contain-bot {
	width: 836px;
	height: 37px;
	background: url(../img/frame-bot.png) no-repeat;
}

#container-home {
	width:790px;
	margin:0px auto;
	position:relative;
	background-color:white;
	padding:10px;
}


/** frequently used styles **/

.focusbox {
	background-color: #e6ecca;
	border: 1px solid #d9dfbb;
}

.focusinterior {
	border: 1px solid white;
}

.auxfocus {
	background-color: #e8e8f8;
	border: 1px solid #d4d3eb;
}

/** **/

#banner {
	margin-top:10px;
}

	#img-banner {
		float:left;
	}

	#join-container-home {
		padding:5px;
	}

	#join-us {
		float:left;
		width:220px;
		margin-left:10px;
		height:259px;
	}

		#join-us div {
			border:1px solid white;
		}

		#img-join {
			padding:10px;
		}

		#join-us div.first {
			border-bottom:0px solid white;
			text-align:center;
		}

		#join-us div.last {
			border-top:0px solid white;
			text-align:center;
		}

			#join-us div p {
				padding:10px;
			}

#rocks {
	position: relative;
	top: 20px;
	height: 40px;
}

	#img-rocks {
		position:relative;
		top:-10px;
		left:10px;
		float:left;
	}

	#rocks p {
		float:left;
		margin-left:20px;
		width:562px;
		height:30px;
		margin-top:12px;
	}

		#rocks p em {
			color:#696AAD;
			font-style:normal;
			font-weight:bold;
		}

	#img-quiz {
		float:left;
		position:relative;
		top:7px;
	}

#features {
	clear:both;
	position:relative;
	top:21px;
	float:left;
}

	#immersion {
		float:left;
		height:250px;
	}

		#immersion img {
			padding:5px;
			width:234px;
		}

		#immersion p {
			width:224px;
			padding:5px;
		}

		#immersion p em {
			color:#696AAD;
			font-style:normal;
			font-weight:bold;
		}

	#store {
		float:left;
		width:522px;
		margin-left:20px;
		border: 1px solid #D6D4EC;
	}

		#store #head {
			background-color:#EAE9F9;
			border-bottom: 1px solid #D6D4EC;
		}

		#store #head p {
			padding: 10px;
			font-size: 14px;
			font-weight: bold;
			color: #696aad;
		}
		#store #head h1 {
			width: auto;
			height: auto;
			line-height: normal;
			margin: 0;
			padding: 10px;
			overflow: visible;
			background-image: none;
			text-indent: 0;
			font-family: Arial, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #696aad;
		}

		#store #contents div {
			margin-left:15px;
		}

			#store #contents #img-product, #store #contents div {
				float: left;
			}

				#store #contents #img-product {
					padding:10px;
				}

				#store #contents div p {
					padding:15px;
					width:310px;
				}

				#store #contents div p strong {
					font-size:14px;
					font-weight:bold;
					color:#696AAD;
				}

				#store #contents div p em {
					font-size:12px;
					font-weight:bold;
					color:#B1BC20;
				}

				#store #contents div p img {
					margin:10px 0px;
				}

		#store-footer {
			float:right;
			width:100%;
			background-color:#E7ECCC;
			border-top: 1px solid #D6D4EC;
		}

			#store-footer img {
				float:right;
				margin:10px 10px 10px 0px;
			}

#super-footer {
	clear:both;
	position:relative;
	top:40px;
	height:147px;
}

	#super-footer.sf-store {
	     top: 28px;
	     height: 130px;
	}

	#super-footer #left {
		background-color:#F5F5F5;
		border:1px solid #E7E7E7;
		float:left;
		width:520px;
		height:83px;
	}

		#super-footer #left p a {
			font-style:italic;
			color:#6B69B4;
			text-decoration:none;
		}

		#super-footer #left #img-yoga{
			float:left;
			border-right:1px dotted #E7E7E7;
		}

		#super-footer #left #free {
			float:left;
			width:205px;
			padding:5px;
		}

	#super-footer #right {
		background-color:#F5F5F5;
		border:1px solid #E7E7E7;
		float:left;
		width:246px;
		margin-left:20px;
		height:83px;
	}

		#super-footer #right #img-pose {
			float:left;
			position:relative;
			top:-19px;
		}



		#super-footer #right #blog {
			float:left;
			width:160px;
			margin-left:7px;
		}

		#super-footer #right #blog a {
			font-style:italic;
			color:#6B69B4;
			text-decoration:none;
		}

#hr {
	margin: 8px 0 12px 0;
	border-top: 1px solid #afafd2;
	border-bottom: 2px solid #b2bb38;
}
	#hr div {
		height: 1px;
		width: 100%;
		font-size: 1px;
	}

#footer {
	clear:both;
	position:realtive;
	top:60px;
	background-color:#F5F5F5;
	border:1px solid #E7E7E7;
	float:left;
	height:155px;
	width:100%;
}

	#footer #left {
		float:left;
		width:612x;
		border-right:1px dotted #CBCBCB;
		padding:10px;
	}

		#footer #left table {
			width:608px;
			padding:10px;
		}



	#footer #right {
		float:left;
		width:130px;
	}

		#footer #right {
			padding:10px;
		}

		#footer #right p {
			line-height:20px;
		}

	#footer a {
		text-decoration:none;
		color:black;
	}

	#footer em a, #footer em {
		font-style:normal;
		text-decoration:none;
		color:#7474AA;
		font-weight:bold;
	}


/** =store.details **/

#shop-by-box {
	width: 221px;
	padding: 7px 6px;
	margin-top: 10px;
}

	#shop-by-box h3 {
		width: 100%;
		height: 27px;
		margin: 0;
		padding: 10px 0;
		background-image: url(../img/shop-by.gif);
		background-repeat: no-repeat;
		background-position: center center;
		border-bottom: 1px solid white;

		text-indent: -9999px;
	}

	#shop-by-content {
		padding: 7px 6px;
	}


	#shop-by-box p {
		margin: 2px 8px 8px 8px;
		line-height: 17px;
		font-size: 11px;
		color: #5c5c5c;
	}

	#shop-by-box form {
		margin: 0;
		padding: 0;
	}

		#shop-by-box form select {
			width: 200px;
			font-size: 11px;
			color: #a1a1a1;
		}

a.shop-elements {
	display: block;
	width: 57px;
	height: 65px;
	margin: 0 5px;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
}
a.shop-fire { background-image: url(../img/shop-fire.jpg); }
a.shop-earth { background-image: url(../img/shop-earth.jpg); }
a.shop-wind { background-image: url(../img/shop-wind.jpg); }

#related-items {
	margin: 12px 0 0 0;
	width: 233px;
}

	#related-items h3 {
		margin: 0;
		padding: 4px 0;
		background-color: #b0b0d4;
		border-bottom: 1px solid #e8e8f8;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-indent: 8px;
		color: white;
	}

	#rel-cat-list {
		padding: 6px 8px;
		border-bottom: 1px solid #f6f6fc;
	}

		#rel-cat-list a {
			display: block;
			margin: 8px 0;
		}

	#rel-sit-list {
		padding: 6px 8px;
		border-top: 1px solid #d4d4ea;
	}

		#rel-sit-list a {
			float: left;
			margin: 6px 12px 6px 0;
		}

#product-container, #category-container, #store-home-container {
	margin: 10px 0 0 253px;
}

	#product-container h1, #category-container h1 {
		height: auto;
		width: auto;
		background-image: none;
		overflow: visible;
		text-indent: 0;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #6a6aac;
	}

		#category-container h1.category-header {
			margin: 0;
			background-color: #e8e8f8;
			border-bottom: 1px solid #d4d3eb;
			text-indent: 8px;
		}

	#product-container h3 {
		margin: 1em 0;
		font-size: 12px;
		color: #b2bb38;
	}

	#product-container p {
		margin: 1em 0;
		line-height: 1.7em;
	}

	#product-details {
		margin: 0 0 20px 20px;
		border: 1px solid #d4d3eb;
	}

		#product-details h2 {
			width: 212px;
			margin: 0;
			padding: 8px 0;
			border-bottom: 1px solid #d4d3eb;
			background: none;
			text-align: center;
			font-family: Arial, sans-serif;
			font-size: 18px;
			color: #b0b0b0;
		}

		#product-details h2 em {
			font-style: normal;
			color: #6a6aac;
		}

	#product-thumbnail {
		padding: 16px 0;
		border-bottom: 1px solid #d4d3eb;
		text-align: center;
	}

     #product-purchase {
     	padding: 10px;
     	background-color: #e7ebcb;
     }

		#qty-box {
			margin-right: 18px;
			line-height: 28px;
		}

	     #product-purchase input#product-qty {
	          width: 30px;
	     }

.common-box {
	border: 1px solid #d4d3eb;
}

#rocks #looking {
	margin: 10px 0 0 26px;
	width: auto;
}

	#looking strong {
		color: #5c5c5c;
	}

	input#store-search {
		border-color: #7f9ac4;
	}

a#category-search-btn {
	margin: 6px 8px 0 0;
}

#product-grid {
	margin: 40px 0 0 0;
	background-color: #ededed;
}

	#product-grid table {
		border-collapse: separate;
	}

		#product-grid h4 {
			color: #5c5c5c;
		}

#product-grid h4 a, #new-products h4 a,
#product-grid h4 a:link, #new-products h4 a:link,
#product-grid h4 a:visited, #new-products h4 a:visited {
	color: #5c5c5c;
	text-decoration: none;
}
#product-grid h4 a:hover, #new-products h4 a:hover,
#product-grid h4 a:active, #new-products h4 a:active {
	color: #5c5c5c;
	text-decoration: underline;
}

		#product-grid p {
			margin: 12px 0;
		}

		#product-grid table td {
			width: 33%;
			background-color: white;
			padding: 6px;
		}

	.price-box {
		border: 1px solid #dadebb;
		background-color: #e7ebcb;
		padding: 4px;
		margin-right: 8px;
		line-height: 18px;
		font-weight: bold;
		color: #5c5c5c;
	}

#new-products {
	margin: 44px 0 0 0;
	background-color: #ededed;
}

	#new-products h2 {
		margin: 0;
		padding: 12px;
		background-color: #e8e8f8;
		border-bottom: 1px solid #d4d3eb;
		font-family: Arial, sans-serif;
		font-size: 14px;
		color: #6a6aad;
	}

	#new-products table {
		border-collapse: separate;
	}

		#new-products table td {
			width: 25%;
			background-color: white;
			padding: 6px;
		}

	/** view all button **/
	a.view-all-btn,
	a.view-all-btn:link,
	a.view-all-btn:visited,
	a.view-all-btn:hover,
	a.view-all-btn:active {
		display: block;
		background-color: #b0b0d4;
		border: 1px solid white;
		color: white;
		text-align: center;
		text-decoration: none;
		font-family: Arial, sans-serif;
	}

	a#view-all-new-products {
		width: 144px;
		height: 27px;
		margin: 5px 6px 0 0;
		line-height: 27px;
	}

	/** styles create all-css 'add to cart' button**/
	a.add-to-cart,
	a.add-to-cart:link,
	a.add-to-cart:visited,
	a.add-to-cart:hover,
	a.add-to-cart:active {
		display: block;
		width: 95px;
		height: 28px;
		background-color: #b2bb38;
		text-decoration: none;
		color: white;
	}

	a.add-to-cart span.add-to-cart {
		display: block;
		padding: 2px;
	}

	a.add-to-cart span.add-to-cart span {
		display: block;
		width: 89;
		height: 22px;
		border: 1px solid white;
		line-height: 20px;
		text-align: center;
	}


	/** styles create all-css 'back to shopping' button**/
	a.back-to-shopping,
	a.back-to-shopping:link,
	a.back-to-shopping:visited,
	a.back-to-shopping:hover,
	a.back-to-shopping:active {
		display: block;
		width: 122px;
		height: 28px;
		background-color: #7f9ac4;
		text-decoration: none;
		color: white;
	}

	a.back-to-shopping span.back-to-shopping {
		display: block;
		padding: 2px;
	}

	a.back-to-shopping span.back-to-shopping span {
		display: block;
		width: 116;
		height: 22px;
		border: 1px solid white;
		line-height: 20px;
		text-align: center;
	}


	/** styles create all-css 'search' button**/
	a.search,
	a.search:link,
	a.search:visited,
	a.search:hover,
	a.search:active {
		display: block;
		width: 70px;
		height: 28px;
		background-color: #7f9ac4;
		text-decoration: none;
		color: white;
	}

	a.search span.search {
		display: block;
		padding: 2px;
	}

	a.search span.search span {
		display: block;
		width: 64;
		height: 22px;
		border: 1px solid white;
		line-height: 20px;
		text-align: center;
	}