body {
	padding:0px;
	margin:0px;
	background: white url(/Images/Gif/body-bg.gif) top repeat-x;
	_background-position: 0px 5px; /*ie6 hack*/
	behavior: url("/csshover2.htc");
}

a {
	color:#9c9d9f;
	outline: none;
}

img 
{
	border:0px;
	outline: none;
}

.pmcontrol {
	background: red;
	color: white;
	padding: 10px;	
	width: 100%;
}

.pmcontrol a {
	color: white;
	padding: 2px;
	margin:1px;
	text-decoration: none;
	display: block;
	float:left;
	border: 1px solid white;
}
	
hr {
	height: 1px;
	border-style: none;
	color: #9c9d9f;
	background-color: #9c9d9f;
	clear:both;
}

.pinkhr {
	color: #f19ec1;
	background-color: #f19ec1;
}

.trans {
	behavior: url("/pngbehavior.htc");
}

a:hover {
	color:green;
}

/* --------------------------------------------- HEADER CSS --------------------------------------------- */

#logo, #logo span
{
	background: url(/Images/Logos/simple-logo.gif) no-repeat;
	width: 159px;
	height: 69px;
	top: 2px; left: 0px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
}

#logo span
{
	margin-bottom: -69px;
	display: block;
	position: relative;
	z-index: 1;
}

#navbar
{
	height: 32px;
	margin: 0px;
	padding: 0px;
	text-transform: capitalize;
	position: absolute;
	bottom: 0px; left: 0px;
}

#navbar ul
{
	padding: 0px;
	margin: 0px;
}

#navbar li
{
	display: inline;
}

#navbar span
{
	display: none;
}

#navbar .slide span
{
	display: block;
}

#header-topbuttons
{
	right: 0px;
	width: 700px;
	height: 46px;
	margin: 0;
	padding: 0;
	position: absolute;
}

#accessibility
{
	float: right;
	width: 300px;
	font-size: 10px;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	text-align: right;
}

#accessibility a
{
	text-decoration: none;
}
#loggedin
{
	float: right;
	width: 700px;
	font-size: 10px;
	margin: 0px 15px 0px 0px;
	height: 20px;
	text-align: right;
	padding:0;    
}

#loggedin a
{
	text-decoration: none;
}

#header
{
	position: relative;
	z-index: 9997;
	height: 111px;
}	  

.FBLogin
{
	display: inline-block; 
	top: -2px; 
	height: 20px;
}


.corplink 
{
	position:absolute;
	top:8px; 
	left:591px;
}

.corplink.loggedin
{
	left: 472px;
}

#productsearch
{
	width: 390px;
	float: right;
	background: url(/Images/Gif/search-bg.gif) repeat-x;
	height: 22px;
	padding:5px;
	font-size:10px;	
	color:#418847;
	text-align:center;
	_margin-top:2px; /*ie6 hack*/
}

#productsearch a 
{
	color:Green;
	text-decoration:none;
}

#myaccount
{
	width:107px;
	float:right;
	margin-left:1px;
	background: url(/Images/Gif/myaccount-bg.gif) repeat-x;
	height: 22px;
	padding:5px;
	font-size:10px;	
	text-align:center;
	_margin-top:2px; /*ie6 hack*/	
}

#myaccount a {
	text-decoration:none;	
}

.accesslink {
	display:inline;
}

.normallink {
	display:none;
}

/* END HEADER CSS */


#subnav {
	padding:10px 0px;
	font-size: 110%;	
}

#subnav a {
	color:#7fc41b;
	text-decoration:none;
	display:block;
	padding:5px 0px 4px 20px;
	height:1%;
}

#subnav a:hover {
	background:url(/Images/Gif/subnav-bg.gif) no-repeat;
}

.subnavON {
	background:url(/Images/Gif/subnav-bg.gif) no-repeat;
}

#subnav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.clearer {
	clear:both;
}

#wrapper {
	width: 991px;
	margin:0px auto;
	position:relative;
}

#contentouter, #ctl00_contentouter {	
	background: url(/Images/Jpg/simple_vip_header.jpg) top left no-repeat;
	float:left;
	width:987px;
}

#contentinner {
	background: url(/Images/Gif/bottomillustration.gif) bottom left no-repeat;
	padding:260px 0px 0px 0px;

}

#leftcolumn 
{
	width:167px;
	float:left;
	margin:0px 48px 200px 0px;
}

#middlecolumnshort {
	float:left;
	width: 385px;
	margin-bottom:98px;
}

#middlecolumnlong {
	float:left;
	width: 524px;
	margin-bottom:98px;	
}

#middlecolumnextralong {
	float:left;
	width: 732px;
	margin-bottom:98px;	
	padding-right:40px;
}

#rightcolumnlong {
	float:right;
	width:318px;
	padding-right:32px;	
	background:none;
	padding-top:105px;
}

#rightcolumnshort {
	float:right;
	width:185px;
	padding-right:32px;	
	margin-top:106px;
}

#footer {
	font-size:90%;
	margin: 27px 0px;
	text-align:center;
	clear:both;
}

#footer a {
	text-decoration:none;
	margin-right: 10px;
}

.thoughts {
	background: url(/Images/blank.gif);
	position:absolute;
	top:150px;
	right: 114px;
	width: 450px;
	height: 90px;
	cursor:pointer;
}

.thoughts a {
	display:none;
	
}

.textbox {
	height:13px;
	color:#878889;
	font-size: 100%;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.textboxpassword {
	height:13px;
	color:#878889;
	font-size: 100%;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	background: white url("/Images/Gif/yourpassword.gif") no-repeat;
	
}


.droplist {
	font-size: 100%;
	color:#878889;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.pinkboxOuter {
	background: url(/Images/Gif/pinkbox-right.gif) no-repeat right 12px;
	margin-bottom:10px;
}

.pinkboxOuterG {
	background: url(/Images/Gif/pinkbox-rightG.gif) no-repeat right 12px;
}
	
.pinkboxInner {
	background: url(/Images/Gif/pinkbox-left.gif) no-repeat left 12px;
	padding:0px 8px 0px 15px;
}


.pinkboxInner h3 {
	padding-top:18px;
}

.greenVPboxOuter {
	background: url(/Images/Gif/greenVPbox-right.gif) no-repeat right 12px;
	margin:10px 20px 0px 0px;
	width:520px;
	clear:both;
}

.greenVPboxInner {
	background: url(/Images/Gif/greenVPbox-left.gif) no-repeat left 12px;
	padding:28px 10px 0px 15px;
}

.VPlogos {
	float:left;
	width:200px;
	display:block;
	text-align:center;
}

.VPlogoTxt {
	float:left;
	width:290px;
}

.middle {
	vertical-align:middle;
}

.pinkboximg 
{
	float:right;
	width:110px;
	text-align:center;
}

.pinkboxtxt 
{
	float:left;
	width:170px;
}

.headtable img {
	border: 1px solid #9c9d9f;
}

.joinusstar {
	position:absolute;
	left:242px;
	top:410px;
}

.benefitsbottom {
	position:absolute;
	left:25px;
	top:675px;
}

.splashintro {
	font-weight:bold;
	font-size:115%;
	width: 160px;
	position:absolute;
	color:white;
	left:45px;
	top:538px;
	z-index: 500;
}

.memberloginbg {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

.loginbox {
	position:absolute;
	top:10px;
	right:0px;
	width:172px;
	height:128px;
	font-size:90%;
	z-index:100;
}

.logincontents {
	position:absolute;
	top:45px;
	left:15px;
	z-index:100;
	width:146px;

}

.blogpinkbox 
{
	background: #fdf1f6 url(/Images/Gif/blogpinkbox-bg.gif) no-repeat bottom left;
	padding: 15px;
}

.greenborderboxOuter {
	background: url(/Images/Gif/greenborderbox-top.gif) top left no-repeat;
}

.greenborderboxInner 
{
	padding:10px;
	background: url(/Images/Gif/greenborderbox-bottom.gif) bottom left no-repeat;
}

.ltgreenbox {
	border: 1px solid #ccce10;
	padding: 10px 20px 20px 20px;
	margin-top: -1px;
}

.ltgreenbox ul {
	margin:0px 0px 0px 15px;
	padding: 0px;
}

.simplespabanner {
	background: url(/Images/Jpg/simple-spa-banner-bg.jpg) no-repeat;
	width: 477px;
	height:96px;
	font-size:110%;
	font-weight:bold;
	padding:13px;
}

/* BUTTONS */

.button {
	background:url(/Images/Buttons/button-r.gif) top right no-repeat;
}

.buttonpink {
	background:url(/Images/Buttons/buttonpink-r.gif) top right no-repeat;
}

.button, .buttonpink {
	height:28px;
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	font-size:11px;
	/*cursor: pointer;*/
}

.button:hover, .buttonpink:hover {
	background-position:right -30px;
	
}

.button a, .buttonpink a {
	float:left;
	text-decoration:none;
	color:white;
	display:block;
	padding:6px 20px 0px 7px;
	height:25px;
}

.button a {
	background:url(/Images/Buttons/button-l.gif) top left no-repeat;
}

.buttonpink a {
	background:url(/Images/Buttons/buttonpink-l.gif) top left no-repeat;
}

.button a:hover, .buttonpink a:hover {
	background-position:0px -30px;
	color:white;
}
/* END BUTTONS */

.clean {
	text-decoration:none
}

.clean img{
	margin-bottom:6px;
}

.accounttable {
	font-weight: bold;
}

.accounttable td {
	font-weight: bold;
	border-bottom: 1px solid #d1d346;
	padding: 5px 0px;
}

.plaintable td {
	padding: 5px 0px;
}


.checkboxMiddle input 
{
	vertical-align: middle;
}

.checkboxMiddle label 
{
	vertical-align: middle;
}

.SharePanel
{
	height: 35px;
	position: absolute;
	z-index: 999;
}
.SharePanel a
{
	position: relative;
	cursor: pointer;
	text-decoration: none;
	display: block;
	height: 24px;
	width: 24px;
	float: left;
}
.SharePanel a span
{
	display: none;
	font-weight: bold;
	color: #fff;
	position: absolute;
	width: 6.7em;
	left: -2.5em;
	background-position: top center;
	text-align: center;
}
.SharePanel a .caption{
	padding: 0.2em;
}
.SharePanel .speach
{
	top: -0.7em;
	left: -2.3em;
	height: 9px;
	background-position: center;
}
.SharePanel a:hover
{
	background-position: center 28px;
}
.SharePanel a:hover span
{
	display: block;
	text-decoration: none;
}
.SharePanel a.share
{
	background-image: url(/images/gif/btn_bookmark.gif);
}
.SharePanel a.share .caption
{
	background: #df5f9c;
	top: -3.6em;
	
}
.SharePanel a.share .speach
{
	background: url(/images/gif/speach-pink.gif) no-repeat center top;
}

.SharePanel a.print
{
	background-image: url(/images/gif/btn_print.gif);
}
.SharePanel a.print .caption
{
	background: #6ebbd9;
	top: -2.3em;
}
.SharePanel a.print .speach
{
	background: url(/images/gif/speach-blue.gif) no-repeat center top;
	
}
.SharePanel a.blog
{
	background-image: url(/images/gif/btn_blog.gif);
}
.SharePanel a.blog .caption
{
	background: #b4d85a;
	top: -2.3em;
}
.SharePanel a.blog .speach
{
	background: url(/images/gif/speach-green.gif) no-repeat center top;
	
}
.SharePanel a.vip
{
	background-image: url(/images/gif/btn_vip.gif);
}
.SharePanel a.vip .caption
{
	background: #f38e46;
	top: -3.6em;
}
.SharePanel a.vip .speach
{
	background: url(/images/gif/speach-orange.gif) no-repeat center top;
	
}
.SharePanel .SharePop
{
	display: none;
	width: 400px;
	position: relative;

	background-image: url(/images/gif/speach-darkgreen.gif);
	background-repeat: no-repeat;
	
	
}
.SharePanel.bottomleft  .SharePop
{
	top: 25px;
	left: -304px;
	background-position: 311px top;
}
.SharePanel.bottomright  .SharePop
{
	top: 25px;
	left: 0px;
	background-position: 11px top;
}
.SharePanel.topright  .SharePop
{
	top: -238px;
	left: 0px;
	background: none !important;
}
.SharePanel.topleft  .SharePop
{
	top: -238px;
	left: -316px;
	background: none !important;
}
.SharePanel .SharePop .title
{
	margin: 19px 10px 10px 19px;
	display: block;
	font-size: 1.3em;
	height: 1.6em;
	width: 200px;
}
.SharePanel .SharePop .close
{
	float: right;
	width: 45px;
	padding-top:10px;
}
.SharePanel .SharePop .border
{
	border: 1px solid #339933;
	background: #ebf6db;
	margin: 7px 0px 0px 0px;
	
	color: #339933;
	font-weight: bold;
}
.SharePanel .SharePop .links
{
	background: #fff;
	margin: 10px 20px 20px 20px;
	
}
.SharePanel .SharePop .col 
{
	width: 170px;
	float: left;
	padding-top: 10px;
}
.SharePanel .SharePop .col a
{
	float: left;
	display: block;
	width: 160px;
	margin: 0px 5px 5px 20px;
	color: #106190;
	font-size: 1.2em;
	_margin: 0px 5px 5px 10px;
	_width: 140px;
}
.SharePanel .SharePop .col a img
{
	margin: 0px 5px;
}


/* #######################################################						INDEX							*/

.index
{
	width: 750px;
	float: left;
	position: relative;
	z-index:0;
}
.index h1
{
	margin: 0px;
	padding: 0px;
}
.index h2
{
	font-size: 0.8em;
}
.index .head-become-out-friend
{
	width: 300px;
	float: left;
}
.index .index-share
{
	float: left;
	margin-left: 10px;
	position: relative;
	top: 22px;
	z-index:1000;
}
.index .text-become-friend
{
	clear: left;
	height: 44px;
	width: 496px;
	position: relative;
	overflow: hidden;
}
.index .text-become-friend div
{
	background: url(/images/Gif/vip-index-welcome.gif);
	height: 44px;
	width: 496px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.index .benefits
{
	background: url(/images/Jpg/vip-index-large-fade.jpg) no-repeat;
	margin-top: 10px;
	padding: 10px;
}

.index .benefits .title
{
	float: left;
	width: 130px;
}

.index .benefits .copy
{
	float: left;
	height: 126px;
	width: 463px;
	position: relative;
	margin-top: 4px;
	z-index: 100;
}

.index .benefits .copy div
{
	height: 112px;
	width: 463px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/images/Jpg/vip-index-benefits.jpg) no-repeat;
}

.index .roundal
{	
	background: url(/images/Jpg/vip-index-cta.jpg) no-repeat;
	height: 265px;
	width: 132px;
	position: absolute;
	top: 130px;
	left: 630px;
	_left: 635px;
	z-index: 0;
}

.index .columns
{
	width: 100%;
	clear: left;
	margin-top: 10px;
}

.index .columns .advise
{
	width: 220px;
	float: left;
	padding: 10px;
	margin: 0px;
	background: url(/images/Jpg/vip-index-small-fade.jpg) no-repeat;
}
.index .columns .right
{
	float: left;
	width: 510px;
	margin: 0px;
	padding: 0px;
}

.index .columns .right .buy
{
	width: 220px;
	float: left;
	padding: 10px;
	background: url(/images/Jpg/vip-index-small-fade.jpg) no-repeat;
	margin: 0px 10px;
}

.index .columns .right .tell
{
	width: 220px;
	float: left;
	padding: 10px;
	background: url(/images/Jpg/vip-index-small-fade.jpg) no-repeat;
	z-index: 101;
	position: relative;
	margin: 0px;
}

.index .columns .right .tell .head-like-the-sound-of-this
{
	position: relative;
	height: 26px;
	width: 213px;
	margin-top: 17px;
	left: 9px;
}
.index .columns .right .tell .head-like-the-sound-of-this div
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 26px;
	width: 213px;
	background: url(/images/Jpg/vip-index-like-the-sound-of-this.jpg) no-repeat;
}

.index .columns .right .fill
{
	clear: left;
	height: 42px;
	width: 490px;
	position: relative;
}
.index .columns .right .fill div
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 42px;
	width: 490px;
	background: url(/images/Jpg/fill-details-for-vip.jpg) no-repeat;
}
.index .register
{
	background: url(/images/Jpg/vip-index-large-fade.jpg) no-repeat;
	margin-top: 10px;
	padding: 10px;
}
.index .register .col1
{
	width: 440px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.index .register .col1 .left
{
	width: 210px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
.index .register .col1 .right
{
	width: 220px;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.index .col2
{
	background: url(/images/jpg/vip-index-form-side.jpg);	
	height: 546px;
	width: 283px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.index .submit
{
	width: 100%;
	clear: left;
	margin: 10px 0px 30px 0px;
}
.index .submit .joinbutton
{
	float: left;
}
.index .submit .share-bottom
{
	float:right;
	left:-135px;
	position:relative;
	top:15px;
}
.index .text-thankyou
{
	position: relative;
	height: 95px;
	width: 346px;
}

.index .text-thankyou div
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 95px;
	width: 346px;
	background: url(/images/Gif/vip-index-thankyou.gif);
}

.noul ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}

.greyarrowbullet li
{
	background:url(/images/Gif/greyarrow.gif) no-repeat 0px 4px;
	padding:0px 0px 0px 12px;
}


.addthis_button
{
	width:83px!important;
	height:16px!important;
	margin-top:3px;
}

.headericons
{
	float:right;
	margin-right:10px;
}

.headericon
{
	margin-right:5px;
}

.voucher
{
	width:566px; height:860px;
	position:relative; float:left;
	background-image:url('/images/png/vip-voucher.png');	
}

.voucher span
{
	position:absolute;
	left:406px; top:526px;
	color:#e52e87;
	font-weight:bold;
	font-size:1.25em;
}

.printbutton
{
	width:150px; height:26px;
	float:left;
	background-image:url('/images/buttons/print-voucher.png');	
	cursor:pointer;
}
