/* CSS Document */

body {
	background-color: #ffffff;
	background-image:url(../images/background/background.jpg);
	background-position:center top;
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 1048px;
	background-image:url(../images/background/body-background.png);	
	behavior: url(iepngfix.htc); 
	background-position: bottom right;
	background-repeat: repeat-y;
	padding-bottom: 60px;
	display: block;
	
}

* html #wrapper {
	background-position: 0 0;
}

#flash {
	width: 978px;
	height: 170px;
	margin: 0px 0 0 22px;
	padding-top: 10px;
	background-color: white;
}

#navigation {
	margin-top: 10px;
}

#footer {
	width: 968px;
	margin-left: 80px;
	padding-top: 30px;
}

#card-logos {
	width: 968px;
	margin-left: 80px;
	padding-top: 30px;
	padding: 40px 0 0 0px;
}

#card-logos img {
	margin-right: 20px;
	display: block;
	float: left;
}
#card-logos img.worldpay {
	margin-right: 0px;
	padding-left: 26px;
	display: block;
	float: left;
}

#footer p {
	font-size: 11px;
	color: #333333;
	padding: 0;
	margin: 0;
}

#footer p a {
	font-weight: normal !important;
}


h1 {
	font-size: 32px;
	color: #a0d300;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 38px;
}

h2 {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 28px;
}


p, li {
	font-size: 13px;
	line-height: 24px;
	padding-bottom: 14px;
	padding-left: 5px;
}

a {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px #000000 dotted;
}

a:hover {
	color: #a0d300;
	border-bottom: 1px #a0d300 dotted;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

.floatclearer {
	clear: both;
	line-height: 1px;
	height: 1px;
	font-size: 1px;
}

strong {
	font-weight: bold;
}

.green {
	color: #a0d300;
}

.png {
	/* behavior: url(iepngfix.htc); */
}

.smaller {
	font-size: 9px;
}

.right {
	text-align: right;
}

/* home page */

#home-text {
	padding: 40px 465px 0 60px;
	width: 355px;
	margin-right: 0px;
	background-image: url(../images/pack-shots/upright-open.png);
	/* behavior: url(iepngfix.htc); */
	background-repeat:no-repeat;
	background-position: 100% 30px;
	min-height: 369px;
}

* html #home-text {
	background-image: url(../images/pack-shots/upright-open.gif);
	height: 369px;
}

#home-text ul {
	list-style: none;
	margin: 10px 0 0 15px;
	width: 355px;
}

#home-text ul li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: block;
	list-style: none;
	padding-bottom: 10px;
	width: 355px;
	font-size: 14px;
	}
	
#home-text ul li a {
	border: none !important;
	font-weight: bold;
	padding-left: 30px;
	background-image:url(../images/ornaments/arrow.gif);
	background-position: 0% 0px;
	background-repeat: no-repeat;
	line-height: 20px;
	height: 20px;
	display: block;
	}
	
#home-text ul li a:hover {
	background-image:url(../images/ornaments/arrow-black.gif);
	color: black;
}

#pack-shots-thumbs {
	margin: 10px 0px 0 80px;
	width: 968px;
}

#pack-shots-thumbs img {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#pack-shots-thumbs a {
	border: 4px solid #999999;	
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 20px;
}
#pack-shots-thumbs a:hover {
	border: 4px solid #000000;
	}


	
/* right column */


#right-column {
	width: 152px;
	top: 180px;
	position: absolute;
	background-image:url(../images/background/right-column-top.png);
	background-repeat: repeat-x;
	padding-top: 80px;
	padding-left: 10px;
	left: 50%;
	margin-left: 315px;
}

* html #right-column {
	background: none;
}


	
a#look-inside {
	width: 140px;
	height: 161px;
	background-image: url(../images/side-bar/look-inside.png);
	behavior: url(iepngfix.htc); 
	display: block;
	border: none !important;
}

* html a#look-inside {
	background-image: url(../images/side-bar/look-inside.gif);
}

a#buy-now {
	width: 140px;
	height: 150px;
	background-image: url(../images/side-bar/buy-now.png);
	/* behavior: url(iepngfix.htc); */
	display: block;
	border: none !important;
	margin-bottom: 10px;
}

* html a#buy-now {
	background-image: url(../images/side-bar/buy-now.gif);
}
	
a#look-inside:hover {
	background: url(../images/side-bar/look-inside-over.png);
}	

* html a#look-inside:hover {
	background: url(../images/side-bar/look-inside-over.gif);
}	

a#buy-now:hover {
	background: url(../images/side-bar/buy-now-over.png);
}	

* html a#buy-now:hover {
	background: url(../images/side-bar/buy-now-over.gif);
}
	
a#look-inside, a#buy-now {
	text-indent:-9000px; 
}



/* navigation */



	
#navigation ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	height: 21px;
	margin-left: 60px;
	}

#navigation ul li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: block;
	list-style: none;
	position: relative;
	height: 21px;
	margin-right: 30px;
	}
	
#navigation ul li a {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:21px;
	background-position: 0 0px;
	border: none !important;
}

	
li a#home {
	width: 61px;
	background: url(../images/navigation/home.jpg);
}

li a#the-book {
	width: 94px;
	background: transparent url(../images/navigation/the-book.jpg);
	}

li a#buy-yours {
	width: 105px;
	background: transparent url(../images/navigation/buy-yours.jpg);
	}

li a#the-mantra {
	width: 113px;
	background: transparent url(../images/navigation/the-mantra.jpg);
	}
	
li a#the-blog {
	width: 88px;
	background: transparent url(../images/navigation/the-blog.jpg);
	}
	
	
#navigation ul li a:hover, a.selected {
	background-position: 0 -21px !important;
}	
	
	
#navigation ul li a {
	text-indent:-9000px; 
	background-color:transparent; 
}

/* tooltip */

#tooltip {
	position:absolute;
	background:#a0d300;
	padding:4px 8px;
	color:#000;
	display:none;
	font-size: 12px;
}


.tooltip-300px {
	width: 300px;
	position:absolute;
	background:#a0d300;
	padding:4px 8px;
	color:#000;
	display:none;
	font-size: 12px;
}


/* the book */

#book-text {
	padding: 40px 60px 0 365px;
	width: 445px;
	margin-right: 0px;
	background-image: url(../images/pack-shots/book_3.jpg);
	background-repeat:no-repeat;
	background-position: 60px 60px;
	min-height: 369px;
}

/* mantra page */

#mantra-text {
	padding: 40px 465px 0 60px;
	width: 355px;
	margin-right: 0px;
	/*background-image: url(../images/pack-shots/mantra-bg.jpg);
	background-repeat:no-repeat;
	background-position: 440px 30px;*/
	min-height: 369px;

}

#mantra-form {
	position: absolute;
	z-index: 3;
	top:270px;
	padding: 0;
	margin: 0;
	width: 300px;
	left: 50%;
	margin-left: -60px;
}

#mantra-form form {
	width: 300px;
}

#mantra-form input, #mantra-form textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 12px;
	width: 300px;
	background-color: #a0d300;
	color: white;
	font-weight: bold;
	border: 0;
	padding: 5px;
	
}


#mantra-form label {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
	font-weight: bold;
	display: block;

}

#form-pot {
	position: absolute;
	left: -10000px;
}

#mantra-form .button, .button {
	width: 70px !important;
	padding: 2px;
	color: white;
	background-color: #828181;
	border: 0;
}	

#mantra-form p.terms {
	font-size: 10px;
	line-height: 14px;
}

.formError {
	color: red;
	font-weight: bold;
	font-size: 12px;
}

/* blog page */

#blog-text {
	padding: 40px 315px 0 60px;
	width: 500px;
	margin-right: 0px;
}



#other-blogs-text {
	position: absolute;
	top:270px;
	padding: 0;
	margin: 0;
	width: 200px;
	padding-top: 0px;
	padding-left: 10px;
	left: 50%;
	margin-left: 70px;
}

* html #other-blogs-text {
	margin-left: 40px;
}


#other-blogs-text p {
	padding-bottom: 10px !important;
	margin-bottom: 10px !important;
	border-bottom: 1px dotted #828181 !important;
}

#other-blogs-text p a {
	color: #a0d300 !important;
	border: none !important;
}

p.blogger {
	font-size: 12px !important;
	font-weight: bold;
	color: #a0d300 !important;
	padding-bottom: 6px !important;
}


#other-blogs-text #pack-shots-thumbs {
	margin: 15px 0px 0 0px;
	width: 200px;
	float: left;
	margin-left: 15px;
}

#other-blogs-text #pack-shots-thumbs img {
	padding: 0;
	margin: 0;
	display: block;
}

#other-blogs-text #pack-shots-thumbs a {
	border: 4px solid #999999;	
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
#other-blogs-text #pack-shots-thumbs a:hover {
	border: 4px solid #000000;
	}
	
/* buy page */

#buy-text {
	padding: 40px 465px 0 60px;
	width: 355px;
	margin-right: 0px;
	background-image: url(../images/pack-shots/upright-open.png);
	/* behavior: url(iepngfix.htc); */
	background-repeat:no-repeat;
	background-position: 100% 30px;
	min-height: 369px;
}

* html #buy-text {
	background-image: url(../images/pack-shots/upright-open.gif);
	height: 369px;
}

#checkout {
	padding: 15px;
	border: 1px solid #a0d300;
	background-color: #f3f3f3;
	text-align: center;
}

/* legal page */

#legal-text {
	padding: 40px 0px 0 60px;
	width: 750px;
	margin-right: 0px;
}
	
