/* --------------------------------------------- GENERAL/LAYOUT CSS --------------------------------------------- */
/*THIS HAS BEEN EDITED*/
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");

}

img 
{
	border:0px;
	outline: none;
}

a img
{
	text-decoration:none;
}

a 
{
	border:0px;
	outline: none;
}

h3 p {
	padding:0px;
	margin:0px;
}

.maincolumn ul {
	list-style-image:url(../Images/Gif/green-bulletsm.gif);
	padding:0px;
	margin:0px 0px 0px 20px;
	_margin:0px 0px 0px 18px;
}

.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: #e7dfed;
	background-color: #e7dfed;
	clear:both;
}

address {
	font-style:normal;
}

a:hover {
	color:green;
}

.clearer {
	clear:both;
}

.clearerMed {
	clear:both;
	height:0.3em;
}

#content {
	width: 991px;
	margin:0px auto;
}

.pointer 
{
	cursor:pointer;
}

.underline 
{
	text-decoration:underline;
}

.right {
	float:right;
}

.valign {
	vertical-align:middle;
}
/* --------------------------------------------- HEADER CSS --------------------------------------------- */

#logo, #logo span {
	float:left;
	background:url(../Images/Logos/simple-logo.gif) no-repeat;
	width:159px;
	height:69px;
	margin-top:2px;
	cursor:pointer;
	overflow: hidden;

}

#logo span {
	margin-bottom: -69px;
	display: block;
	position: relative; 
	z-index: 1;
}

#navbar {
	height:32px;
	margin:1px 0px 8px 0px;
	padding:0px;
	text-transform:uppercase;

}

#navbar ul {
	padding:0px;
	margin:0px;
}

#navbar li {
	display:inline;
}

#navbar span 
{
	display:none;
}

#navbar .slide span 
{
	display:block;
}

#loggedin {
	float:right;
	width:300px;
	font-size:10px;
	margin:20px 15px 0px 0px;
	height:26px;
	text-align:right;
}

#loggedin a {
	text-decoration:none;
}
#header
{
	position:relative;
	z-index: 9999;
}
.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:green;
	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;
}

.left {
	float:left;
}

.linehi {
	line-height:2.2em;
}

/* --------------------------------------------- END HEADER CSS --------------------------------------------- */

/* --------------------------------------------- GENERAL CSS --------------------------------------------- */


#subnav, #subnav2 {
	font-size: 105%;
	text-transform:uppercase;	
	width:196px;
	margin-left:4px;
	_overflow:hidden;
}

#subnav a , #subnav2 a{
	color:#267835;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:5px 0px 4px 20px;
	height:1%;
	margin:0px;
	width:177px;	
}

#subnav a:hover, #subnav2 a:hover {
	background:url(../Images/Gif/subnav-bg.gif) no-repeat;
}

.subnavON {
	background:url(../Images/Gif/subnav-bg.gif) no-repeat;
}

.subnavSelected
{
	color:#faa41a!important;
}

#subnav ul,#subnav2 ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#subnav .group a, #subnav2 .group a {
	color:#7fc41b;
}

.breadcrumbs 
{
	min-height: 21px;
	_height: 21px;
}

.breadcrumbs a
{
	color:#919293;
}

#footer, #footerHealth
{
	position:relative;
	height:414px;
	background: url(../Images/Gif/footer-bg.gif) repeat-x bottom;
}

#footer.homepage
{
	position:relative;
	height:246px;
	background: url(../Images/Gif/footer-bg.gif) repeat-x bottom;
}
#footer.homepage .upper
{
	height: 156px;
	width: 1014px;
	margin: auto;
	background: url(../Images/Gif/footer-homepage.gif) no-repeat;
}

#footer a, #footerHealth a, #footerHomepage a
{
	
	font-weight: bold;
	margin-right: 10px;
}

#footer a:hover, #footerHealth a:hover, #footerHomepage a:hover
{
	color:black;
}

.footerlinks {
	height:58px;
	text-align:center;
	font-size:90%;
	padding-top:17px;
}

.bottomboxes {
	position:relative;
	width:997px;
	margin:0px auto;
	height: 324px;
}
.bottomboxed li
{
	padding-bottom: 3px;
}

.floralWhiteMainbox 
{
	position:relative;
	background: url("/Images/Gif/mainbox-top.gif") top left no-repeat;
	width:991px;
	margin-bottom:12px;
}

.floralWhiteMainboxInner 
{
	padding:20px 20px 20px 0px;
	background: url("/Images/Gif/mainbox-bottom.gif") bottom left no-repeat;
	min-height:200px;
}

.vipRegBtn 
{
	position:relative;
	padding:20px 20px 20px 0px;
	background: url("../Images/Gif/vip-sign-up-button.gif") top right no-repeat;
	height:81px;
	width:129px;
	float: right;
}

.homepageTopBanners
{
	width:100%; 
	padding-top:20px	
}
.homepageBottom
{
	width:100%; 

}
.homepageBottom .RadEWrapper
{
	position: absolute;
	z-index: 1000;
}
.homepageLeft
{
	float:left;
	width: 575px;
	margin-top: 20px;
}

.homepageShop
{
	
	width: 165px;
	background: url(/Images/gif/homepage-shop-fill.gif) repeat-y center;
	float: left;
	padding: 0px;
	position: relative;
	margin: 0px;
	color: #216729;
}
.homepageShop strong
{
	color: #FFF;
	font-weight: normal;
}
.homepageShop .top
{
	background: url(/Images/Jpg/homepage-shop-top.jpg) no-repeat center top;
	min-height: 327px;
	_height: 327px;
}
.homepageShop .bottom
{
	background: url(/Images/Gif/homepage-shop-bottom.gif) no-repeat center bottom;
	padding-bottom: 10px;
}
.homepageShop .text
 {
	padding: 0px 10px 0px 10px;
	font-weight: bold;
 }
.homepageShop .go
{
	display: block;
	width: 46px;
	height: 26px;
	text-decoration: none;
	overflow: hidden;
	line-height:60px;
	background: url(/Images/buttons/go-flip-green.gif) top left no-repeat;
	margin: 10px 0px 0px 10px;
	padding: 0px;
}
.homepageShop .go:hover
{
	background-position: bottom left;
}
.homepageShop .goBasket
{
	margin-top: 5px;
	text-decoration: none;
}
.homepageRadientGoodness
{
	float: left;
	width: 394px;
	padding: 0px;
	margin: 0 0 0 15px;

	overflow: hidden;
}
.homepageFooterBanner
{
	float: left;

}
.homepageFooterBanner img
{
	margin-top: 20px;
	
}
.homepageRadient
{
	float: left;
	background: url(/Images/Jpg/homepage-health.jpg) no-repeat;
	width: 394px;
	min-height: 200px;
	_height: 200px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.homepageRadient .text
{
	width: 230px;
	padding-top: 70px;
	margin:0 0 20px 15px;
}
.homepageRadientGoodness .go
{
	display: block;
	width: 46px;
	height: 26px;
	text-decoration: none;
	overflow: hidden;
	margin-top: 20px;
	background: url(/Images/buttons/go-flip.gif) top left no-repeat;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	position: relative;
}
.homepageRadientGoodness .go span
{
	position: relative;
	left: 100px;
}
.homepageRadientGoodness .go:hover
{
	background-position: bottom left;
}
.homepageGoodness
{
	float: left;
	background: url(/Images/Jpg/homepage-goodness.jpg) no-repeat;
	width: 394px;
	min-height: 151px;
	_height: 151px;
	padding: 0px;
	margin: 0px;
}
.homepageGoodness .text
{
	width: 260px;
	padding-top: 50px;
	margin:0 0 20px 15px;
}

.homepageRight
{
	width: 395px;
	float: left;
	margin: 20px 0 0 20px;
}
.homepageBlog
{
	float:left;
	background: url(/Images/Jpg/homepage-blog-fill.gif) repeat-y center top;
	position: relative;
	
}

.homepageBlog span
{
	color: #d91a75;
}
.homepageBlog ul
{
	padding: 0px;
	margin: 0px 0px 0px 15px;
}
.homepageBlog li
{
	color: #d91a75;
	padding: 0px;
	margin: 0px;
}
.homepageBlog li span
{
	color: #FFF;
}
.homepageBlog .top
{
	background:  url(/Images/Jpg/homepage-blog-top.jpg) no-repeat center top;
}
.homepageBlog .bottom
{
	background:  url(/Images/Jpg/homepage-blog-bottom.jpg) no-repeat center bottom;
	width: 396px;
	min-height: 168px;
	_height: 168px;
	position: relative;
}
.homepageBlog .blog img
{
	position: absolute;
	top: 9px;
	left: 333px;
}
.homepageBlog a
{
	color: #e70d8e;
	text-decoration: none
}
.homepageBlog a:hover
{
	text-decoration: underline;
}
.homepageBlog a.title
{
	font-size: 1.3em;
	font-weight: bold;
	background: url(/images/gif/pinkarrow.gif) no-repeat right 55px;
	display: block;
	padding: 50px 16px 0px 0px;
	float: left;
	
}
.homepageBlog .intro
{
	width: 243px;
	float: left;
	color: #FFF;
	background: url(/images/Gif/homepage-blog-textback.gif) no-repeat top left;
	padding-top: 50px;
	padding-left: 5px;
	min-height: 125px;
	_height: 125px;
	margin-left: 3px;
	margin-top: 5px;
}
.homepageBlog .blog
{
	width: 130px;
	float: left;
	margin-left: 3px;
	padding-top: 6px;
}
.homepageTopTips
{
	float:left;
	background: url(/Images/Jpg/homepage-toptips.jpg) no-repeat center top;
	position: relative;
	width: 396px;
	margin-top: 20px;
	padding-top:46px;
}
.homepageTopTips .row
{
	height: 38px;
	padding-left: 55px;
}
.homepageTopTips .text a.title
{
	color: #237c40;
	font-weight: bold;
	text-decoration: none;
}
.homepageTopTips .text a.title:hover
{
	text-decoration: underline;
}
.homepageNews
{
	float: left;
	width: 253px;
	background: url(/Images/Gif/homepage-news.gif) no-repeat;
	margin-top: 20px;
	
}
.homepageNews .text
{
	padding: 45px 20px 0;
}
.homepageNews .row
{
	clear: left;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
.homepageNews img
{
	float: left;
	margin-right: 10px;
}
.homepageNews .summary
{
	width: 145px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.homepageNews .summary a.title
{
	color: #237c40;
	font-weight: bold;
	text-decoration: none;
}
.homepageNews .summary a.title:hover
{
	text-decoration: underline;
}
.homepageStory
{
	float: left;
	width: 133px;
	margin: 20px 0 0 0;
}
.homepageStory .text
{
	padding: 30px 5px 0 20px;
}
.homepageStory .top
{
	padding-bottom: 5px;
	_height: 133px;
	min-height: 113px;
	background: url(/Images/Gif/homepage-our-story-top.gif) no-repeat;
}
.homepageStory .bottom
{
	height: 129px;
	background: url(/Images/Jpg/homepage-our-story-bottom.jpg) no-repeat;
}
.homepagePopular
{
	float:left;
	width: 213px;
	background: url(/Images/Gif/homepage-popular.gif) no-repeat;
	min-height: 75px;
	_height: 75px;
	margin-top: 5px;
	padding: 40px 20px 0;
}
.homepagePopular a
{
	float:left;
	width: 106px;
	color: #8c8c8c;
	display: block;
}
.homepagePopular a:hover
{
	color: #9c9c9c;
}

.homepageNewsletter
{
	float:left;
	width: 94px;
	background: url(/Images/Jpg/homepage-newsletter.jpg) no-repeat;
	min-height: 90px;
	_height: 90px;
	margin-top: 5px;
	padding: 35px 20px 0;
}
.leftcolumn 
{
	width:200px;
	float:left;
}

.maincolumn 
{
	width:740px;
	float:left;
	border-left: 1px solid #E7DFED;
	padding-left:30px;
	margin-top:10px;
}

.textbox {
	height:13px;
	font-size: 100%;
	color:green;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.textarea {
	font-size: 100%;
	color:green;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.textboxpassword {
	height:13px;
	font-size: 100%;
	color:green;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	background: white url("/Images/Gif/yourpassword.gif") no-repeat;	
}

.droplist {
	font-size: 100%;
	color:green;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}

.pinkboxOuter {
	background: url(/Images/Gif/pinkbox-right.gif) no-repeat right 12px;
	float:left;
	margin-right:9px;
}

.orangeboxOuter {
	background: url(/Images/Gif/orangebox-right.gif) no-repeat right 12px;
	float:left;
	margin-right:9px;
}

.blueboxOuter {
	background: url(/Images/Gif/bluebox-right.gif) no-repeat right 12px;
	float:left;
	margin-right:9px;
}
.blueboxOuter a
{
	color: #3cc3ec;
}

.greenboxOuter {
	background: url(/Images/Gif/greenbox-right.gif) no-repeat right 12px;
	float:left;
	margin-right:9px;
}
	
.pinkboxInner {
	background: url(/Images/Gif/pinkbox-left.gif) no-repeat left 12px;
	padding:0px 8px 0px 15px;
}

.orangeboxInner {
	background: url(/Images/Gif/orangebox-left.gif) no-repeat left 12px;
	padding:0px 8px 0px 15px;
}

.blueboxInner {
	background: url(/Images/Gif/bluebox-left.gif) no-repeat left 12px;
	padding:0px 8px 0px 15px;
}

.greenboxInner {
	background: url(/Images/Gif/greenbox-left.gif) no-repeat left 12px;
	padding:0px 8px 0px 15px;
}

.pinkboxFooter {
	background: url(/Images/Jpg/footer-pink.Jpg) no-repeat left 12px;
	padding:0px 8px 0px 15px;
	height: 255px;
	padding-top:25px;
}

.orangeboxFooter {
	background: url(/Images/Jpg/footer-orange.Jpg) no-repeat left 12px;
	padding:0px 8px 0px 15px;
	height: 255px;
	padding-top:25px;
}
.orangeboxFooter a
{
	color: #f0933c !important;
}

.blueboxFooter {
	background: url(/Images/Jpg/footer-blue.Jpg) no-repeat left 12px;
	padding:0px 8px 0px 15px;
	height: 255px;
	padding-top:25px;
}

.greenboxFooter {
	background: url(/Images/Jpg/footer-green.Jpg) no-repeat left 12px;
	padding:0px 8px 0px 15px;
	height: 255px;
	padding-top:25px;
}
.greenboxFooter a
{
	color:green;
}

.pinkboxInner h2, .orangeboxInner h2, .blueboxInner h2, .greenboxInner h2 {
	padding-top:18px;
}

.pinkbox
{
	background: url(/Images/Gif/pinkbox.gif) no-repeat;
	color:#000000;
	float:left;
	width:472px;
	height:277px;
	font-size:110%;
}

.lightgreenbox
{
	background: url(/Images/Gif/lightgreenbox.gif) no-repeat;
	color:#000000;
	float:left;
	width:266px;
	height:277px;
	font-size:110%;
}

.middle {
	vertical-align:middle;
}

.basket 
{

	padding:8px 13px 5px 13px;
	width:310px;
	height:28px;
	background:url(../Images/Gif/basket-bg.gif) top right no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	text-align:center;
}

.basket a:hover
{
	color:green;
}

.addcartfloat {
	padding:8px 0px 5px 13px;
	position:absolute;
	right:316px;
	top:0px;
	background:url(../Images/Gif/basket-bg2.gif) top left;
	width:110px;
	height:28px;
}


.catpicture 
{
	float:left;
	width: 200px;
	margin-right:10px;
}

.cattext 
{
	float:left;
	width:423px;
}

.categoriessm 
{
	position:relative;
	background:url(../Images/Gif/category-bg.gif) no-repeat;
	width:175px;
	height: 149px;
	float:left;
	margin:0px 9px 9px 0px;
	padding-left:1px;
}

.cattitle 
{
	height:30px;
	overflow:hidden;
	padding:0px 5px;
}

.catlow {
	position:absolute;
	bottom:0px;
	left:0px;
}

.product 
{
	float:left;
	width: 330px;
	height: 116px;
	border-bottom: 1px solid #cccccc;
	padding:0px 0px 6px 0px;
	margin:5px 30px 0px 0px;
}

.product ul {
	padding:5px 0px 7px 15px;
	margin:0px;
}

.product .kitDetails
{
	width: 116px; 
	float: right; 
	clear: left
}

.product .reviewDetails
{
	width: 85px; 
	float: left;
}

.productImg {
	width: 116px;
	height: 116px;
	float: left;
	margin-right: 10px;
	cursor:pointer;
}

.productImg:hover {
	background-position:0px -116px !important;
}

.orangeplainbox 
{
	position:relative;
	background:#fcf5d7 url(../Images/Gif/orangebox-tr.gif) top right no-repeat;	
}

.orangeplainboxinner 
{
	padding:5px 15px 15px 15px;
	background: url(../Images/Gif/orangebox-bl.gif) bottom left no-repeat;	
}

.obox1 {
	position: absolute;
	top:0px;
	left:0px;
}

.obox2 {
	position: absolute;
	bottom:0px;
	right:0px;
}

.sitemap ul {
	margin:3px 0px 3px 14px;
	padding:0px;
	list-style:none;
}

.referafriend {
	background: url(/Images/Jpg/refer-a-friend.jpg) bottom right no-repeat;
}

.newssearch {
	width:174px;
	padding:12px 3px 14px 20px;
	background:url(../Images/Gif/news-search-bg.gif) repeat-x bottom;
	border-top: 1px solid #E7DFED;
}

.simplesays {
	background:url(../Images/Text/simple-says.gif) no-repeat;
	width:83px;
	height:19px;
	text-indent:-2000px;
	margin-top:2px;
}

.LtBluebox {
	background: url(../Images/Gif/blueboxsolid-top.gif) top left no-repeat;
}

.LtBlueboxInner {
	background: url(../Images/Gif/blueboxsolid-bottom.gif) bottom left no-repeat;
	padding:20px;
}

.ulindent ul {
	padding:0px;
	margin:0px 0px 0px 14px;
}

.ltgreenbox {
	border: 1px solid #ccce10;
	padding: 10px 20px 20px 20px;
	margin-top: -1px;
	position:relative;
}

.ltgreenbox ul {
	margin:0px 0px 0px 15px;
	padding: 0px;
}

.pager a
{
	color: #878889;
	text-decoration:none;
}

.relatedItemsPack {
	width:312px;
	float:left;
	margin-right:48px;
}

.hpbuttons1 {
	position:absolute;
	right:0px;
	top:12px;
	width: 85px;
	z-index:1000;
	text-align:right;
}

.hpbuttons1 img {
	margin-bottom:5px;
}

.addressboxouter {
	background:url(../Images/Gif/addressesbox-top.gif) top left no-repeat;
	width:222px;
	float:left;
	margin:10px 10px 2px 0px;	
}

.addressboxinner {
	padding:10px 10px 2px 10px;
	background:url(../Images/Gif/addressesbox-bottom.gif) bottom left no-repeat;
}

.addressboxinner2 {
	padding:10px 10px 2px 10px;
	background:url(../Images/Gif/addressesbox-bottom2.gif) bottom left no-repeat;
}

.dotted 
{
	border-top:1px solid #ececec;
	}
	
.borderStrong {
	border-top:1px solid #c4c4c4;
}

.borderTable td {
	border-bottom:1px solid #dbdbdb;
}

.borderbottom td {
	border-bottom:1px solid #7fc41b;
}
	
/* --------------------------------------------- ENG GENERAL CSS --------------------------------------------- */

/* --------------------------------------------- BUTTONS --------------------------------------------- */

.button, .buttonDkGreen, .buttonOnDk {
	height:28px;
	float:left;
	display:block;
	padding:0px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	/*cursor: pointer;*/
}

.button {
	background:url(../Images/Buttons/button-r.gif) top right no-repeat;
}

.buttonDkGreen {
	background:url(../Images/Buttons/button-dkgreen-r.gif) top right no-repeat;
}

.buttonOnDk {
	background:url(../Images/Buttons/button-dkgreen-r.gif) top right no-repeat;
}

.button:hover, .buttonDkGreen:hover, .buttonOnDk:hover {
	background-position:right -30px;	
}

.button a, .buttonDkGreen a, .buttonOnDk a {
	float:left;
	text-decoration:none;
	color:green;
	display:block;
	padding:6px 22px 0px 7px;
	height:25px;
}

.button a {
	background:url(../Images/Buttons/button-l.gif) top left no-repeat;
}

.buttonDkGreen a {
	background:url(../Images/Buttons/button-dkgreen-l.gif) top left no-repeat;
}

.buttonOnDk a {
	background:url(../Images/Buttons/button-dkgreen-l.gif) top left no-repeat;
}

.button a:hover, .buttonDkGreen a:hover, .buttonOnDk h6:hover {
	background-position:0px -30px;
	color:white;
}

/* BUTTONS FOR THE HOMEPAGE */

.buttonGR 
{
	background:url(../Images/Buttons/button-gr-r.gif) top right no-repeat;
	height:23px;
	float:left;
	display:block;
	padding:0px;
	font-size:11px;
	margin-bottom:5px;
}

.buttonGR:hover {
	background-position:right -23px;	
}

.buttonGR a {
	background:url(../Images/Buttons/button-gr-l.gif) top left no-repeat;
	float:left;
	text-decoration:none;
	color:white;
	display:block;
	padding:4px 0px 0px 7px;
	width:100px;
	height:20px;	
}

.buttonGR a:hover {
	background-position:0px -23px;
	color:white;
}

.editor {
	position:absolute;
	z-index:2000;
}

/* --------------------------------------------- END BUTTONS --------------------------------------------- */

/* --------------------------------------------- BOTTOM BOX HEADERS --------------------------------------------- */

.productshead h4, .skincarestepshead h4, .simplebloghead h4, .shophead h4, .healthcheckhead h4 {
	display:none;
}

.productshead {
	background: url(../Images/Headings/products.gif) no-repeat bottom left;
	height: 50px;
	width: 87px;
	cursor:pointer;
}

.skincarestepshead {
	background: url(../Images/Headings/skincare-steps.gif) no-repeat bottom left;
	height: 50px;
	width: 140px;
	cursor:pointer;
}

.simplebloghead {
	background: url(../Images/Headings/simple-vip-blog.png) no-repeat bottom left;
	height: 32px;
	width: 170px;
	cursor:pointer;
}

.simplyviphead {
	background: url(../Images/Headings/simple-vip.png) no-repeat bottom left;
	height: 32px;
	width: 117px;
	cursor:pointer;
}

.shophead {
	background: url(../Images/Headings/shop.gif) no-repeat bottom left;
	height: 50px;
	width: 140px;
	cursor:pointer;
}

.healthcheckhead {
	background: url(../Images/Headings/radiant-skin-starts-here.png) no-repeat bottom left;
	height: 55px;
	width: 145px;
	cursor:pointer;
}

.skincaresolutionshead {
	background: url(../Images/Headings/shop-online.png) no-repeat bottom left;
	height: 32px;
	width: 146px;
	cursor:pointer;
}
/* --------------------------------------------- END BOTTOM BOX HEADERS --------------------------------------------- */

/* --------------------------------------------- SKINCARE SOLUTIONS PAGES --------------------------------------------- */

.solutionsLive {
	background:url(../Images/Gif/solutions-live-bg.gif) no-repeat;
	width:409px;
	height:269px;
	position:relative;
	padding:150px 335px 0px 17px;
	color:white;
	/* margin-top:-60px;*/
}

.solutionsLive a {
	color:white;
}

.personimg {
	position:absolute;
	bottom:0px;
	right:23px;
}

.arrows {
	padding:0px;
	margin:0px 0px 0px 12px;
	list-style-image:url(../Images/Gif/greenarrow.gif);
	font-size:110%;
	line-height:1.5em;
}

.arrows a {
	color:#878889;
	text-decoration:none;
}

.arrows a:hover {
	color:#7fc41b;
}

.arrowHeading 
{
	background: url(../Images/Gif/greenarrow2.gif) no-repeat;
	text-indent: 10px;
}

.liveQAbox {
	float:left;
	background:url(../Images/Jpg/liveQA-bg.jpg) no-repeat;
	width:142px;
	height:162px;
	padding:50px 108px 0px 16px;
	margin-right:20px;
	cursor:pointer;
}

.liveQAbox h2 {
	display:none;
}

.webcastArchives {
	float:left;
	width:462px; /* 450 */
	position:relative;	
}


.webcastArchive {
	float:left;
	width:126px; /* 126 */
	margin-right:15px;
}

.webcastArchive ul {
	margin:0px 0px 15px 14px;
	padding:0px;
	list-style-image:url(../Images/Gif/greenarrow.gif);
}

.sliderSm {
	float:left;
	width:420px;
	height:170px;	
}

#imageblockSm {
	overflow: hidden; 
	position:relative;
	width:408px;
}

#imageblockBGsm {
	width:3000px;
}

.podcast {
	background:url(../Images/Gif/podcast-bg.gif) bottom left no-repeat;
	width:738px;
	height:350px;
	margin-bottom:22px;
	color:white;
	position:relative;
}

.podOptions {
	float:right;
	width: 140px;
	margin:0px 40px 0px 0px;
}

.podOptions ul {
	margin:0px 0px 15px 14px;
	padding:0px;
	list-style-image:url(../Images/Gif/orangearrow.gif);
	line-height:1.5em;
}

.podOptions a {
	color:white;
	text-decoration:none;
}

.largeMovie {

	width:700px;
	height:490px;
	position: absolute;	
	z-index:2000;
	top:98px;
	left:250px;
}

.largeMovie .back
{
	width: 130px; 
	height: 30px; 	
	position: absolute; 
	top: 495px;
	z-index:2001;
	right:0px;
}

.largeMovie .back a
{
	color: #FFFFFF;
}

.glossaryBox {
	background: url(../Images/Jpg/glosaary-bg.jpg) top right no-repeat;
	height:150px;
	width: 303px;
	padding-right:43px;
}


/* --------------------------------------------- END SKINCARE SOLUTIONS PAGES --------------------------------------------- */

/* --------------------------------------------- SKIN HEALTH CHECK PAGES --------------------------------------------- */

.healthcheckintro {
	background:url(../Images/Text/healthcheck-intro.gif) no-repeat;
	width:621px;
	height:315px;
}

.healthcheckintro p, .healthcheckintro h1 {
	display:none;
}

.orangeboxOuterForm {
	background: url(/Images/Gif/orangebox-right.gif) no-repeat right top;
	width:427px;
	margin:15px 0px 20px 0px;
}

.orangeboxInnerForm {
	background: url(/Images/Gif/orangebox-left.gif) no-repeat left top;
	padding:10px 8px 0px 15px;
}

.orangeboxOuterForm h5 {
	color:#267835;
	font-size: 1.9em;
	font-weight:normal;
}

.orangeboxOuterForm h6 {
	color:#267835;
	font-size: 1.2em;
}

.mainSkinCheck {
	margin-top:-8px;
	_margin-top:-11px;
	min-height:686px;
	_height:686px;
	width:991px;
	padding:20px;
	position:relative;
}

.mainSkinCheck h2, .mainSkinCheck h5 {
	margin:0px;
	padding:0px;
}

.mainSkinCheck ul {
	margin:10px 0px 10px 0px;
	padding:0px;
	color:#267835;
	font-weight:bold;
	list-style:none;
}

.mainSkinCheck input {
	vertical-align:middle;
}

.healthbuttons a {
	text-decoration:none;
	color:#CCCCCC;
}

.questionIntro {
	font-size:125%;
	color: #7fc41b;
	width:207px;
	float:left;
	margin-top:20px;
}

.questionPic {
	float:left;
}

.HQcont 
{
	min-height:690px;
	width:991px;
	position:relative;
	border:1px solid white;	
}

.HQcont h2
{
	margin:0px;	
}

.GreenoutlineBox {
	width:430px;
	background:url(../Images/Gif/greenoutlinebox-top.gif) no-repeat top left;
}

.GreenoutlineBoxInner {
	background:url(../Images/Gif/greenoutlinebox-bottom.gif) no-repeat bottom left;
	padding:10px;
}

.GreenoutlineBoxMed {
	width:735px;
	background:url(../Images/Gif/greenoutlineboxmed-top.gif) no-repeat top left;
}

.GreenoutlineBoxMedInner {
	background:url(../Images/Gif/greenoutlineboxmed-bottom.gif) no-repeat bottom left;
	padding:20px;
}


.GreenoutlineBoxLong {
	width:893px;
	background:url(../Images/Gif/greenoutlineboxlong-top.gif) no-repeat top left;
}

.GreenoutlineBoxLongInner {
	background:url(../Images/Gif/greenoutlineboxlong-bottom.gif) no-repeat bottom left;
	padding:10px;
}

.registerintro {
	background:url(../Images/Text/register-start.gif);
	width:256px;
	height:83px;
	float:left;
	margin-top:50px;
}

.registerintro p {
	display:none;
}

.skinhealthProgress {
	background:url(../Images/Text/skin-health-check-progress.gif);
	width:383px;
	height:22px;
	margin-top:30px;
}

.skinhealthProgress p {
	display:none;
}

.begin {
	background: url(../Images/Text/ready-to-begin.gif) no-repeat;
	width:320px;
	height:37px;
	float:left;
	margin:16px 20px 0px 0px;
	text-align:center;
}

.begin h3 {
	display:none;
}

.greenbullet {
	list-style-image:url(../Images/Gif/green-bullet.gif);
	margin:20px 0px 0px 20px;
	padding:0px;
}

.dkGreenBox {
	background: #267835 url(../Images/Gif/dkgreenbox-top.gif) no-repeat top left;
	color:white;
	width:862px;
	font-size:120%;
	position:relative;
	font-weight:bold;
}

.dkGreenBox2 {
	background: #267835 url(../Images/Gif/dkgreenbox-top2.gif) no-repeat top left;
	color:white;
	width:862px;
	font-size:130%;
	position:relative;
	font-weight:bold;
}

.dkGreenBoxInner {
	background: url(../Images/Gif/dkgreenbox-bottom.gif) no-repeat bottom left;
	padding: 16px 20px 20px 210px;	
}

.upgradenow {
	background: url(../Images/Text/upgrade-now.gif) no-repeat;
	width:826px;
	height:44px;
}

.upgradenow p {
	display:none;
}

.radiobuttons input {
	float:left;
	margin-right:5px;
}

.radiobuttons label {
	float:left;
	width:365px;
	margin-top:3px;
	display:block;
}

.reportImgCol {
	float: right;
	width: 180px;
	text-align:center;
}

.upgradetxtTop {
	position:absolute;
	width:290px;
	font-size:115%;
	top:20px;
	right:85px;
}

.nearlythere {
	background:url(../Images/Text/ok-nearly-there.gif);
	height:81px;
	width:904px;
	margin:12px 0px 20px 0px;
}

.nearlythere-lone {
	background:url(../Images/Text/ok-nearly-there-lone.gif);
	height:111px;
	width:735px;
	margin:12px 0px 20px 0px;
}

.nearlythere h1, .nearlythere-lone h1 {
	display:none;
}

/* --------------------------------------------- END SKIN HEALTH CHECK PAGES --------------------------------------------- */

/* --------------------------------------------- SIMPLE STORY PAGES --------------------------------------------- */

#timelineintro {
	position:absolute;
	right:20px;
	top:430px;
	width:350px;
}

.event {
	width:150px;
}

.event img {
	margin-left:-6px;
}

.slider {
	width:985px;
	height:420px;
	color:#267835;
	font-weight:bold;
	position:absolute;
	top:90px;
	left:0px;
}

.slider div {
	position:absolute;
}

.slider img {
	position:absolute;
}

.slider div img {
	position:static;
}

#imageblock {
	position:relative;
	margin:18px 0px 0px 3px;
	height: 420px;
	width:985px;
	overflow: hidden; 
}

#imageblockbg {
	background:url(/Images/Jpg/wallpaper.jpg) no-repeat;
	width:5922px;
	height:420px;
	position:absolute;
	left:0px;
}

#tvinfo {
	position:absolute;
	top:420px;
	left:23px;
	width: 300px;
	height:40px;
	font-weight:normal;
	color:#878889;
	font-size:100%;
}

.movie {
	position:absolute;
	bottom: 10px;
	right:20px;
}

.leftarrow, .rightarrow {
	position: absolute;
	z-index:200;
	top: 130px;
	cursor:pointer;
}

.rightarrow 
{
	left: 954px;
}

.leftarrow {
	left: -36px
}

.prodshot {
	position:absolute;
	top: 310px;
	left: 345px;
}

.prodshot div
{
	position: absolute;
	left: 0px;
	top: 0px;
}

.decadeTitles div {
	position:absolute;
	top:32px;
	right:20px;
}

.ruler 
{
	position:absolute;
	bottom:30px;
	z-index:300;
}
.ruler img
{
	float:left;
}

/* --------------------------------------------- END SIMPLE STORY PAGES --------------------------------------------- */

/* --------------------------------------------- START SIMPLE PRODUCT REVIEW SCROLLER --------------------------------------------- */
.reviewContainer
{
	width: 660px;
}
.reviewContainer .footer
{
	clear:both; 
	margin-top: 10px;
}
.reviewContainer .footer_info
{
	float:left; 
	width: 100px; 
	position: relative; 
	left: 275px; 
	height: 20px; 
	text-align:center;
}
.reviewContainer .footer_links
{
	float:right; 
	width: 315px;
}
.reviewContainer .footer_addReview
{
	position:relative;
	top: +4px;
}
.reviewContainer .footer_readLess
{
	float:right;
}
.reviewContainer .footer_readLess img
{
	vertical-align:middle;
	margin-left:4px;
}

.reviewPage
{
	left: 0px;
	top: 0px;
	width: 660px;
}
.reviewPage .holder
{
	display: block;
	
}
.reviewPage .left
{
	float: left;
	width: 320px;
}
.reviewPage .right
{
	float: right;
	width: 320px;
}
.reviewBlock
{
	margin: 0px 0px 10px 0px;
	padding: 0px 15px 0px 5px;
}


/* --------------------------------------------- END SIMPLE PRODUCT REVIEW SCROLLER --------------------------------------------- */

.PostageNonUKWarning
{
	color: Red;
	font-weight: bold;
}

/* --------------------------------------------- START SKINCARE SOLUTIONS LIVE  --------------------------------------------- */

#chatWindow
{
	margin:auto;
	width: 480px;
	height: 270px;
	overflow:auto;
	border: 2px solid #267835;
	padding: 10px;
	background:white;
	
}

#chatWindow .message
{
	clear:both;
}
#chatWindow .name
{
	float: left;
	width: 100px;
	font-weight: bold;
}

#chatWindow .text
{
	float: left;
	width: 380px;
}


.chatbg1 {
	width:502px;
	padding:20px 118px 0px 118px;
	background:#96bf0d url(../Images/Gif/chatbg1.gif) no-repeat 30px 0px;
}

.chatbg2 {
	width:502px;
	padding:0px 118px 10px 118px;
	background:#96bf0d url(../Images/Gif/chatbg2.gif) no-repeat bottom left;
}

.fillgreen {
	position:absolute;
	background:#96bf0d;
	height:27px;
	width: 738px;
	top:439px;
}
.SharePanel
{
	height: 35px;
	position: absolute;
	z-index: 0;
}
.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: 175px;
	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;
}

.vod-offer, .vod-offer span {
	position:relative;
	width:697px;
	height:768px;
}

.vod-offer span {
	background:url(../Images/Jpg/VOD_landing.jpg) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

.proud-button-buy {
	position:absolute;
	z-index:200;
	top:310px;
	right:40px;
}

.proud-button-more {
	position:absolute;
	z-index:200;
	bottom:30px;
	right:40px;
}

.greenroundedbox {
	background:#7fc41b url(../Images/Gif/green-roundedboxtop.gif) no-repeat top left;
	width:688px;
}

.greenroundedbox-inner {
	background:url(../Images/Gif/green-roundedboxbottom.gif) no-repeat bottom left;	
	padding:20px 10px 20px 20px;
}

.offer-half-left {
	font-size:130%;
	float:left;
	width:50%;
	color:white;
}

.offer-half-left ul {
	padding:0px;
	margin:0px 0px 0px 17px;	
	list-style-image:none;
}

.offer-half-left li {
	list-style:disc;
}

.wht-inner-box {
	font-size:130%;
	width:322px;
	float:right;
	background:url(../Images/Gif/wht-inner-box-mid.gif) top left repeat-y;
}

.wht-inner-box-bottom {
	background:url(../Images/Gif/wht-inner-box-bottom.gif) no-repeat bottom left;	
}

.wht-inner-box-top {
	background:url(../Images/Gif/wht-inner-box-top.gif) no-repeat top left;
	padding:5px 20px 15px 20px;
}

.wht-inner-box-top2 {
	background:url(../Images/Gif/wht-inner-box-top.gif) no-repeat top left;
	padding:10px 20px 20px 20px;
	font-size:0.8em;
	font-weight:bold;
}
/*-------------------------					COMPETITION						------------------------------- */

.CompetitionBox
{
	background-color: #82b729;
	color: #FFF;
	width: 590px;
}
.CompetitionHeader
{
	background-image: url(/images/jpg/competition-top.jpg);
	height: 103px;
	width: 590px;
}

.CompetitionFooter
{
	background-image: url(/images/jpg/competition-bottom.jpg);
	height: 15px;
	width: 590px;
}
.CompetitionLeft
{
	width: 348px;
	float: left;
	padding: 0px 20px;
	font-size:1.5em;
}

.CompetitionRight
{
	float:left;
	width: 200px;
}
.CompetitionBox .FormBox
{
	width:357px;
	background-color: #FFF;
	color: #6fc021;
	margin-top: 20px;
	font-size: 0.7em;
}

.CompetitionBox .FormHeader
{
	background: url(/images/jpg/competition-form-top.jpg) top left no-repeat;
	padding-top: 15px;
	width:357px;
}
.CompetitionBox .FormHeader .clearer
{
	height: 8px !important;
}
.CompetitionBox .FormFooter
{
	background: url(/images/jpg/competition-form-bottom.jpg) bottom left no-repeat;
	padding: 0px 22px 10px 5px;
	width:331px;
	
}
.CompetitionBox .FormBox strong
{	
	padding-left: 10px;
	margin-bottom: 10px;
	display: block;
	font-size: 1.1em;
}

.CompetitionBox .FormBox label
{
	float:left;
	width: 125px;
	padding-left:10px;
}
.CompetitionBox .FormBox input
{
	float: left;
}
.CompetitionBox .FormRequired
{
	width: 100%;
	text-align: right;
}
.CompetitionBox .FormEnd
{
	width: 100%;
}
.CompetitionBox .FormButton
{
	float:left;
	width: 80px;
	margin-left: 100px;
}
.CompetitionBox .FormTerms
{
	float: right;
	width: 150px;
	text-align: right;
	font-size: 0.9em;
}
.CompetitionBox .FormTerms a
{
	color: #6fc021;
}

/*-----------------------------------Ageing Competition-------------------------------*/

.fushiaBgTop , .fushiaBgTop2 {
	
	background:url(../Images/Gif/fushia-bg-top.gif) top left no-repeat;
	font-size:160%;
	line-height:1.3em;
	width:987px;
}

.fushiaBgTop2 {
	
	background:url(../Images/Gif/fushia-bg-top2.gif) top left no-repeat;
}

.fushiaBgMid {
	background:url(../Images/Gif/fushia-bg-middle.gif) left repeat-y;
	width:987px;
	position:relative;
}

.fushiaBgBottom {
	background:url(../Images/Gif/fushia-bg-bottom.gif) bottom left no-repeat;
	padding:30px;
}

.greenbox2-top {
	background:url(../Images/Gif/greenbox2-top.gif) no-repeat top left;
	color:White;
	font-weight:bold;
	font-size:135%;
}

.greenbox2-mid {
	background:url(../Images/Gif/greenbox2-mid.gif) repeat-y left;
	position:relative;
	width:923px;
}

.greenbox2-bottom {
	background:url(../Images/Gif/greenbox2-bottom.gif) bottom left no-repeat;
	padding:15px 15px 6px 15px;
		
}

.smallbox-wht-top {
	background:url(../Images/Gif/smallbox-wht-top.gif) no-repeat top left;
	color:#7fc41b;
	font-size:80%;
}

.smallbox-wht-mid {
	background:url(../Images/Gif/smallbox-wht-mid.gif) repeat-y left;
	width:433px;
}

.smallbox-wht-bottom {
	background:url(../Images/Gif/smallbox-wht-bottom.gif) bottom left no-repeat;
	padding:15px 15px 6px 15px;
		
}

.halfleft {
	width:45%;
	float:left;
}

.halfright {
	width:45%;
	float:right;
	text-align:right;
}

.SmallForm {
	font-size:80%;
}

.SmallForm label 
{
	float:left;
	width:115px;
}

/*-----------------------------------End Ageing Competition-------------------------------*/
/*-------------------------------------Teen Simple pages----------------------------------*/

.teenbg, .teenbg2, .teenbg3, .teenbg4
{
	background:url(../Images/Jpg/teenbg.jpg) no-repeat top left;
	width:975px;
	padding:225px 20px 0px 0px;
	position:relative;
	height:auto;
}

.teenbg2 {
	background:url(../Images/Jpg/teenbg2.jpg) no-repeat top left;
}

.teenbg3 {
	background:url(../Images/Jpg/teenbg3.jpg) no-repeat top left;
}

.teenbg4 {
	background:url(../Images/Jpg/teenbg4.jpg) no-repeat top left;
}

.teenbox-music {
	background:white url(../Images/Gif/teenboxbg-music.gif) top left no-repeat;
	width:228px;
	float:left;
	padding:180px 0px 0px 8px;
	margin-right:14px;	
}

.teenbox-cycle 
{
	background:white url(../Images/Gif/teenboxbg-cycle.gif) top left no-repeat;
	width:143px;
	float:left;
	padding:160px 85px 0px 8px;
	margin-right:14px;	
}

.teenbox-tips 
{
	background:white url(../Images/Gif/teenboxbg-tips.gif) top left no-repeat;
	width:99px;
	float:left;
	padding:70px 125px 0px 12px;	
}

.teenbox-blue {
	background:white url(../Images/Jpg/teen-bg-box.jpg) top left no-repeat;
	padding:15px;
	width:738px;
}

.teenbox-green {
	background:white url(../Images/Jpg/teen-greenbox.jpg) top left no-repeat;
	padding:15px;
	width:480px;
	padding-top:54px;
}

.teenbox-money {
	background:url(../Images/Gif/teen-bluebox-money.gif) no-repeat top left;
	padding:70px 16px 10px 16px;
	width:210px;
	float:left;
	margin-right:14px;
}

.teenbox-friend {
	background:url(../Images/Gif/teen-bluebox-friend.gif) no-repeat top left;
	padding:45px 16px 10px 16px;
	width:210px;
	float:left;
}

.teen-nav {
	width:194px;
	float:left;
	text-transform:uppercase;
	padding:36px 0px 0px 1px;
	margin:0px;
	font-size:110%;
	font-weight:bold;
	list-style:none;
}

.teen-nav2{
	width:194px;
	text-transform:uppercase;
	padding:36px 0px 0px 1px;
	margin:0px;
	font-size:110%;
	font-weight:bold;
	list-style:none;
}
.teen-pdfbox
{
	width: 150px;
	float: left;
	padding: 40px;
}
.teen-pdfbox a
{
	color: #868889;
	text-decoration: none;
	display:block;
	margin: 5px 0px 0px 5px;
}
.teen-pdfbox a:hover
{
	text-decoration: underline;
}
.teen-nav a 
{
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 20px;
	width:174px;
}

.teen-nav2 a 
{
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 20px;
	width:174px;
}

.teen-nav .Tsimple a:hover , .teen-nav .Tsimple .On{
	background:#d9ecf8 url(../Images/Gif/teen-bullet-blue.gif) no-repeat 5px 7px;
	color:#89b5dd;
}

.teen-nav .MyAcc a:hover, .teen-nav .MyAcc .On {
	background:#f3aac8 url(../Images/Gif/teen-bullet-dkpink.gif) no-repeat 5px 7px;
	color:#e9559e;
}

.teen-nav .SProd a:hover, .teen-nav .SProd .On {
	background:#fae0eb url(../Images/Gif/teen-bullet-pink.gif) no-repeat 5px 7px;
	color:#ee87b2;
}

.teen-nav .Shop a:hover, .teen-nav .Shop .On {
	background:#dae587 url(../Images/Gif/teen-bullet-green.gif) no-repeat 5px 7px;
	color:#7fc41b;
}

.teen-nav .Tteam a:hover, .teen-nav .Tteam .On {
	background:#d9ecf8 url(../Images/Gif/teen-bullet-blue.gif) no-repeat 5px 7px;
	color:#89b5dd;
}

.teen-nav .JBMember a:hover, .teen-nav .On {
	background:#ebffd6 no-repeat 5px 7px;
}

.teen-nav2 .Tsimple a:hover , .teen-nav .Tsimple .On{
	background:#d9ecf8 url(../Images/Gif/teen-bullet-blue.gif) no-repeat 5px 7px;
	color:#89b5dd;
}

.teen-nav2 .MyAcc a:hover, .teen-nav .MyAcc .On {
	background:#f3aac8 url(../Images/Gif/teen-bullet-dkpink.gif) no-repeat 5px 7px;
	color:#e9559e;
}

.teen-nav2 .SProd a:hover, .teen-nav .SProd .On {
	background:#fae0eb url(../Images/Gif/teen-bullet-pink.gif) no-repeat 5px 7px;
	color:#ee87b2;
}

.teen-nav2 .Shop a:hover, .teen-nav .Shop .On {
	background:#dae587 url(../Images/Gif/teen-bullet-green.gif) no-repeat 5px 7px;
	color:#7fc41b;
}

.teen-nav2 .Tteam a:hover, .teen-nav .Tteam .On {
	background:#d9ecf8 url(../Images/Gif/teen-bullet-blue.gif) no-repeat 5px 7px;
	color:#89b5dd;
}

.teen-nav2 .JBMember a:hover, .teen-nav .On {
	background:#ebffd6 no-repeat 5px 7px;
}

.teenmain {
	float:left;
	width:750px;
	margin-left:20px;
}

.teenmain p {
	margin:0px 0px 1em 0px;
	padding:0px;
}

.teenmainimg {
	float:left;
	margin-right:20px;
}

.simplestrap {
	background:url(../Images/Gif/simplestrap-bg.gif) no-repeat top left;
	padding:15px;
	font-size:130%;
	line-height:1.5em;
	margin-top:20px;
}

.starterpack {
	background:url(../Images/Gif/skincare-starter-pack-bot.gif) no-repeat bottom left;
	float:left;
}

.starterpack-inner {
	background:url(../Images/Gif/skincare-starter-pack.gif) no-repeat top left;
	padding:35px 5px 5px 5px;
}

.footerlinks-top {
	background:url(../Images/Gif/teen-footerlinks-top.gif) no-repeat top left;
	padding:90px 10px 40px 25px;
}

.footerlinks-med {
	background:url(../Images/Gif/teen-footerlinks-med.gif) repeat-y top left;
	width:759px;
	color:white;
}

.footerlinks-bot {
	background:url(../Images/Gif/teen-footerlinks-bot.gif) no-repeat bottom left;	
}

.footchat, .footproducts, .footshop, .footteam {
	float:left;
	width:153px;
	margin-right:33px;
}

.footteam {
	margin-right:0px;
}

.teenbg .loginbox, .teenbg2 .loginbox, .teenbg3 .loginbox {
	position:absolute;
	top:20px;
	right:7px;
	width:172px;
	height:128px;
	font-size:90%;	
}
.teenbg .loginbox a, .teenbg2 .loginbox a, .teenbg3 .loginbox a {
	color:#999999;
}

.teenbg .logincontents, .teenbg2 .logincontents, .teenbg3 .logincontents {
	position:absolute;
	top:45px;
	left:15px;
	z-index:100;
	width:146px;
}

.teenform label {
	float:left;
	width:115px;
}

.teenbanner {
	color:white;
	background:#89b4dc url(../Images/Gif/teen-banner-bg-bottom.gif) no-repeat bottom left;
	width:573px;
	margin-top:15px;
	position:relative;	
}

.teenbanner-inner {
	background:url(../Images/Gif/teen-banner-bg-top.gif) no-repeat top left;
	padding:8px 10px 0px 225px;
	min-height:102px;
	_height:102px;
}
.teenbanner2 {
	width:574px;
	height: 109px;
	margin-top:15px;
	position: relative;
}
.teenbanner2 a 
{
	position: absolute;
	display: block;
	top: 70px;
	left: 405px;
	height: 20px;
	width: 40px;
	overflow: hidden;
	text-indent: 100px;
}

.teenbannerimg {
	position:absolute;
	top:-18px;
	left:1px;
}

.teenmemberdesc {
    font-size: 115%; 
    line-height: 1.05em;
}

.jblistheader 
{
    background: url(../Images/Jpg/teen-jblist-bg.jpg) no-repeat top left;
}

.jbheadtext
{
    padding:48px 200px 0px 0px;
    float:right;
    width:270px;
    color:#7bafdf;

}   

/*-----------------------------------------End Teen Styles------------------------------------*/

/*-----------------------------------------HOVER CART STYLES------------------------------------*/
#hoverCart
{
	position: absolute;
	max-height: 300px;
	width: 200px;
	top: 39px;
	left: 787px;
	border: 1px solid #c0c1c3;
	overflow: auto;
	background: #fff;	
}
#hoverCart a
{
	text-decoration: none;
}
#hoverCart .title
{
	width: 100%;
	font-size: 1.2em;
	color: #646568;
	text-align:center;
	margin: 10px 0px;
	font-weight: bold;
}
#hoverCart .item
{
	clear: left;
}
#hoverCart .info
{
	float:left;
	width: 100px;
}
#hoverCart .info a
{
	font-size: 1.2em;
	color: #005628;
}
#hoverCart .info a:hover
{
	text-decoration: underline;
}
#hoverCart .info strong
{
	display: block;
	clear: left;
	margin-top: 3px;
	color: #005628;
}
#hoverCart .sep
{
	clear: both;
	margin: 7px 10px;
	width: 90%;
	height: 7px;
	border-bottom: 2px dotted #aaa8a8;
}
#hoverCart .checkout
{
	text-align: right;
	height: 33px;
	margin-right: 7px;
}
#hoverCart .empty
{
	padding: 15px;
	text-align:center;
}

.sab_intro
{
	padding:0px 20px 0px 20px;
}



/*----------------------------------------Teen Register Styles------------------------------------*/

.RegPinkBack	{
float: left;
width: 262px;
background:url(../Images/Png/RegPinkBack.png);
}

.RegPinkTop	{
width: 262px;
height: 109px;
background:url(../Images/Png/RegPinkTop.png);
}

.RegPinkBottom	{
width: 262px;
height: 30px;
background:url(../Images/Png/RegPinkBottom.png);
}

.RegPinkText	{
color: #ffffff;
width:220px;
margin-left: 17px;
padding-top: 6px;
padding-bottom: 12px;
}

.RegGreenBack	{
float: right;
width: 327px;
background:url(../Images/Png/RegGreenBack.png);
}

.RegGreenText	{
color: #ffffff;
padding-top: 115px;
width: 150px;
margin-left: 17px;
}

.RegGreenBottom	{
width: 327px;
height: 24px;
background:url(../Images/Png/RegGreenBottom.png);
}

.RegLimeBack	{
float: left;
width: 273px;
background:url(../Images/Png/RegLimeBack.png);
}

.RegLimeTop	{
width: 273px;
height: 114px;
background:url(../Images/Png/RegLimeTop.png);
}

.RegLimeBottom	{
width: 273px;
height: 26px;
background:url(../Images/Png/RegLimeBottom.png);
}

.RegLimeText	{
width: 210px;
margin-left: 17px;
color: #407842;
}

.RegBlueBack	{
float: left;
width: 271px;
background:url(../Images/Png/RegBlueBack.png);
}

.RegBlueTop	{
width: 271px;
height: 102px;
background:url(../Images/Png/RegBlueTop.png);
}

.RegBlueBottom	{
width: 271px;
height: 21px;
background:url(../Images/Png/RegBlueBottom.png);
}

.RegBlueText	{
width: 240px;
margin-left: 17px;
color: #00447a;
}


/*-----------------------------------------Gossip Articles Styles------------------------------------*/

.GossipThumbBack	{
float: left;
width: 130px;
height: 130px;
background:url(../Images/Png/GossipThumbBack.png);
}

.GossipThumbPic	{
width: 112px;
height: 112px;
margin-left: 7px;
margin-top: 6px;
padding: 0px;
background-color: red;
}

.GossipBrief	{
float: left;
}

/*-----------------------------------------SkinTrition styles------------------------------------*/

.greyBubble 
{
	background-image:url(/Images/Png/greybubblecentre.png);
	color:White;
	position:absolute;
	top:-22px;
	left:0px;
	padding-top:5px;
	height:25px;
	z-index:3;
	margin-left:-5px;
}


.greyBubbleLeft
{
	position:absolute;
	top:-22px;
	left:-15px;
	z-index:2;
	height:25px;
	padding-top:5px;
	padding-left:10px;
	text-decoration:none;
	background-image:url(/Images/Png/greybubbleleft.png);
	background-position:left;
	background-repeat:no-repeat;
	width:31px;
}

.greyBubbleRight
{
	background-image:url(/Images/Png/greybubbleright.png);
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	top:0px;
	right:-14px;
	z-index:2;
	height:25px;
	width:14px;
	padding-top:5px;
}

.ingredient
{
	text-decoration:none;
}

.ingredient:hover
{
	text-decoration:none;
}

.ingredient div
{
	display:none;
}

.ingredient:hover div
{
	display:block;
}

.nutrientMenu
{
	height:56px;
}
.nutrientMenu ul 
{
	list-style:none;
	padding:0px;
	margin:0px;
}

.nutrientMenu li 
{
	float:left;
	position:relative;
}
.nutrientMenu a, .nutrientMenu a:visited
{
	float:left;
	display:block;
	color:#333;
	text-decoration:none;
}

.nutrientMenu .home {
	width:131px;
	height: 56px;
	background:url(/Images/Gif/greentab.gif);
}

.nutrientMenu .home:hover
{
	background:url(/Images/Gif/greentab-over.gif);
}

.nutrientMenu .nutrients {
	width:131px;
	height: 56px;
	background:url(/Images/Gif/lightgreentab.gif);
}

.nutrientMenu .nutrients:hover
{
	background:url(/Images/Gif/lightgreentab-over.gif);
}

.nutrientMenu .vitamins 
{
	margin-left:2px;
	width:131px;
	height: 56px;
	background:url(/Images/Gif/orangetab.gif);
}

.nutrientMenu .vitamins:hover
{
	background:url(/Images/Gif/orangetab-over.gif);
}

.nutrientMenu .notw 
{
	margin-left:2px;
	width:131px;
	height: 56px;
	background:url(/Images/Gif/pinktab.gif);
}

.nutrientMenu .notw:hover
{
	background:url(/Images/Gif/pinktab-over.gif);
}

.nutrientPager .prevblock
{
	height:24px;
	width:23px;
	background-image:url(/Images/Gif/ingredientprevblock.gif);
	float:left;
}

.nutrientPager .prevblock:hover
{	
	background-image:url(/Images/Gif/ingredientprevblock_over.gif);
}

.nutrientPager .prev
{
	height:24px;
	width:23px;
	background-image:url(/Images/Gif/ingredientprev.gif);
	float:left;
}

.nutrientPager .prev:hover
{	
	background-image:url(/Images/Gif/ingredientprev_over.gif);
}

.nutrientPager .next
{
	height:24px;
	width:23px;
	background-image:url(/Images/Gif/ingredientnext.gif);
	float:right;
}

.nutrientPager .next:hover
{	
	background-image:url(/Images/Gif/ingredientnext_over.gif);
}

.nutrientPager .nextblock
{
	height:24px;
	width:23px;
	background-image:url(/Images/Gif/ingredientnextblock.gif);
	float:right;
}

.nutrientPager .nextblock:hover
{	
	background-image:url(/Images/Gif/ingredientnextblock_over.gif);
}

.recipe ul
{
	list-style-image:url(../Images/Gif/recipebullet.gif);
}

.reportrecipe
{
	background-image:url(/Images/Gif/report-recipe-top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:209px;
	margin-right:10px;
	float:left;
	padding-top:5px;
	padding-left:10px;
}

.nysreporttop
{
	background-image:url(/Images/Gif/nys-report-top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 130px 25px 25px 40px;
}

.nysreportbottom
{
	background-image:url(/Images/Gif/nys-report-bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.nysreport
{
	background-image:url(/Images/Gif/nys-report-bg.gif);
	background-repeat:repeat-y;
	width:709px;
}

.nyswhite
{
	background-image:url(/Images/Gif/nys-white.gif);
	background-position:top left;
	width:608px;
	height:308px;
	margin: 25px 0px;
	padding-top:10px;
	padding-left:10px;
}

.nysyourscore
{
	background-image:url(/Images/Gif/nys-your-score.gif);
	background-position:top left;
	width:229px;
	height:123px;
	position:relative;
}

.nysprint div
{
	background-image:url(/Images/Buttons/nys-print.gif);
	width:168px;
	height:37px;
	float:left;
}

.nysrefer div
{
	background-image:url(/Images/Buttons/nys-sendtofriend.gif);
	width:168px;
	height:37px;
	float:left;
	margin-left:10px;
}

.nysrestart
{
}

.nysrestart div
{
	background-image:url(/Images/Buttons/nys-restart.gif);
	width:168px;
	height:37px;
	margin-left:40px;
}

.nysrestart div:hover, .nysprint div:hover, .nysrefer div:hover
{
	background-position:0px -37px;
}