/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles
LAST UPDATED:	21th June 2008
AUTHOR:			Wade Womersley, Andrew Routledge

NOTES:			The 1st section will reset any variance
			across all browsers making them all
			appear very similar, however it also means
			everything needs its own custom style!
			Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------

	=1:		[STANDARDS / HTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[MAIN.TPL COLUMN]
	=5:		[SIDEBAR COLUMN]
	=6:		[FOOTER]
	=7:		[LISTS]
	=8:		[FORMS]
	=9:		[IMAGES]
	=10:	[MISC]	
	
---------------------------------------------------------*/


/*------=1:	[STANDARDS / HTML] -----------------------------*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	background: white;
	line-height: 1;
	color: black;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}



/*------=2:	 [LINKS] ---------------------------------------*/
a {
	text-decoration: none;
}
a, a:visited {
	color: #d9526b;
	font-weight:bold;
}


/*------=3:	 [COMMON ELEMENTS] -----------------------------*/

hr {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0px;
	width: 90%;
}

.floatLeft { float: left; }
.floatRight { float: right; }
.pointer {cursor:pointer;}
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.clearBoth {
	clear: both;
}

p { line-height: 1.3em; }

.bold {	font-weight: bold; }


/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

strong { font-weight: bold; }

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

h1 {
	font-weight:bold;
	color:#e2667e;
	font-size:19px;
}

h2 {
	font-weight: bold;
	font-size: 17px;
	margin-top: 25px;
}

h1.alternative { display: none; }

/*------=4:	 [MAIN.TPL] ------------------------------*/




body {
	background-color: #e2667d;
	background-image:url(../images/main-background.gif);
	background-position: top center;
	text-align:center;
}

.outerContainer {
	width:100%;
	height:auto;
	background:url(../images/background-top-fade.png) repeat-x;
	background-position:top;
}

.innerContainer {
	margin:0 auto;
	width:1005px;
	height:auto;	
}
	
.outerHeaderContainer {
	width:1005px;
	height:auto;
	background:url(../images/back-shadow-top.png) no-repeat;
}

.outerMainContainer {
	width:1005px;
	height:auto;
	background:url(../images/back-shadow-bot.png) no-repeat;
	background-position:bottom;
}

.pageEnd {
	margin:0 auto;
	width:970px;
}	

.innerHeaderContainer {
	margin:0 auto;
	width:970px;
	background:url(../images/main-container-tile.png) repeat-y;
	text-align:left;
}

.mainContainer {
	margin:0 auto;
	width:970px;
	background:url(../images/main-container-bot.png) no-repeat;
	text-align:left;
	background-position:bottom;
}

.centerContainer {
	padding-left:45px;
	padding-bottom:20px;
}	

#headerFlash {
	float:left;
	width:882px;
	height:240px;
	background:url(../images/flash-header-backup.jpg) no-repeat;
}

.headerSmall {
	background:url(../images/small-header.png) no-repeat;
	float:left;
	width:882px;
	height:159px;
}

.headerYoga {
	float:left;
	width:882px;
	height:159px;
	background:url(../images/yoga-header.jpg) no-repeat;	
}

.headerRocks {
	float:left;
	width:882px;
	height:159px;
	background:url(../images/rocks-header.png) no-repeat;	
}

.headerWellBeing {
	float:left;
	width:882px;
	height:159px;
	background:url(../images/well-being-header.jpg) no-repeat;	
}

.mainNav {
	width:882px;
	height:27px;
	background-color:#d6d6d6;
	margin-bottom:20px;
}

	.mainNav a {
		border-right:2px solid #fff;
		float:left;
	}
	
	.mainNav a#first {
		border:none;
	}	
	
.content {
	padding-bottom:10px;
	width:896px;
}

.contentHome {
	padding-bottom:10px;
	background:url(../images/home-content-bk.png) no-repeat;
	background-position:bottom right;
	width:896px;
}	

	.content img {
		padding-bottom:10px;
	}	

.botLinks {
	padding-left:45px;
	padding-right:45px;
	font-size:10px;
	color:#fff;
}

	.botLinks a {
		color:#fff;
	}
	
	.botLinks a#clever {
		color:#81c03a;
	}	
	
.lhc {
	float:left;
}	

#welcome {
	width:329px;
	background:url(../images/welcome-bk.png) no-repeat;
	background-position:bottom;
	height:auto;
}

.rhc {
	float:left;
}

#featured {
	width:498px;
	height:auto;
	margin-left:33px;
}

.subHeader {
	background:url(../images/title-bar-bk.png) no-repeat;
	background-position:right;
	background-color:#d6d6d6;
	width:100%;
	height:43px;
}	

.padded {
	padding:10px 10px 10px 10px;
}

.padTop {
	padding-top:10px;
}

.featuredPods {
	float:left;
	width:518px;
	height:158px;
	background:url(../images/featured-pods-bk.png) no-repeat;
	margin-top:10px;
}

.featuredPod {
	position:relative;
	float:left;
	width:108px;
	height:133px;
	margin-top:12px;
	margin-left:17px;
}

	.featuredPod .corner {
		position:absolute;
		top:0;
		right:0;
		display:none;
	}
	
	.featuredPod:hover .corner {
		display:block;
	}

.featuredPod1 {
	background:url(../images/featured-prod1.jpg) no-repeat;
}

.featuredPod2 {
	background:url(../images/featured-prod2.jpg) no-repeat;
}

.featuredPod3 {
	background:url(../images/featured-prod3.jpg) no-repeat;
}

.featuredPod4 {
	background:url(../images/featured-prod4.jpg) no-repeat;
}

.featuredPodInfo {
	position:absolute;
	bottom:0px;
	left:0;
	width:108px;
}

	.featuredPodInfo p {
		float:left;
		font-weight:bold;
		color:#fff;
		padding-left:3px;
	}
	
	.featuredPodInfo span {
		font-size:11px;
	}	
	
	.featuredPodInfo img {
		position:absolute;
		bottom:3px;
		right:5px;
	}			

.afterCare {
	width:310px;
}

	.afterCare img {
		margin-bottom:10px;
		padding-top:10px;
	}	

#collectionNav {
	width:231px;
	height:auto;
	background:url(../images/collection-nav-bk.png) no-repeat;
	background-position:bottom;
	
}

	#collectionNav ul {	
		margin-bottom:10px;				
	}
		
	#collectionNav li {
		padding-left:35px;
		font-size:14px;	
		color:#6d6d6d;	
		height:20px;
		background:url(../images/wigit.png) no-repeat 10px 0;
		line-height:16px;
	}
	
	#collectionNav .big {
		padding-left:35px;
		font-size:14px;	
		color:#6d6d6d;	
		height:32px;
		background:url(../images/wigit.png) no-repeat 10px 0;
		line-height:16px;
	}
	
	#collectionNav li:hover {
		background:url(../images/wigit_on.png) no-repeat 10px 0;	
		color:#fff;	
		background-color:#6d6d6d;
	}
	
	#collectionNav .on {
		background:url(../images/wigit_on.png) no-repeat 10px 0;	
		color:#fff;	
		background-color:#b4b4b4;
	}
	
	#collectionNav span {
		font-size:10px;
	}	
	
	#collectionNav li a {
		color:#6d6d6d;
		font-weight:normal;
		width:100%;
		display:block;
	}
	
	#collectionNav li:hover a {
		color:#fff;
		font-weight:normal;
	}

.shoppingBag {
	width:220px;
	height:106px;
	background:url(../images/shopping-bag-bk.png) no-repeat;
	padding-bottom:10px;
	padding-top:60px;
}

	.shoppingBag #title {
		margin-left:100px;
	}	
	
.shoppingBagInfo {
	text-align:right;
	padding-right:10px;
}
	
	.shoppingBag a {
		float:left;
		padding-top:5px;
	}	

.view {
	margin-top:15px;
	margin-left: 85px;
}	

	.view img {
		float:left;
		padding-left:5px;
	}	

.type {
	padding-left:30px;
}	

.typeTitle {
	width:620px;
	height:73px;
	background:url(../images/title-bar-bk.png) no-repeat;
	background-position:right;
	background-color:#d6d6d6;
}	
		
.productPod {
	width:179px;
	height:174px;
	background:url(../images/product-pod-bk.png) no-repeat;
	margin-right:40px;
	margin-top:10px;
	position:relative;
	float:left;
}
	
.product {
	padding-top:7px;
	padding-left:9px;
}

.productPod .corner {
	position:absolute;
	top:0;
	right:0;
	display:none;
}

.productPod:hover .corner {
	display:block;
}

.moneyOff {
	width:84px;
	height:84px;
	position:absolute;
	top:-10px;
	right:10px;
	z-index:9999;
}
	.twentyFiveOff { background:url(../images/money-off-25.gif) no-repeat; }
	.twentyOff { background:url(../images/money-off-20.gif) no-repeat; }
	.twentyEightOff { background:url(../images/money-off-28.gif) no-repeat; }
	.twelveHalfOff { background:url(../images/money-off-12.5.gif) no-repeat; }

.productPod .moneyOff {
	right:-30px;
}	

	.moneyOffPrice {
		color:#fff;
		font-weight:bold;
		font-size:18px;
		text-align:center;
		margin-top:46px;
	}	
		
.productPodInfo {
	position:absolute;
	bottom:-1px;
	left:9px;
	width:161px;
	height:52px;
	background:url(../images/product-pod-info-bk.png) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding-top:8px;
	padding-left:5px;
}

	.productPodInfo img {
		position:absolute;
		bottom:3px;
		right:10px;
	}
	
	.productPodInfo p {
		float:left;
	}
	
	.productPodInfo span {
		font-size:12px;
	}
	
	.productPodInfo .smallInfo {
		font-size:10px;
	}		
	   
.end {
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}	
	
.prevNext {
	width:615px;
	height:20px;
}

	.prevNext #prev {
		background:url(../images/prev.png) no-repeat;
		padding-left:10px;
		margin-top:5px;
	}	
	
	.prevNext #prevOff {
	 	background:url(../images/prev-off.png) no-repeat;
		padding-left:10px;
		margin-top:5px;
	}
	
	.prevNext #prevOff a {
		color:#c2c2c2;
	}		
		
	.prevNext #next {
		background:url(../images/next.png) no-repeat;
		padding-right:10px;
		background-position:right;
		margin-top:5px;
	}
	
	.prevNext #nextOff {
		background:url(../images/next-off.png) no-repeat;
		padding-right:10px;
		background-position:right;
		margin-top:5px;
	}	
	
	.prevNext #nextOff a {
		color:#c2c2c2;
	}			
	    
.viewerHolder {
	width:620px;
	height:auto;
	background:url(../images/viewer-bk.png) no-repeat;	
	margin-top:10px;
	background-position:bottom;
	padding-bottom:10px;
}

.viewer {
	float:left;
	padding-top:10px;
	padding-left:10px;
	position:relative;
}

	.viewer p {
		width:350px;
	}	

#productLarge {
	width:370px;
	height:255px;
	background-color:#fff;
	margin-right:25px;
}

.thumb {
	float:left;
	width:70px;
	height:90px;
	padding-top:20px;
	margin-right:29px;
	cursor:pointer;
}

.thumb:hover {
	background:url(../images/thumb-bk.png) no-repeat;
	background-position:bottom;
	padding-top:10px;
	padding-bottom:10px;
}	
	
	.thumb img {
		border:1px solid #6d6d6d;
		padding:0 0 0 0;
	}		
	
.productViewerInfo {
	position:relative;
	float:left;
	background:url(../images/viewer-info-bk.png) no-repeat bottom;
	width:176px;
	height:auto;
	margin-top:10px;
	padding-bottom:10px;
	
}

	.productViewerInfo span {
		font-weight:bold;
	}		

	.productViewerInfo fieldset label {
		font-weight:bold;
		float:left;
		padding-top:5px;
		padding-right:10px;
	}	
	
	.productViewerInfo fieldset .quantity {
		width:20px;
		float:left;
		margin-bottom:10px;
	}	

.content .personaliseBut {
	padding:0 0 0 0;
	padding-bottom:5px;
}	

.bagBut {
	float:left;
}

.contactForm {
	margin:0 auto;
	width:  380px;
}

.contactForm#soon {
	margin:0 0 0 0;
	width: 320px;
}

	.contactForm label {
		float:left;
		width:50px;
		padding-right:20px;
		padding-top:3px;
	}
	
	.contactForm input {
		width: 250px;
		float:left;
		margin-bottom:10px;
		border: 1px solid #bbb;
		font-size: 9pt;
	}	 	

	.contactForm textarea {
		float:left;
		width: 250px;
		margin-bottom:10px;
		border: 1px solid #bbb;
		font-size: 9pt;
	}
	
	.contactForm .submit {
		margin-left: 70px;
		background:url('../images/submit_off.png') no-repeat;
		width:150px;
		height:30px;
	}
	
	.contactForm p {
		margin-bottom:30px;
	}

.miscTitle {
	padding-bottom:20px;
	float:left;
}	
		
.miscContent {
	margin:0 auto;
	padding-bottom:40px;
}	

	.miscContent p {
		width:860px;
	}	
	
	.miscContent ul {
		margin: 0px 0px 0px 40px;
		list-style: disc;
	}
		
	.miscContent li {
		padding: 2px;
	}
	
	.miscContent img {
		padding-top:20px;
	}	

.rhc#comingSoon {
	padding-left:100px;
	padding-top:60px;
}

.miscHome {
	float:left;
	width:615px;
	padding-top:20px;
	position:relative;
	height:auto;
}	

	.miscHome p {
		width:350px;
		padding-top: 1px;
	}	
	
	.miscHome img {
		padding-top:35px;
	}	
	
	.miscHome #bk {
		position:absolute;
		right: -10px;
		top:0px;
	}
	
	.miscHome #bkYoga {
		position:absolute;
		right: -30px;
		top: -70px;
	}	
	
	.yogaHome p {
		width:600px;
	}	
	
.orderForm {
	float:left;
	margin-left:220px;
	margin-bottom:20px;
	width: 450px;
}
	.orderForm p {
		float:left;
		text-align:justify;
		line-height: 18px;		
	}	

	.orderForm label {
		float:left;
		width:150px;
		padding-top:4px;
	}
	
	.orderForm input, .orderForm select, .orderForm textarea {
		float:left;
		width:	280px;
		margin-top:5px;
		border: 1px solid #bbb;
		font-size: 9pt;
	}	
	
	.orderForm .desc {
		width: 440px;
		border: 1px solid #bbb;
	}		
	
	.orderForm .submit {
		margin-left:250px;
		background:url(../images/submit_off.png) no-repeat;
		width:150px;
		height:30px;
	}	
		
.birthTable {
	position:relative;
	width:690px;
	height:536px;
	padding-left:10px;
}

	.birthTable img {
		position:absolute;
		top:0;
		left:0;
		padding:0 0 0 0;
		z-index:99;
	}	

.birthStones {
}	

	.birthStones th {
		font-weight:bold;
		font-size:14px;
		width:200px;
		border:1px solid #fff;
		text-align:center;
		background-color:#cbd9b5;	
		height:50px;
		position:relative;					
	}
						
	.birthStones tr td {
		width:200px;
		height:10px;
		text-align:center;		
		padding:10px 10px 10px 10px;
		border:1px solid #fff;
	}
	
	.birthStones tr {	
		background-color:#f6cdd5;
	}
		
	.birthStones tr.other {
		background-color:#f9e2e6;
	}
	



/*----------dropdownMenu-------------*/


.dropdown {
	float:left; 
}

.dropdown dt {
	position:relative;
	width:114px; 
	font-weight:bold; 
	cursor:pointer; 
	border-right:2px solid #fff;
	border-left:2px solid #fff;
}

.dropdown dd {
	position:absolute; 
	overflow:hidden;
	display:none; 
	background:#edc4c4; 
	z-index:200; 
	border-top:none;
	width:204px;
	
}

.dropdown ul {
	list-style:none;
}

.dropdown li {
	display:inline; 
}

.dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block; 
	padding-left:10px; 
	color:#868686; 
	text-decoration:none; 
	background:#edc4c4;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	width:190px; 
	height:15px;
	padding-top:8px;
	padding-bottom:5px;
}

#end {
	border-bottom:2px solid #fff;
}

.dropdown a:hover {
	background:#dbadad; 
	color:#000;
}

.smallTxt {
	font-size:10px;
}	

/*------=5:	 [SIDEBAR COLUMN] ------------------------------*/
				
/*------=6:	 [FOOTER] --------------------------------------*/

/*------=7:	 [LISTS] ---------------------------------------*/

ol, ul {
	list-style: none;
}

/*------=8: [FORMS] ---------------------------------------*/
form {margin-bottom: 0px;}

input.checkbox { width: 15px;}
.text { width: 220px; }
.tiny { width: 40px; }
.small { width: 80px; }
.med	{ width: 180px; }
.xlarge { width: 350px; }


textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.viewcartBtn {
	border: 0px;
	color: #d9526b;
	font-weight:bold; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	width: 120px;
	background-color:transparent;
}
	
/*------=9: [IMAGES] --------------------------------------*/

img {border: 0px; display: block;}	
img.inline { display: inline; }

img.imgBox { margin: 3px; padding: 2px; border: 1px solid #404040; }


/*------=10: [MISC] ----------------------------------------*/

.red { color: #cc0000; }
.green { color: #00FF00; }
.blue { color: #00CC00; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #666666; }
.amber { color: #FF6600; }

.pink { color: #d9526b; }

.miscHome .reset {
	padding:0 0 0 0;
	margin:0 0 0 0;
}