/* Planet Beach 2007 */

html, body 
{
	height:100%;
}

body {
	margin: 0;
	padding: 0;
	background-color:#f0983b;
	background-image: url(images/shared/bg_grad.gif);
	background-repeat: repeat-x;
	height:100%;
	}

/* LAYOUT STUFF */
p {
	 margin:0px 0px 0px 0px;
	}

img {
	border-style:none;	
}
#Finder_main_copy_sub
{
	color:White;
	}
#dayspa_second_middle
{
	height:150px;
	width:595px;
	background: url(images/shared/DaySpa_landing_fs.png) no-repeat;
	}
	
#internationalfranchiseforsale_left
{
	height:1125px;
	width:595px;
	background: url(images/shared/LOCATION4SALE.jpg) no-repeat;
	float:left;
	position:relative;
	}

#tanningsalon_second_middle
{
	height:150px;
	width:595px;
	background: url(images/shared/Tanning_IndustryBox.png) no-repeat;
	}
	
#dayspa_second_middle
{
	height:150px;
	width:595px;
	background: url(images/shared/Spa_IndustryBox.png) no-repeat;
	}
	
#day_spa_middle_buttons
{
	padding-top:80px;
	padding-left:40px;
	width:520px;
	}
	
#wrapper {
	position:relative;
	width:860px;
	margin:0 auto 0 auto;
	text-align:left;
	z-index:500 !important;
	
	}
	
#masthead {
	position:relative;
	width:860px;
	height:90px;
	margin:0 auto 0 auto;
	z-index:501 !important;
	}
	

#mainImage{
	position:relative;
	width:860px;
	height: 279px;
	margin:0 auto 0 auto;
	background: #000000;
}
#Signup
{
	top:-3px;
	position:relative;
	float:left;
	right:5px;
	z-index:1000 !important;
	}


#TanningSalon_Signup
{
	top:2px;
	position:relative;
	float:left;
	z-index:1000 !important;
	}

#FreeDay{
	float:left;
	position:relative;
	
}
#BrokerMiddelLeft
{
	border-style:solid; 
	height:380px;
	width:570px;
	z-index:10; 
	padding-left:10px;
	padding-top:300px; 
	background-color:White;
	}

#BrokerMiddelright
{
	width:264px;
	height:435px;
	float:right;
	background-image: url(/images/shared/Broker_right-column.png);
	background-repeat: repeat-x;
	
	}
#PlanetBeachContempoSpaVIPPassmain_img{
	position: relative;
	width: 856px;
	margin: 0 auto 0 auto;
	background: #000000;
}
#BrokerTopImg
{
	padding-top:352px;
	position:absolute;
	width: 856px;
	height:0px;	
	background-image: url(/images/main_images/Broker_masthead.png);
	background-repeat: repeat-x;
	
}
#PlanetBeachSanJosewrapper {
	position:relative;
	width:860px;
	margin:0 auto 0 auto;
	text-align:left;
	z-index:500 !important;
	padding-top:50px;
	
	}
#PlanetBeachSanJosemain
{		
	position:relative;
	width:860px;
	height:440px;	
	background: #161416;
}

#PlanetBeachSanJoseTopImage
{
	background-image: url(images/main_images/Header.png);
	background-repeat: repeat-x;
	position: relative;
	width: 856px;
	height:90px;
	margin: 0 auto 0 auto;
	
}
#PlanetBeachSanJoseTopDiv
{
	padding-top:15px;
	padding-left:280px; 
	color:White; 
	font-size:medium;
	font-family:Verdana;
	
}
#PlanetBeachSanJoseMiddlediv
{
	float:left;
	position:relative;
	height:285px;
	width:860px;
	background: url(images/shared/Purple-background.png) no-repeat;
	}
	
#PlanetBeachSanJoseBottomdiv
{
	float:left;
	position:relative;
	height:100px;
	width:860px;
	background: url(images/shared/Footer.jpg) no-repeat;
	}

#mainImage_sub{
	position: relative;
	width: 860px;
	margin: 0 auto 0 auto;
	background: #000000;
}
#mainImage_subtemplate
{
	position: relative;
	width: 860px;
	height: 233px;
	margin: 0 auto 0 auto;
	background: #000000;
	}
#contempomainImage_sub{
	position: relative;
	width: 860px;
	min-height: 205px;
	margin: 0 auto 0 auto;
	background: #000000;
}
#FindaLocation
{
	background-image: url(images/shared/FindaPBnearYou.png);
	background-repeat: repeat-x;
	width:431px;
	float:left;	
	height:158px;
	position:relative;
	top:-3px;
	}
#Services
{
	width:431px;
	left:431px;
	position: relative;
	top: -164px;
	}
#ServiceBar
{
 position: absolute;
 top:627px;
	}
#main_home{
	position:relative;
	width:860px;
	height: 535px;
	margin:0 auto 0 auto;
	background: #161416;
}
	
#main{
	position:relative;
	width:860px;
	min-height: 312px;
	margin:0 auto 0 auto;
	background: #161416;
}

#specialsmain{
	position:relative;
	width:650px;
	min-height: 312px;
	margin:0 auto 0 auto;
	background: #161416;
}
#PlanetBeachContempoSpaVIPPassmain{
	position:relative;
	width:860px;
	height:733px;	
	background: #161416;
}
#Brokermain
{
	font-family:Arial;
	position:relative;
	width:860px;
	height:790px;	
	background: #161416;
}

#internationalfranchiseforsale_main
{
	position:relative;
	width:860px;
	height:1125px;	
	background: #161416;
	}
#ServicesandProducts{
	position:relative;
	width:860px;
	min-height: 312px;
	margin:0 auto 0 auto;
	background: #161416;
}

#navigation{
	position:relative;
	width:860px;
	height:49px;
	margin:0 auto 0 auto;
	overflow:visible;
	z-index:1;
}
#navigation ul{
list-style-type:none;
margin-left:-5px;

}

/* Logo */

#logo{
	position:relative;
	top: 0px;
	left:0px;
	width: 275px;
	height: 80px;
}

/* Top Links */

#topLinks{
position:absolute;
text-align:right;
top:0px;
right:0px;
width:345px;
height:15px;

}

/***************** CSS Nav ******************/


#contempo_{
position:absolute;
left:0px;
top:0px;
height: 76px;
width: 108px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/contempo_css.png) top left no-repeat;

}
 
#contempo_:hover{

background-position: bottom left;

}

#contempo-on_{
position:absolute;
left:0px;
top:0px;
height: 76px;
width: 108px;
}

#contempo_menu 
{
	visibility:hidden;
	position:absolute;
	height:0;
	width:0;
	top:76;
	left:0;
	z-index:5;
	overflow:visible;
}
/*////////////////////////////*/

#mispa_{
position:absolute;
left:108px;
top:0px;
height: 76px;
width: 107px;
text-indent: 10000px;
overflow: hidden;
background: url(images/navigation/mispa_css.png) top left no-repeat;
display: block;

}
 
#mispa_:hover{

background-position: bottom left;

}

#mispa-on_{
position:absolute;
left:108px;
top:0px;
height: 76px;
width: 107px;
}

/*////////////////////////////*/

#beachgear_{
position:absolute;
left:215px;
top:0px;
height: 76px;
width: 107px;
text-indent: 10000px;
overflow: hidden;
display: block;
background: url(images/navigation/beachgear_css.png) top left no-repeat;

}
 
#beachgear_:hover{

background-position: bottom left;

}

#beachgear-on_{
position:absolute;
left:0px;
top:0px;
height: 76px;
width: 107px;
}

/*////////////////////////////*/

#pbpageants_{
position:absolute;
left:322px;
top:0px;
height: 76px;
width: 109px;
text-indent: 10000px;
overflow: hidden;
background: url(images/navigation/pbpageants_css.png) top left no-repeat;
display: block;

}
 
#pbpageants_:hover{

background-position: bottom left;

}

#pbpageants-on_{
position:absolute;
left:322px;
top:0px;
height: 76px;
width: 109px;
}

/*////////////////////////////*/

#pbnutrition_{
position:absolute;
left:431px;
top:0px;
height: 76px;
width: 106px;
text-indent: 10000px;
overflow: hidden;
background: url(images/navigation/pbnutrition_css.png) top left no-repeat;
display: block;

}
 
 #pbnutrition_:hover{

background-position: bottom left;

}
 
#pbnutrition-on_{
position:absolute;
left:431px;
top:0px;
height: 76px;
width: 106px;
}

/*////////////////////////////*/

#franchise_{
position:absolute;
left:537px;
top:0px;
height: 76px;
width: 107px;
text-indent: 10000px;
overflow: hidden;
background: url(images/navigation/franchise_css.png) top left no-repeat;
display: block;

}
 
 #franchise_:hover{

background-position: bottom left;

}
 
#franchise-on_{
position:absolute;
left:537px;
top:0px;
height: 76px;
width: 107px;
}

/*////////////////////////////*/

#international_{
position:absolute;
left:644px;
top:0px;
height: 76px;
width: 108px;
text-indent: 10000px;
overflow: hidden;
background: url(images/navigation/international_css.png) top left no-repeat;
display: block;

}
 
 #international_:hover{

background-position: bottom left;

}
 
#international-on_{
position:absolute;
left:644px;
top:0px;
height: 76px;
width: 108px;
}

/*////////////////////////////*/

#contact_{
position:absolute;
left:752px;
top:0px;
height: 76px;
width: 108px;
text-indent: 10000px;
overflow: hidden;
background: url(images/navigation/contact_css.png) top left no-repeat;
display: block;

}
 
 #contact_:hover{

background-position: bottom left;

}
 
#contact-on_{
position:absolute;
left:752px;
top:0px;
height: 76px;
width: 108px;
}

/***************** Content Area ******************/
/***************** Test Index ********************/
#mid_nav
{
position: absolute;
top:5px;
width:800px;
}

#top_giftCard_button
{
	position:absolute;
	float:left;
	top:0px;
	left:5px;
}

#top_mspi_button
{
	position:absolute;
	float:left;
	top:0px;
	left:148px;
}

#top_guestpass_button
{
	position:absolute;
	float:left;
	top:0px;
	left:292px;
}

#top_fran_button
{
	position:absolute;
	float:left;
	top:0px;
	left:434px;
}

#top_quebec_button
{
	position:absolute;
	float:left;
	top:0px;
	left:575px;
}

#top_seminar_miami_button
{
	position:absolute;
	float:left;
	top:0px;
	left:714px;

}

#mid_cta_title_test{
position: absolute;
top: 5px;
left: 171px;
width: 250px;
height: 20px;
background: url(images/cta/cta_webuytanningsalon_title.gif) no-repeat;
}
#top_cta_test2{
position: absolute;
top: 420px;
left: 5px;
width: 425px;
height: 120px;
background: #211733;
}
#top_cta_test3{
position: absolute;
top: 420px;
right:10px;

width: 425px;
height: 120px;
background: #211733;
}
#top_cta_test{
position: absolute;
top: 293px;
right:10px;
width: 425px;
height: 120px;
background: #211733;
}

#main_home_test{
	position:relative;
	width:860px;
	height: 545px;
	margin:0 auto 0 auto;
	background: #161416;
}
#bottom_cta_test {
position: absolute;
top: 87px;
right: 10px;
width: 425px;
height: 200px;
background: #211733;
}

#top_cta_image_test{
position: absolute;
top: 5px;
left: 5px;
width: 161px;
height: 100px;
background: url(images/cta/mid_cta_image.jpg) no-repeat;
}

#top_cta_title_test{
position: absolute;
top: 5px;
left: 171px;
width: 250px;
height: 20px;
background: url(images/cta/top_cta_title.gif) no-repeat;
}


#top_cta_copy_test{
position: absolute;
top: 35px;
left: 171px;
width: 250px;
}

#top_cta_button_test{
position: absolute;
bottom: 5px;
right: 10px;
width: 50px;
height: 18px;
}

#main_title_home_test{
	position: absolute;
	top: 87px;
	left: 5px;	
	width: 407px;
	height: 25px;
}

#main_copy_home_test{
	position: absolute;
	top: 125px;
	left: 5px;
	width: 407px;
	
}
/*************************************************/

/********* Home Page **********/
#main_top_left{
position: absolute;
top: 5px;
left: 5px;
width: 213px;
height: 350px;	
background-color:#161417;
}

#main_top_middle{
position: absolute;
top: 5px;
left: 215px;
width: 415px;
height: 350px;	

}

#main_top_right{
position: absolute;
top: 5px;
right: 5px;
width: 213px;
height: 350px;	
background-color:#161417;
}

#main_bottom_left{
position: absolute;
top: 358px;
left: 5px;
width: 280px;
height: 110px;	
background: url(images/shared/MembershipBenefitsblank.png) no-repeat;
}

#main_bottom_middle{
position: absolute;
top: 358px;
left: 288px;
width: 280px;
height: 110px;	
background-color:#462163;
}

#main_bottom_right{
position: absolute;
top: 358px;
right: 8px;
width: 280px;
height: 110px;	
background-color:#462163;	
}

#main_bottom
{
position: absolute;
top: 470px;
right: 5px;
width: 850px;
height: 60px;	
background-color:#462163;		
	}

#top_cta{
position: absolute;
top: 365px;
left: 5px;
width: 425px;
height: 200px;
background-color:#462163;
}

#mid_cta{
position: absolute;
top: 132px;
left: 5px;
width: 425px;
height: 120px;
background: #211733;
}

#top_cta_image{
position: absolute;
top: 5px;
left: 5px;
width: 161px;
height: 175px;
background: url(images/cta/top_cta_image.jpg) no-repeat;
}

#top_cta_title{
position: absolute;
top: 5px;
left: 171px;
width: 250px;
height: 20px;
font-size:medium;
 font-family:Verdana;
}

#top_cta_copy{
position: absolute;
top: 35px;
left: 171px;
width: 250px;
font-size:11px;
}

#top_cta_button{
position: absolute;
bottom: 5px;
right: 10px;
width: 50px;
height: 18px;
}

#main_top_right_cta {
position: absolute;
top: 365px;
left: 435px;
width: 420px;
height: 200px;
background-color:#462163;
}

#bottom_cta2 {
position: absolute;
top: 259px;
left: 5px;
width: 425px;
height: 200px;
background: #211733;
}

#bottom_cta_image{
position: absolute;
top: 5px;
left: 5px;
width: 161px;
height: 175px;
background: url(images/cta/bottom_cta_image.jpg) no-repeat;
}

#bottom_cta_title{
position: absolute;
top: 5px;
left: 171px;
width: 250px;
height: 20px;
background: url(images/cta/bottom_cta_title.gif) no-repeat;
}

#bottom_cta_copy{
position: absolute;
top: 35px;
left: 171px;
width: 250px;
}

#bottom_cta_button{
position: absolute;
bottom: 5px;
right: 10px;
width: 50px;
height: 18px;
}

#main_title_home{
	position: absolute;
	top: 87px;
	right: 10px;
	width: 407px;
	height: 25px;
}

#main_copy_home{
	position: absolute;
	top: 300px;
	left: 5px;
	width: 850px;
	
}


/********** Sub Template 1 *********/

#subImage {
position: absolute;
top: 5px;
left: 5px;
width: 220px;
height: 296px;
}

#main_title_sub{
position: absolute;
top: 5px;
right: 10px;
width: 611px;
height: 30px;
}
#contempo_spa_title_sub{
top: 5px;
right: 10px;
width: 611px;
height: 30px;
}
#main_copy_sub{
position: relative;
top: 40px;
left: 240px;
padding-bottom:30px;
width: 611px;
}

#guestpass_sub_div{
position: relative;
top: 50px;
padding-left: 150px;
background: url(images/shared/Guestpass_Butter.png) no-repeat;
padding-bottom:30px;
height: 560px;
color:#462163;
font-size:small;
font-family:Arial;
padding-top:10px;
}

#donatetohaiti_sub_div{
position: relative;
top: 20px;
padding-left: 20px;
padding-bottom:30px;
height: 600px;
color:#FFFFFF;
font-size:small;
font-family:Arial;
padding-top:10px;
text-align:center;
}

#donatetohaiti_div{
position: relative;
top: 20px;
padding-left: 20px;
padding-bottom:30px;
height: 450px;
color:#FFFFFF;
font-size:small;
font-family:Arial;
padding-top:10px;
}

#Finder_sub{
position: relative;
top: 40px;
left: 5px;
padding-bottom:30px;
width: 850px;
}
#contempo_spa{
background: url(images/shared/relax_glow_renew.png) no-repeat;
top: 40px;
left: 10px;
padding-bottom:30px;
width: 860px;
min-height:1380px;
}
#whatiscontempo_spa{
background: url(images/shared/WhatisContempoSpa_landing.png) no-repeat;
top: 50px;
left: 10px;
width: 860px;
min-height:480px;
}

#membershipbenefits_sub{
background: url(images/shared/MemberBenefits_landing.png) no-repeat;
top: 40px;
left: 10px;
width: 860px;
min-height:430px;
color:#462163;
}

#WhatisContempospa_left{
	 color:Black;
	 font-family:Arial;
	 font-size:small;
	 padding-left:50px;
	 padding-top:90px;
	 float: left;
	 width:550px;
	 color:#462163;
}
#Membershipbenefits_left{
	 color:Black;
	 font-family:Arial;
	 font-size:small;
	 padding-left:50px;
	 padding-top:90px;
	 float: left;
	 width:550px;
	 color:#462163;
}

#WhatisContempospa_right{
	 color:Black;
	 font-family:Arial;
	 padding-left:20px;
	 padding-top:100px;
	 float: left;
	 width:210px;
	}

#control_copy_sub{
text-align:left;
padding-top: 40px;
padding-left: 240px;
width: 611px;
}

#contempoSparelax{
float:left;
padding-left:20px;
padding-top:20px;
width:270px;
padding-bottom:20px;
font-size:small;
}

#contempoSpaglow{
float:left;
padding-left:15px;
padding-top:20px;
width:250px;
padding-bottom:20px;
font-size:small;
}

#contempoSparenew{
float:left;
padding-left:35px;
padding-top:20px;
width:258px;
padding-bottom:20px;
font-size:small;
}
#main_Webisode_copy{
color:White; 
font-size:12px; 
font-family:Arial;
position: relative;
top: 5px;
left: 240px;
width: 611px;
 padding-bottom:20px;
}
#ctnt
{

text-align:left;
padding-top: 40px;
padding-left: 240px;
width: 611px;	
}
/********** Sub Template 2 *********/

#main_title_sub_t2{
position: relative;
width: 666px;
height: 30px;
margin: 0px 0px 0px 10px;
}

#copy_t2{
position: relative;
width: 654px;
margin: 10px 0px 10px 10px;
}



#sub_image_t2{
position: absolute;
width: 173px;
height: 346px;
top: 5px;
right: 5px;
}

/********** Sub Template 3 *********/

#main_title_sub_t3{
position: relative;
width: 840px;
height: 30px;
margin: 0px 0px 0px 10px;
}

#copy_upper_t3{
position: relative;
width: 840px;
margin: 10px 0px 0px 10px;
}

#bottom_t3{
position: relative;
width: 840px;
height: 146px;
background-color: #211733;
margin: 10px 0px 10px 10px;
}

#sub_image_t3{
position: relative;
width: 180px;
height: 136px;
margin: 5px 10px 5px 5px;
}

#copy_bottom_t3{
position: absolute;
width: 640px;
height: 136px;
top: 5px;
left: 195px;
}

/********** Sub Template 4 *********/

#main_title_sub_t4{
position: relative;
width: 840px;
height: 30px;
margin: 0px 0px 0px 10px;
}

#copy_upper_left {
position: relative;
width: 400px;
height: 145px;
margin: 15px 0px 5px 10px;
}

#horizonal_divider_left {
position: relative;
width: 390px;
height: 10px;
margin: 0px 0px 0px 10px;
background: url(images/shared/divider_horizontal.gif) no-repeat;
}

#copy_bottom_left {
position: relative;
width: 400px;
height: 145px;
margin: 5px 0px 5px 10px;
}

#vertical_divider {
position: absolute;
left: 415px;
top: 40px;
height: 312px;
width: 10px;
background: url(images/shared/divider_vertical.gif) no-repeat;
}

#copy_upper_right{
	position: absolute;
	width: 400px;
	height: 145px;
	top: 46px;
	left: 435px;
}

#horizonal_divider_right{
	position: absolute;
	width: 390px;
	height: 10px;
	top: 196px;
	left: 435px;
	background: url(images/shared/divider_horizontal.gif) no-repeat;
}

#copy_bottom_right{
position: absolute;
width: 400px;
height: 145px;
top: 210px;
left: 435px;
}


/* Footer Elements */

/* Search */

#search{
	position:relative;
	height:15px;
	width:205px;
	z-index:505 !important;
}

#search tr td div {
	margin: 0px 5px 0px 5px;
	/*width: 100px;*/
}

/*//////*/

#footer_spacer {
	text-align:center;
	width:860px;
	height:11px;
	margin:0 auto 0 auto;
}

#footer 
{
	position: relative;
	z-index: 505;
	overflow:hidden;
	text-align:left;
	width:860px;
	height:40px;
	margin:0px auto 0px auto;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#161416;
	bottom:5px;
	/*background: url(images/shared/find_pb.gif) left no-repeat #000000;*/
}
#header 
{
	position: relative;
	z-index: 505;
	overflow:hidden;
	text-align:left;
	float:right;
	margin:0px auto 0px auto;
	font-size:12px;
	color:White;
	font-family:Arial, Helvetica, sans-serif;
}
#HeaderDropDown
{
	
}


#header a
{
	color:White;	
}

#copyright 
{
	z-index: 505;
	position: relative;
	text-align:center;
	width:860px;
	height:20px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px 0px 0px 0px;
	color:#FFFFFF;
	margin:0 auto 0 auto;
}
	
	
/*///////////// SUN /////////////*/

#sun {
	z-index:1 !important;
	behavior: url(images/shared/iepngfix.htc);
	position:absolute !important;
	background:url(images/shared/sun_bg.png) top right no-repeat;
	width:1000px;
	height:580px;
	top:0px;
	right:0px;
}

#top_right {
	z-index:0;
	position:absolute !important;
	background:url(images/shared/top_right.png) top right no-repeat;
	width:419px;
    height:100%;
	top:0px;
	right:0px;
}

#bottom_left {
	z-index:0 !important;
	position:absolute !important;
	background:url(images/shared/bottom_left.png) bottom left no-repeat;
	width:350px;
	height:601px;
	bottom:0px;
	left:0px;
}

#backgroundFix {
    position:relative;
    height: expression( this.scrollHeight < 2000 ? "100%" : "auto" ); /* sets min-height for IE */
    min-height:100%;
    width:100%;
}