/* ******************************* SPIRIT TOUCH WEBSITE *********************************** */

/* ******************************* genneral appearance*********************************** */
body {
  background-color: #cccccc;
  margin: 0em;
  padding: 0px;
  font-style: normal;
}
img
{
  text-decoration: none;
  border: 0 none;
  padding: 0px;
  margin: 0px;
}
a img
{
  text-decoration: none;
  border: 0 none;
  padding: 0px;
}

h1
{
  color: #333399;
  margin: 0;
  margin-bottom: 0em;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 30px;
}
div.h1_no_underline a:link {text-decoration: none; color: #6666cc;}
div.h1_no_underline a:visited {text-decoration: none; color: #6666cc;}
div.h1_no_underline a:active {text-decoration: none; color: #6666cc;}
div.h1_no_underline a:hover {text-decoration: none; color: blue;}

h2
{
  color: #663300;
  margin: 0;
  margin-bottom: 0em;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 24px;
}

h3  /* orange header */
{
  color: #ffcc33;
  margin: 0;
  margin-bottom: 0em;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 18px;
}

h4 /* black words for spirit touch girl */
{
  color: #000000;
  text-transform:uppercase;
  margin: 0;
  margin-bottom: 0em;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

h5 /* smaller purple header used on home page*/
{
  color: #6666cc;
  margin: 0;
  margin-bottom: 0em;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.girl_sun a, .girl_mercury a, .girl_venus a, .girl_earth a, .girl_mars a, .girl_asteroids a, .girl_neptune a, .girl_uranus a, .girl_chiron a, .girl_saturn a, .girl_jupiter a, .girl_pluto a
{
  text-decoration: none;
  color:#0000ff;
}

.girl_sun a:hover, .girl_mercury a:hover, .girl_venus a:hover, .girl_earth a:hover, .girl_mars a:hover, .girl_asteroids a:hover, .girl_neptune a:hover, .girl_uranus a:hover, .girl_chiron a:hover, .girl_saturn a:hover, .girl_jupiter a:hover, .girl_pluto a:hover
{
  text-decoration: underline;
  font-size:15px;
  color:#0000ff;
}

.girl_sun a:visited, .girl_mercury a:visited, .girl_venus a:visited, .girl_earth a:visited, .girl_mars a:visited, .girl_asteroids a:visited, .girl_neptune a:visited, .girl_uranus a:visited, .girl_chiron a:visited, .girl_saturn a:visited, .girl_jupiter a:visited, .girl_pluto a:visited
{
  text-decoration: underline;
  font-size:15px;
  color:#660099;
}

/* h4 a, .girl_sun h4 a, .girl_sun h4 a:hover
{
  text-decoration: none;
  font-size:18px;
  color:red;
}*/



div.textwhitebig
{
  padding-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top:0px;
  color: #ffffff; 
  font-size: 20px;
  font-weight:bolder; 
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

.float_left
{
    float:left;
	padding-right:20px;
	padding-bottom:20px;
}

.float_right
{
    float:right;
	padding-left:20px;
	padding-bottom:20px;
}

/* ******************************** banner at the top of the page ************************** */
div.top
{
  height: 330px;
  top:0px;
  width: 950px;
  align: center;
  margin:0 auto;
  background:url("images/banner_top.jpg") left top no-repeat;
  position:relative;
  z-index:348;
}


/* *********************** THIS IS THE MAIN NAV BAR FOR THE WHOLE WEBSITE ******************* */

div.nav_bar_background {
  border-left:5px solid black;
  border-right:5px solid black;
  border-top:2px solid black;
  border-bottom:2px solid black;
  background-color: #000000;
  top:300px;
  left:-5px;
  height: 26px;
  width: 950px;
  position:absolute;
  z-index:349; 
}

ul#list-nav2 {
list-style:none;
margin-top:0px;
margin-bottom:0px;
padding:0;
width:950px;
background-color: #ffffff;
top:300px;
left:-2px;
align: center;
margin:0 auto;
position:relative;
z-index:350;
}

ul#list-nav2 li {
display:inline
}

ul#list-nav2 li a {
text-decoration: none;
padding:5px 0;
width:114px;
background: #000000;
color:#ffffff;
float:left;
text-align:center;
border:2px solid #000000;
font-weight:bold;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
}

ul#list-nav2 li a:hover {
background: #ccffff;
color:#000000;
font-size:18px;
}

/* ************************* container that holds the page together *********************** */
div.page_container
{
  border-left:5px solid black;
  border-right:5px solid black;
  background-color: #ffffff;
  padding-bottom: 0px;
  top:0px;
  width: 950px; 
  margin:0 auto;
  font-size:50px;
  min-height:700px;
  height:auto;
  position:relative; 
  z-index:1;
  overflow:hidden;
}

/* ************************************** the footer ************************************ */

div.textcopywrite
{
  top:-20px;
  align: center;
  margin:0 auto; 
  padding:20px;
  color: #000000; 
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  text-align: center;
  margin:0px;
  position: relative;
  z-index: 348;
}

/* ***************** container that holds everything below the menu bar ******************* */

div.lalala_container
{
  padding: 0px;
  top:0px;
  width: 950px; 
  height:auto;  
  font-size: 12px; 
  font-family:Arial, Helvetica, sans-serif; 
  text-align: left;
  position:relative; 
  z-index:2;
}

/* ********************************** containers that divide the page ******************************** */

div.home_page_left
{ 
  top:0;
  left:0;
  width: 240px; 
  height:auto;
  margin-top:0px;
  margin-bottom:0px; 
  padding-top:0px;
  padding-bottom:150px;
  font-size: 16px;
  color:#ffffff;
  background-color: #333399;
  position:absolute;
  z-index:10;
  overflow:hidden;
}

div.home_page_left a:link {text-decoration: none; font-size:15px; font-weight:bold; color: #ffcc33;}
div.home_page_left a:visited {text-decoration: none; font-size:15px; color: #ffcc33;}
div.home_page_left a:active {text-decoration: none; font-size:15px; color: #ffcc33;}
div.home_page_left a:hover {text-decoration: none; font-size:16px; color: #ffff00;}

div.home_page_center
{ 
  top:0px;
  left:240px;
  width: 470px; 
  height:auto;
  padding-top:0px;
  padding-bottom:0px;
  background-color: #ffffff;
  position:relative;
  z-index:5;
}

div.home_page_right
{ 
  top:0px;
  left:710px;
  width: 240px; 
  height:auto;
    font-size: 16px;
  color:#ffffff;
  padding-top:0px;
  padding-bottom:50px;
  background-color: #333399;
  position:absolute;
  z-index:6;
  overflow:hidden;
}

div.home_page_right a:link {text-decoration: none; font-size:15px; font-weight:bold; color: #ffcc33;}
div.home_page_right a:visited {text-decoration: none; font-size:15px; color: #ffcc33;}
div.home_page_right a:active {text-decoration: none; font-size:15px; color: #ffcc33;}
div.home_page_right a:hover {text-decoration: none; font-size:16px; color: #ffff00;}

div.page_left
{ 
  top:0;
  left:0;
  width: 240px; 
  height: auto; 
  margin-top:0px;
  margin-bottom:0px; 
  padding-top:0px;
  padding-bottom:0px;
  position:absolute;
  z-index:10;
}

div.page_right
{ 
  top:0px;
  left:240px;
  width: 710px; 
  height: auto;  
  padding-top:0px;
  padding-bottom:0px;
  position:relative;
  z-index:5;
}

div.module
{
  top:0;
  left:0;
  height:auto;
  width:auto;
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  position:relative;
  z-index:11;
}

/* **************************************** about us page ************************************** */

div.about_pic
{
  top:0px;
  left:0px;
  height:auto;
  width:auto;
  padding:0px;
  padding-top:10px;
  padding-right:20px;
  float:left;
  z-index:50;
}

div.about_description
{
  top:9px;
  left:0;
  height:auto;
  width:435px;
  padding:0px;
  text-align:justify;
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  position:relative;
  z-index:51;
}

div.about_description2
{
  top:9px;
  left:0px;
  height:auto;
  width:435px;
  padding:0px;
  text-align:justify;
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  position:relative;
  z-index:51;
}

div.about_left
{
  top:0;
  left:0;
  width: 475px; 
  height: auto; 
  margin-top:0px;
  margin-bottom:0px; 
  padding:20px;
  position:relative;
  z-index:10;
}

div.about_right
{
  top:0px;
  left:475px;
  width: 475px; 
  height: auto;  
  padding:20px;
  position:absolute;
  z-index:5;
}

/* **************************************** planets and chakras page ************************************** */

div.planets_chakras_pic
{
  top:0px;
  left:0px;
  height:200px;
  width:200px;
  padding:40px;
  position:absolute;
  z-index:50;
}

div.planets_chakras_pic_right
{
  top:0px;
  left:670px;
  height:200px;
  width:200px;
  padding:40px;
  position:absolute;
  z-index:50;
}

div.planets_chakras_description1
{
  top:0px;
  left:240px;
  height:auto;
  width:630px;
  padding-top:42px;
  padding-left:40px;
  text-align:justify;
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  position:relative;
  z-index:51;
}

div.planets_chakras_description2
{
  top:0px;
  left:40px;
  height:auto;
  width:870px;
  padding:0px;
  text-align:justify;
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  position:relative;
  z-index:52;
}

div.planets_chakras_description3
{
  top:0px;
  left:40px;
  height:auto;
  width:630px;
  padding:0px;
  text-align:justify;
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  position:relative;
  z-index:53;  
}

#line_spacer
{
  border-bottom: solid 1px #000;
  padding-bottom:40px;
}

/* **************************************** article page ************************************** */

div.dean_price_pic
{
  top:0px;
  left:0px;
  height:160px;
  width:120px;
  padding:40px;
  position:absolute;
  z-index:50;
}

div.article_description1
{
  top:0px;
  left:160px;
  height:auto;
  width:630px;
  padding-top:42px;
  padding-left:40px;
  text-align:justify;
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  position:relative;
  z-index:51;
}

div.article_description2
{
  top:0px;
  left:40px;
  height:auto;
  width:870px;
  padding:0px;
  text-align:justify;
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  position:relative;
  z-index:52;
}

div.article_description3
{
  top:0px;
  left:0px;
  height:auto;
  width:630px;
  padding:0px;
  text-align:justify;
  font-size: 16px; 
  font-family:Arial, Helvetica, sans-serif; 
  position:relative;
  z-index:53;  
}

div.article_planets_chakras_pic_right
{
  top:20px;
  left:670px;
  height:200px;
  width:200px;
  padding:0px;
  position:absolute;
  z-index:50;
}

div.article_planets_chakras_pic
{
  top:650px;
  left:670px;
  height:200px;
  width:200px;
  padding:0px;
  position:absolute;
  z-index:50;
}

/* **************************************** packages page ************************************** */

.cart_wrapper
{
    top:0;
	left:0;
	margin: 0 auto;
	width:950px;
	height:580px;
	background-color:#fff;
	position:relative;
	z-index:99;
}

.cart_item
{
    float:left;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	display:inline-block;
	height:208px;
	width:433px;
    font-size: 16px; 
    font-family:Arial, Helvetica, sans-serif;	
	background-color:#fff;
	border:1px solid #666;
	overflow:hidden;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

.cart_item_large
{
    float:left;
	padding-right:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	display:inline-block;
	height:260px;
	width:433px;
    font-size: 16px; 
    font-family:Arial, Helvetica, sans-serif;	
	background-color:#fff;
	border:1px solid #666;
	overflow:hidden;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

#ul_packages ul
{
    padding-top:0;
	margin-top:0;
	margin-left:100px;
}

.coupon_item
{
    margin: 0 auto;
	padding:40px;
	height:100px;
	width:640px;
    font-size: 16px; 
    font-family:Arial, Helvetica, sans-serif;	
	background-color:#fff;
	border:5px solid #999999;
	position:relative;
	z-index:150;
}

.coupon_item_buy
{
    top:40px;
	left:520px;
	height:auto;
	width:auto;
    position:absolute;
	z-index:200;
}

.first_time_client_banner
{
	margin: 0 auto;
    top:-40px;
	left:200px;
	width:300px;
	height:72px;
	position:absolute;
	z-index:220;
}

.buy_button_container
{
    top:-35px;
	left:210px;
	width:200px;
	padding:0;
	position:relative;
	z-index:230;
}

/*.cart_item  10-06-14 three to a page
{
    float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	display:inline-block;
	height:300px;
	width:288px;
    font-size: 18px; 
    font-family:Arial, Helvetica, sans-serif;	
	background-color:#fff;
	border:1px solid #666;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
} */

.header_bar_big
{
    top:0;
	left:0;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
	width:910px;
	height:auto;
	background-color:#663300;
    font-size: 30px; 
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	color:#fff;
	text-align:center;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

.header_bar_small
{
    top:0;
	left:0;
	padding-top:10px;
	padding-bottom:10px;
	width:443px;
	height:auto;
	background-color:#333399;
    font-size: 24px; 
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
	color:#fff;
	text-align:center;
}

#button 
{
    height:30px;
    width:123px;
    display: block;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #000;
    background:#ff9900 url('../images/2014_images/button_orange.jpg') no-repeat right top;
}

#button:hover 
{
    height:32px;
    width:127px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #000;
    -webkit-box-shadow: #B3B3B3 3px 3px 3px;-moz-box-shadow: #B3B3B3 3px 3px 3px; box-shadow: #B3B3B3 3px 3px 3px;
    background:#ffcc00 url('../images/2014_images/button_orange_hover.jpg') no-repeat right top;
}

.sale_price
{
  color:red;
  font-weight: bold;
  font-size:1em; 
  font-family:Arial, Helvetica, sans-serif;
}

.original_price
{
  color:black;
  font-weight: bold;
  font-size:1em; 
  font-family:Arial, Helvetica, sans-serif;
}


/* **************************************** mailing list page ************************************** */

div.benchmark_container
{
  top:0px;
  left:0px;
  padding:20px;
  margin-left:21px;
  margin-right:21px;
  height:auto;
  width:155px;
  position:relative;
  z-index:12;
  overflow:hidden;
}

/* ********************************** spirit touch girl containers ************************************** */

div.spirit_touch_girl
{
  top:0px;
  left:0px;
  width: 470px;
  height: 510px;
  margin:0 auto;
  background:url("images/spirit_touch_girl.gif") left top no-repeat;
  position:relative;
  z-index:20;  
}

div.girl_words_left
{
  top:0px;
  left:0px;
  width:200px;
  height:510px;
  font-size: 14px; 
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  position:relative;
  z-index:21; 
}

div.girl_words_right
{
  top:0px;
  left:200px;
  width:300px;
  height:510px;
  font-size: 14px; 
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  position:absolute;
  z-index:22;
}

div.girl_sun
{
  top:40px;
  left:115px;
  width:100px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:23;
}

div.girl_mercury
{
  top:36px;
  left:8px;
  width:100px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:24;
}

div.girl_venus
{
  top:24px;
  left:2px;
  width:100px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:25;
}

div.girl_earth
{
  top:20px;
  left:6px;
  width:100px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:26;
}

div.girl_mars
{
  top:16px;
  left:20px;
  width:100px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:27;
}

div.girl_asteroids
{
  top:10px;
  left:40px;
  width:150px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:29;
}

div.girl_neptune
{
  top:40px;
  left:75px;
  width:200px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:23;
}

div.girl_uranus
{
  top:36px;
  left:125px;
  width:150px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:24;
}

div.girl_chiron
{
  top:24px;
  left:170px;
  width:100px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:25;
}

div.girl_saturn
{
  top:20px;
  left:150px;
  width:100px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:26;
}

div.girl_jupiter
{
  top:16px;
  left:85px;
  width:200px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:27;
}

div.girl_pluto
{
  top:-278px;
  left:-28px;
  width:150px;
  height:60px;
  text-align: center;
  position:relative;
  z-index:29;
}