body {
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #333333;
	background-image: url(../images/bgTile.jpg);
	background-repeat: repeat-x;
}

a img {
	border: none;
}

#page {
	width: 754px;
	margin: 20px auto;
	background-image: url(../images/bgMid.gif);
	background-repeat: repeat-y;
}

#page #pageTop {
	width: 754px;
	height: 8px;
	background-image: url(../images/bgTop.gif);
}

#page #pageBase {
	width: 754px;
	height: 50px;
	background-image: url(../images/bgBase.gif);
}

/**
  *
  * Header
  *
  **/

#header {
	margin: 0 22px 0 18px;
	height: 184px;
}

/**
  *
  * Main Menu
  *
  **/

#mainMenu {
	padding: 5px 0 5px 0;
	margin: 0 22px 10px 18px;
	border-bottom: 1px solid #c0c0c0;
}

#mainMenu ul {
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0 0;
}

#mainMenu img {
	float: right;
}

#mainMenu ul li {
	display: block;
	float: left;
	margin: 0;
	height: 31px;
	padding: 0 5px 0 5px;
	border-right: 1px solid #c0c0c0;
}

#mainMenu ul li.last {
	display: block;
	float: left;
	margin: 0;
	height: 31px;
	padding: 0 5px 0 5px;
	border: none;
}

#mainMenu ul a, #mainMenu ul a:link, #mainMenu ul a:active,#mainMenu ul a:visited {
	display: block;
	width: 102px;
	height: 31px;
	background-image: url(../images/menu/tile.jpg);
	background-position: right top;
	font-size: 12px;
	color: #90c422;
	text-decoration: none;
}

#mainMenu ul a:hover {
	display: block;
	width: 102px;
	height: 31px;
	background-image: url(../images/menu/overTile.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #90c422;
	text-decoration: none;
}

#mainMenu ul a img {
	float: left;
}

#mainMenu ul a p {
	display: inline;
	float: left;
	margin: 2px 0 0 5px;
	padding: 0;
	font-size: 12px;
}


/**
  *
  * Content
  *
  **/

#content {
	margin: 0 0px 0 18px;
}

/**
  *
  * Side Menu
  *
  **/

#sideMenu {
	float: left;
	padding: 0;
	margin: 0;
	width: 111px;
	background-image: url(../images/treatmentMenu/treatmentsMid.jpg);
	background-repeat: repeat-y;
}


#sideMenu ul {
	list-style-type: none;
	padding: 0px 5px 9px 5px;
	margin: 0;
	width: 97px;
}

#sideMenu ul li {
	display: block;
	clear: both;
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #ebebeb;
}

#sideMenu ul a, #sideMenu ul a:link, #sideMenu ul a:active,#sideMenu ul a:visited {
	display: block;
	height: 41px;
	background-image: url(../images/treatmentMenu/tile2.jpg);
	background-position: right top;
	font-size: 11px;
	color: #90c422;
	text-decoration: none;
}

#sideMenu ul a:hover {
	display: block;
	height: 41px;
	background-image: url(../images/treatmentMenu/overTile2.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #90c422;
	text-decoration: none;
}

#sideMenu ul a p {
	display: block;
	width: 55px;
	height: 41px;
	padding: 0;
	padding-left: 43px;
	margin: 2px 0 0 0px;
	font-size: 11px;
	background-repeat: no-repeat;
}

/**
  *
  * Side Menu Footers
  *
  **/

a.moreTreatments:link, a.moreTreatments:active, a.moreTreatments:visited {
	display: block;
	height: 34px;
	background-image: url(../images/treatmentMenu/base.jpg);
}

a.moreTreatments:hover {
	display: block;
	height: 34px;
	background-image: url(../images/treatmentMenu/base_over.jpg);
}

/**
  *
  * Welcome Box
  *
  **/

#welcomeBox {
	position: relative;
	float: left;
	width: 368px;
	height: 186px;
	background-image: url(../images/welcomeBlock.jpg);
}

#welcomeBox p {
	margin: 50px 0 0 20px;
	width: 130px;
	font-size: 11px;
	color: #2c516b;
}

#welcomeBox a:link, #welcomeBox a:active, #welcomeBox a:visited {
	display: block;
	width: 86px;
	height: 13px;
	position: absolute;
	bottom: 10px;
	left: 20px;
	background-image: url(../images/readMoreLink1.gif);
}

#welcomeBox a:hover {
	display: block;
	width: 86px;
	height: 13px;
	position: absolute;
	bottom: 10px;
	left: 20px;
	background-image: url(../images/readMoreLink2.gif);
}

#welcomeBox a span {
	display: none;
}



/**
  *
  * News Box
  *
  **/

#newsBox {
	position: relative;
	float: left;
	width: 245px;
	height: 186px;
	background-image: url(../images/newsBlock.jpg);
	background-repeat: no-repeat;
}

#newsBox ul {
	display: block;
	list-style-type: none;
	margin: 32px 0 0 0;
	padding: 0;
}

#newsBox ul li {
	display: block;
	margin: 0 0 0 3px;
	padding: 0 0 0 0;
}

#newsBox ul a:link, #newsBox ul a:active, #newsBox ul a:visited {
	display: block;
	min-height: 30px;
	background-image: none;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	padding: 3px 20px 3px 13px;
	margin: 0;
}

#newsBox ul a:hover {
	display: block;
	min-height: 30px;
	background-image: url(../images/overTile3.jpg);
	background-repeat: repeat-y;
	font-size: 11px;
	color: #608710;
	text-decoration: none;
	padding: 3px 20px 3px 13px;
	margin: 0;
}

/**
  *
  * Advert Box
  *
  **/

#advertBox {
	position: relative;
	float: left;
	width: 245px;
	height: 186px;
}

/**
  *
  * Feature Box
  *
  **/

#featureBox {
	position: relative;
	float: left;
	width: 368px;
	height: 186px;
	background-image: url(../images/therapyBlock.jpg);
}

#featureBox h2 {
	font-size: 170%;
	font-face: Arial;
	color: #90c424;
	margin: 35px 0px 0px 11px;
	padding: 0;
}

#featureBox p img {
	clear: both;
	float: left;
	margin: 0px 5px 5px 11px;
	vertical-align: bottom;
	border: 1px solid #90c424;
}

#featureBox img.headline {
	margin: 35px 0 0 11px;
	border: none;
}

#featureBox p {
	clear: both;
	margin-top: 5px;
	margin-right: 5px;
	font-size: 11px;
	color: #608710;
}

#featureBox a:link, #featureBox a:active, #featureBox a:visited {
	display: block;
	width: 86px;
	height: 13px;
	position: absolute;
	bottom: 10px;
	left: 230px;
	background-image: url(../images/readMoreLink1.gif);
}

#featureBox a:hover {
	display: block;
	width: 86px;
	height: 13px;
	position: absolute;
	bottom: 10px;
	left: 230px;
	background-image: url(../images/readMoreLink2.gif);
}

#featureBox a span {
	display: none;
}

/**
  *
  * Treatment List
  *
  **/

#treatmentList {
	float: left;
	width: 467px;
	background-image: url(../images/treatments/mainContentMiddle.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#treatmentList .lid {
	position: relative;
	height: 30px;
	background-image: url(../images/treatments/mainContentTop.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#treatmentList .lid span {
	position: absolute;
	font-size: 130%;
	display: block;
	width: 90px;
	color: #ffffff;
	right: 10px;
	top: 9px;
	font-weight: bold;
}

#treatmentList .lid span a {
	color: #ffffff;
	font-weight: normal;
}

#treatmentList p {
	font-size: 130%;
	margin: 10px 20px 10px 20px;
	color: #90c424;
}

#treatmentList .lid h2 {
	position: absolute;
	left: 10px;
	top: 6px;
	color: #ffffff;
	padding-left: 10px;
	font-size: 170%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#treatmentList .base {
	height: 31px;
	background-image: url(../images/treatments/mainContentBottom.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.treatmentItem {
	clear: both;
	padding-bottom: 10px;
	margin: 0px 20px 10px 20px;
	border-bottom: 1px solid #c0c0c0;
}

.treatmentItem h2 {
	color: #90c424;
	font-size: 20px;
	margin: 0;
	padding: 0;
	font-family: arial;
}

.treatmentItem img {
	float: left;
	margin: 5px 10px 5px 0px;
	border: 1px solid #90c424;
}

#treatmentList .treatmentItem p {
	font-size: 110%;
	color: #608710;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

.treatmentItem dl {
	clear: both;
	margin: 0;
	padding: 0;
}

.treatmentItem dt {
	display: block;
	clear: both;
	float:left;
	width: 100px;
	margin: 0;
	padding: 0;
	color: #608710;
	font-size: 11px;
}

.treatmentItem dd {
	display: block;
	float:left;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #90c424;
	font-size: 11px;
}

/* special case for manicure / pedicure */
.treatmentItem5 {
	clear: both;
	padding-bottom: 10px;
	margin: 0px 20px 10px 20px;
	border-bottom: 1px solid #c0c0c0;
}

.treatmentItem5 h2 {
	color: #90c424;
	font-size: 20px;
	margin: 0;
	padding: 0;
	font-family: arial;
}

.treatmentItem5 img {
	float: left;
	margin: 5px 10px 5px 0px;
}

#treatmentList5 .treatmentItem p {
	font-size: 110%;
	color: #608710;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

.treatmentItem5 dl {
	float: left;
	display: block;
	width: 200px;
	margin: 0;
	margin-top: 20px;
	padding: 0;
}

.treatmentItem5 dt {
	clear: left;
	float: left;
	display: block;
	width: 100px;
	margin: 0;
	padding: 0;
	color: #608710;
	font-size: 11px;
}

.treatmentItem5 dd {
	display: block;
	float:left;
	width: 100px;
	margin: 0;
	padding: 0;
	color: #90c424;
	font-size: 11px;
}

#treatmentList a.prev:link,  #treatmentList a.prev:active, #treatmentList a.prev:visited {
	display: block;
	float: left;
	width: 71px;
	height: 8px;
	margin: 10px 10px 0 10px;
	background-image: url(../images/prevLink1.gif);
	background-repeat: no-repeat;
}

#treatmentList a.prev:hover {
	display: block;
	float: left;
	width: 71px;
	height: 8px;
	margin: 10px 10px 0 10px;
	background-image: url(../images/prevLink2.gif);
	background-repeat: no-repeat;
}

#treatmentList a.next:link,  #treatmentList a.next:active, #treatmentList a.next:visited {
	display: block;
	float: right;
	width: 45px;
	height: 8px;
	margin: 10px 10px 0 10px;
	background-image: url(../images/nextLink1.gif);
	background-repeat: no-repeat;
}

#treatmentList a.next:hover {
	display: block;
	float: right;
	width: 45px;
	height: 8px;
	margin: 10px 10px 0 10px;
	background-image: url(../images/nextLink2.gif);
	background-repeat: no-repeat;
}

#treatmentList a.next span, #treatmentList a.prev span {
	display: none;
}


/**
  *
  * Vouchers
  *
  **/
#voucherBox {
	width: 135px;
	float: left;
}

#voucherBox div {
	position: relative;
	width: 135px;
	height: 230px;
	background-image: url(../images/vouchers/voucherBox.gif);
	background-repeat: no-repeat;
}

#voucherBox a:link, #voucherBox a:active, #voucherBox a:visited {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	width: 135px;
	height: 27px;
	background-image: url(../images/vouchers/voucherLink1.gif);
}

#voucherBox a:hover {
	position: absolute;
	display: block;
	width: 135px;
	height: 27px;
	background-image: url(../images/vouchers/voucherLink2.gif);
	left: 0px;
	bottom: 0px;
}

#voucherBox a span {
	display: none;
}

/**
  *
  * Footer Styles
  *
  **/

#footer ul {
 	float: right;
 	display: block;
 	width: 270px;
 	list-style-type: none;
}

#footer ul li {
 	display: block;
	float: left;
 	width: 60px;
 	margin: 0;
 	padding: 0;
}

#footer ul li a.home {
	color: #3081b8;
 	font-size: 120%;
 	text-decoration: none;
 	padding-left: 15px;
 	background-image: url(../images/homeIcon.gif);
 	background-repeat: no-repeat;
 	background-position: left center;
}

#footer ul li a.faq {
	color: #3081b8;
 	font-size: 120%;
 	text-decoration: none;
 	padding-left: 15px;
 	background-image: url(../images/faqsIcon.gif);
 	background-repeat: no-repeat;
 	background-position: left center;
}

#footer ul li a.tandc {
	color: #3081b8;
 	font-size: 120%;
 	text-decoration: none;
 	padding-left: 15px;
 	background-image: url(../images/termsIcon.gif);
 	background-repeat: no-repeat;
 	background-position: left center;
}

#footer ul li a.contact {
	color: #3081b8;
 	font-size: 120%;
 	text-decoration: none;
 	padding-left: 15px;
 	background-image: url(../images/contactIcon.gif);
 	background-repeat: no-repeat;
 	background-position: left center;
}
/**
  *
  * Contact Styles
  *
  **/

#mapBox {
	float: left;
	width: 466px;
	height: 505px;
	background-image: url(../images/contact/mapBox.jpg);
	background-repeat: no-repeat;
}

#mapBox #mapBoxInner {
	margin: 20px 10px 0px 20px;
	background-image: url(../images/contact/tanyaPlusStaff.gif);
	background-position: 200px 5px;;
	background-repeat: no-repeat;
	height: 160px;
	border-bottom: 1px solid #c0c0c0;
}

#mapBox #mapBoxInner2 {
	padding: 10px 0px 0px 14px;
}

#mapBox #mapBoxInner2 .title{
	margin-left: 6px;
}

#mapBoxInner p {
	color: #136094;
}

#mailBox {
	float: left;
	width: 248px;
	height: 321px;
	background-image: url(../images/contact/mailBox.jpg);
	background-repeat: no-repeat;
}

#mailBox #mailBoxInner {
	padding: 20px 14px 0px 14px;
}

#mailBoxInner p {
	color: #136094;
}

#mailBoxInner form {
	margin: 0;
	padding: 0;
}

#mailBoxInner label {
	display: block;
	margin-bottom: 3px
}

#mailBoxInner input {
	display: block;
	margin-bottom: 5px;
}

#mailBoxInner select {
	margin-bottom: 5px;
}

/**
  *
  * Generic Styles
  *
  **/

#faqIntro {
	position: relative;
	width: 466px;
	height: 186px;
	float: left;
	background-image: url(../images/faq/introBoxMid.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

#faqIntro .mid {
	padding: 0px 10px 0px 10px;
}

#faqIntro .lid {
	height: 14px;
	background-image: url(../images/faq/introBoxTop.jpg);
	background-repeat: no-repeat;
}

#faqIntro .base {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 14px;
	width: 466px;
	background-image: url(../images/faq/introBoxBase.jpg);
	background-repeat: no-repeat;
}

#faqIntro p {
	color: #136094;
	font-size: 110%;
}

.question {
	position: relative;
	width: 712px;
	background-image: url(../images/faq/questionsMid.jpg);
	background-repeat: repeat-y;
}

.question .lid {
	height: 14px;
	background-image: url(../images/faq/questionsTop.jpg);
	background-repeat: no-repeat;
}

.question .base {
	height: 14px;
	background-image: url(../images/faq/questionsBase.jpg);
	background-repeat: no-repeat;
}

.question img.block {
	float: left;
	margin: 0px 10px 15px 15px;
}

.question p {
	color: #ffffff;
	font-size: 110%;
	width: 615px;
	float: left;
}

.answer {
	position: relative;
	width: 714px;
	background-image: url(../images/faq/answerMid.jpg);
	background-position: 0px 14px;
	background-repeat: repeat-y;
}

.answer .lid {
	height: 14px;
	background-image: url(../images/faq/answerTop.jpg);
	background-repeat: no-repeat;
}

.answer .base {
	height: 14px;
	background-image: url(../images/faq/answerBase.jpg);
	background-repeat: no-repeat;
}

.answer img.block {
	float: left;
	margin: 0px 10px 15px 15px;
}

.answer p {
	color: #136094;
	font-size: 110%;
	width: 615px;
	float: left;
}

/**
  *
  * Vouchers
  *
  **/
#voucherIntro {
	width: 712px;
	height: 206px;
	background-image: url(../images/vouchers/voucherIntroBox.jpg);
	background-repeat: no-repeat;
}

#voucherIntro img {
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 20px;
}

#voucherIntro p {
	color: #136094;
	width: 330px;
	font-size: 110%;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

#voucherForm {
	position: relative;
	width: 711px;
	background-image: url(../images/vouchers/voucherFormMid.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
}

#voucherForm .lid {
	height: 14px;
	background-image: url(../images/vouchers/voucherFormTop.jpg);
}

#voucherForm .base {
	position: absolute;
	bottom: 0px;
	height: 14px;
	width: 711px;
	background-image: url(../images/vouchers/voucherFormBase.jpg);
}

#voucherThankyou {
	position: relative;
	width: 711px;
	background-image: url(../images/vouchers/voucherFormMid.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	font-size: 110%;
}

#voucherThankyou .lid {
	height: 14px;
	background-image: url(../images/vouchers/voucherFormTop.jpg);
}

#voucherThankyou .base {
	position: absolute;
	bottom: 0px;
	height: 14px;
	width: 711px;
	background-image: url(../images/vouchers/voucherFormBase.jpg);
}

#voucherThankyou img {
	margin-left: 20px;
}

#voucherThankyou p {
	margin: 0px 30px 10px 20px;
	padding: 0;
}


#voucherOrder {
	width: 48%;
	margin-right: 5px;
	margin-left: 20px;
	float: left;
}

#voucherSubmit {
	width: 25%;
	float: right;
}

#voucherSubmit input {
	margin: 40px 0px 0px 0px;
}

#voucherSubmit img {
	margin: 20px 0px 20px 0px;
}

#extraQuestions {
	display: none;
	width: 48%;
	float: left;
}

#voucherOrder form {
	margin: 0;
	padding: 0;
}

#voucherOrder label, #extraQuestions label {
	margin-top: 10px;
	display: block;
	color: #000000;
	font-size: 110%;
	font-weight: bold;
}

#voucherOrder label span, #extraQuestions label span {
	color: #000000;
	font-size: 110%;
	font-weight: normal;
}

#voucherOrder input, #extraQuestions input {
	margin: 0px 0px 0px 10px;
	width: 310px;
}

#voucherOrder input.check, #extraQuestions input.check {
	margin: 0;
	width: 1.2em;
}

#voucherOrder textarea, #extraQuestions textarea {
	margin: 0px 0px 0px 10px;
	width: 310px;
	height: 100px;
}

#voucherOrder select, #extraQuestions select {
	margin: 0px 0px 0px 10px;
}

#voucherConfirm {
	width: 60%;
	float: left;
	margin: 10px 0px 0px 20px;
}

#voucherConfirm p {
	font-size: 110%;
}

#voucherConfirm ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#voucherConfirm ul li {
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

#voucherConfirm ul li p{
	font-size: 110%;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

/**
  *
  * About Page
  *
  **/

#aboutIntro {
	width: 712px;
	height: 299px;
	background-image: url(../images/about/aboutIntroBox.jpg);
	background-repeat: no-repeat;
}

#aboutIntro h2 {
	margin: 10px 0px 0px 20px;
	padding: 0;
	font-size: 110%;
	color: #136094;
	font-weight: bold;
}

#aboutIntro p {
	margin: 10px 0px 0px 20px;
	padding: 0;
	width: 290px;
	font-size: 110%;
	color: #136094;
	font-weight: normal;
}

#aboutIntro img {
	margin: 15px 0px 0px 20px;
}

#aboutIntro img.welcomeImage {
	float: right;
	margin: 05px 40px 0px 0px;
	border: 1px solid #136094;
}

#aboutCol1 {
	width:300px;
	margin: 10px 24px 0px 30px;
	float: left;
}

#aboutCol1 div {
	position: relative;
	height: 225px;
}

#aboutCol2 {
	width:324px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#aboutCol2 div {
	position:relative;
	border-left: 1px solid #c0c0c0;
	padding-left: 24px;
	height: 225px;
}

#aboutCol1 img {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#aboutCol2 img {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 24px;
}

#aboutCol1 div img {
	margin: 0px 0px 0px 0px;
}

#aboutCol2 div img {
	margin: 0px 0px 0px 0px;
}

#aboutCol1 p, #aboutCol2 p {
	width:300px;
	margin: 5px 0px 0px 0px;
	color: #136094;
	font-size: 110%;
}

a.aboutproductLink:link, a.aboutproductLink:active, a.aboutproductLink:visited {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 230px;
	height: 14px;
	margin-top: 10px;
	background-image: url(../images/about/productsLink1.gif);
	background-repeat: no-repeat;
}
a.aboutproductLink:hover {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 230px;
	height: 14px;
	margin-top: 10px;
	background-image: url(../images/about/productsLink2.gif);
	background-repeat: no-repeat;
}

a.aboutproductLink span {
	display: none;
}

a.aboutofferLink:link, a.aboutofferLink:active, a.aboutofferLink:visited {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 175px;
	height: 14px;
	background-image: url(../images/about/offersLink1.gif);
	background-repeat: no-repeat;
}
a.aboutofferLink:hover {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 175px;
	height: 14px;
	background-image: url(../images/about/offersLink2.gif);
	background-repeat: no-repeat;
}

a.aboutofferLink span {
	display: none;
}

a.aboutmaleLink:link, a.aboutmaleLink:active, a.aboutmaleLink:visited {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 160px;
	height: 14px;
	background-image: url(../images/about/maleTreatmentsLink1.gif);
	background-repeat: no-repeat;
}
a.aboutmaleLink:hover {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 160px;
	height: 14px;
	background-image: url(../images/about/maleTreatmentsLink2.gif);
	background-repeat: no-repeat;
}

a.aboutmaleLink span {
	display: none;
}

a.aboutvoucherLink:link, a.aboutvoucherLink:active, a.aboutvoucherLink:visited {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 215px;
	height: 14px;
	background-image: url(../images/about/vouchersLink1.gif);
	background-repeat: no-repeat;
}
a.aboutvoucherLink:hover {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 215px;
	height: 14px;
	background-image: url(../images/about/vouchersLink2.gif);
	background-repeat: no-repeat;
}

a.aboutvoucherLink span {
	display: none;
}

/**
  *
  * News
  *
  **/

#newsIntro {
	position: relative;
	width: 712px;
	background-image: url(../images/faq/questionsMid.jpg);
	background-repeat: repeat-y;
}

#newsIntro .lid {
	height: 14px;
	background-image: url(../images/faq/questionsTop.jpg);
	background-repeat: no-repeat;
}

#newsIntro .base {
	height: 14px;
	background-image: url(../images/faq/questionsBase.jpg);
	background-repeat: no-repeat;
}

#newsIntro img {
	margin: 0px 0px 10px 25px;
}

#newsIntro p {
	margin: 0px 25px 10px 25px;
	color: #ffffff;
	font-size: 110%;
}

#newsStories {
	position: relative;
	width: 714px;
	background-image: url(../images/faq/answerMid.jpg);
	background-repeat: repeat-y;
	background-position: 0px 14px;
}

#newsStories .lid {
	height: 14px;
	background-image: url(../images/faq/answerTop.jpg);
	background-repeat: no-repeat;
}

#newsStories .base {
	height: 14px;
	background-image: url(../images/faq/answerBase.jpg);
	background-repeat: no-repeat;
}

#newsStories h2 {
	font-size: 220%;
	color: #136094;
	margin: 0px 0px 10px 25px;
}

#newsStories p {
	margin: 0px 25px 10px 25px;
	color: #136094;
	font-size: 110%;
}

#newsStories hr {
	margin: 10px 40px 10px 40px;
	color: #ebebeb;
}

/**
  *
  * Products Menu
  *
  **/

#productsMenu {
	float: left;
	padding: 0;
	margin: 0;
	width: 111px;
	background-image: url(../images/treatmentMenu/treatmentsMid.jpg);
	background-repeat: repeat-y;
}

#productsMenu img {
	margin-bottom: 1px;
}

#productsMenu ul {
	list-style-type: none;
	padding: 0px 10px 5px 5px;
	margin: 0;
	width: 97px;
}

#productsMenu ul li {
	display: block;
	clear: both;
	margin: 0;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #ebebeb;
}

#productsMenu ul a, #productsMenu ul a:link, #productsMenu ul a:active,#productsMenu ul a:visited {
	display: block;
	background-image: url(../images/treatmentMenu/tile2.jpg);
	background-position: 28px -28px;
	background-repeat: no-repeat;
	font-size: 100%;
	color: #90c422;
	text-decoration: none;
}

#productsMenu ul a:hover {
	display: block;
	background-image: url(../images/treatmentMenu/overTile2.jpg);
	background-position: 26px -28px;
	background-repeat: no-repeat;
	font-size: 100%;
	color: #90c422;
	text-decoration: none;
}

div.hr {
	clear: both;
	height: 1px;
	border-bottom: 1px solid #c0c0c0;
	margin: 10px 20px 10px 10px;
}

/**
  *
  * Products BE
  *
  **/

#bareEscentuals {
	width: 599px;
	float: left;
	background-image: url(../images/products/mid.jpg);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
}

#bareEscentuals #lid {
	height: 97px;
	background-image: url(../images/products/bareEscentuals/lid.jpg);
	background-repeat: no-repeat;
}

#bareEscentuals #base {
	width: 599px;
	height: 14px;
	background-image: url(../images/products/base.jpg);
}

#bareEscentuals div div {
	margin-left: 10px;
}

#bareEscentuals a span {
	display: none;
}

/* BE page LIPS */

#bareEscentuals div#lips {
	margin: 10px 0px 10px 0px;
}

#bareEscentuals #lips .lipStick {
	background-image: url(../images/products/bareEscentuals/lips/lipSticksBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: 10px;
}

#bareEscentuals #lips .lipService {
	background-image: url(../images/products/bareEscentuals/lips/lipServiceBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: 10px;
}

#bareEscentuals #lips .lipGlossary {
	background-image: url(../images/products/bareEscentuals/lips/lipGlossaryBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: 10px;
}

#bareEscentuals #lips a.prev:link,
#bareEscentuals #lips a.prev:active,
#bareEscentuals #lips a.prev:visited {
	display: block;
	width: 48px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/lips/linkEyes1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#bareEscentuals #lips a.prev:hover {
	display: block;
	width: 48px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/lips/linkEyes2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#bareEscentuals #lips a.next:link,
#bareEscentuals #lips a.next:active,
#bareEscentuals #lips a.next:visited {
	display: block;
	width: 54px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/lips/linkTools1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#bareEscentuals #lips a.next:hover {
	display: block;
	width: 54px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/lips/linkTools2.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#bareEscentuals #lips hr {
	clear: both;
	color: #ebebeb;
	margin: 10px 10px 10px 10px;
}

/* BE page onthego */

#bareEscentuals div#onthego {
	margin: 10px 0px 10px 0px;
}

#bareEscentuals #onthego .liner {
	background-image: url(../images/products/bareEscentuals/onTheGo/linerShadowBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: 10px;
	height: 165px;
}

#bareEscentuals #onthego .mirror {
	background-image: url(../images/products/bareEscentuals/onTheGo/mirrorCompactBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: 10px;
	height: 197px;
}

#bareEscentuals #onthego a.prev:link,
#bareEscentuals #onthego a.prev:active,
#bareEscentuals #onthego a.prev:visited {
	display: block;
	width: 54px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/onTheGo/linkTools1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#bareEscentuals #onthego a.prev:hover {
	display: block;
	width: 54x;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/onTheGo/linkTools2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#bareEscentuals #onthego hr {
	clear: both;
	color: #ebebeb;
	margin: 10px 10px 10px 10px;
}

/* BE page tools */

#bareEscentuals div#tools {
	margin: 10px 0px 10px 0px;
}

#bareEscentuals #tools .brush1 {
	margin-right: 10px;
	height: 212px;
}

#bareEscentuals #tools .brush2 {
	margin-right: 10px;
	margin-top: 80px;
	height: 115px;
}

#bareEscentuals #tools a.prev:link,
#bareEscentuals #tools a.prev:active,
#bareEscentuals #tools a.prev:visited {
	display: block;
	width: 54px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/tools/linkTools1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#bareEscentuals #tools a.prev:hover {
	display: block;
	width: 54x;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/tools/linkTools2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#bareEscentuals #tools a.next:link,
#bareEscentuals #tools a.next:active,
#bareEscentuals #tools a.next:visited {
	display: block;
	width: 75px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/tools/linkOnTheGo1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#bareEscentuals #tools a.next:hover {
	display: block;
	width: 75px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/tools/linkOnTheGo2.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#bareEscentuals #tools hr {
	clear: both;
	color: #ebebeb;
	margin: 10px 10px 10px 10px;
}

/**
  *
  * Products BE Eyes
  *
  **/

#bareEscentuals div#eyes {
	width: 586px;
	margin: 10px 0px 10px 4px;
}

#bareEscentuals #eyes .supremeShadows {
	height: 153px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/eyes/supremeShadowBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

#bareEscentuals #eyes .eyeKits {
	height: 173px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/eyes/eyeKitsBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #eyes .glimmers {
	height: 205px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/eyes/glisteningGlimmersBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #eyes .goofproof {
	height: 205px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/eyes/goofProofBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #eyes .linerShadows {
	height: 203px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/eyes/linerShadowsBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #eyes .lashImagination {
	height: 203px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/eyes/lashImaginationBg.gif);
	text-align: center;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #eyes a.prev:link,
#bareEscentuals #eyes a.prev:active,
#bareEscentuals #eyes a.prev:visited {
	display: block;
	width: 48px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/eyes/linkFace1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#bareEscentuals #eyes a.prev:hover {
	display: block;
	width: 48px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/eyes/linkFace2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#bareEscentuals #eyes a.next:link,
#bareEscentuals #eyes a.next:active,
#bareEscentuals #eyes a.next:visited {
	display: block;
	width: 44px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/eyes/linkLips1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#bareEscentuals #eyes a.next:hover {
	display: block;
	width: 44px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/eyes/linkLips1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

/**
  *
  * Products BE Eyes
  *
  **/

#bareEscentuals div#face {
	width: 586px;
	margin: 10px 0px 10px 4px;
}

#bareEscentuals #face .flawlessFoundation {
	height: 170px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/face/flawlessFoundationBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}



#bareEscentuals #face .concealingMiracleWorkers {
	height: 170px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/face/concealingMiracleWorkersBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #face .chicToChek {
	height: 205px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/face/chicToChekBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #face .complextionBoosters {
	height: 205px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/face/complextionBoostersBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #face .facedWithRadiance {
	height: 195px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/face/facedWithRadianceBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #face .mineralVeil {
	height: 195px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/bareEscentuals/face/mineralVeilBg.jpg);
	text-align: center;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bareEscentuals #face a.next:link,
#bareEscentuals #face a.next:active,
#bareEscentuals #face a.next:visited {
	display: block;
	width: 48px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/face/linkEyes1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#bareEscentuals #face a.next:hover {
	display: block;
	width: 48px;
	height: 8px;
	background-image: url(../images/products/bareEscentuals/face/linkEyes1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}


/**
  *
  * Products OPI
  *
  **/

#opi {
	width: 599px;
	float: left;
	background-image: url(../images/products/mid.jpg);
	background-repeat: repeat-y;
	padding: 0;

	margin: 0;
}

#opi #lid {
	height: 74px;
	background-image: url(../images/products/OPI/lid.jpg);
	background-repeat: no-repeat;
}

#opi #base {
	width: 599px;
	height: 14px;
	background-image: url(../images/products/base.jpg);
}

#opi a span {
	display: none;
}
#opi div#page {
	width: 586px;
	margin: 10px 0px 10px 4px;
}

#opi img.title {
	margin-left: 4px;
}

#opi img.title2 {
	margin-left: 14px;
	margin-top: 10px;
}

#opi #page .classics {
	height: 176px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/OPI/classicsBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#opi #page .twentyFifth {
	height: 176px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/OPI/25thBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#opi #page .brights {
	height: 196px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/OPI/brightsBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#opi #page .softShades {
	height: 196px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/OPI/softShadesBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#opi #page .lipColour {
	height: 203px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/OPI/lipColourBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#opi #page .anniversary {
	height: 203px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#opi #page .mexico {
	height: 195px;
	margin-left: 2%;
	float: left;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}
#opi #page .mexico img {
	float: left;
}
#opi #page .mexico  div {
	width: 395px;
	float: left;
	margin-left: 5px;
	background-image: url(../images/products/OPI/mexicoBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#opi #page .mexico div img {
	float: left;
}

div.hr {
	clear: both;
	height: 1px;
	border-bottom: 1px solid #c0c0c0;
	margin: 10px 10px 10px 10px;
}

/**
  *
  * Products Elemis
  *
  **/

#elemis {
	width: 599px;
	float: left;
	background-image: url(../images/products/mid.jpg);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
}

#elemis #lid {
	height: 106px;
	background-image: url(../images/products/elemis/lid.jpg);
	background-repeat: no-repeat;
}

#elemis #base {
	width: 599px;
	height: 14px;
	background-image: url(../images/products/base.jpg);
}

#elemis div div {
	margin-left: 10px;
}

#elemis a span {
	display: none;
}

#elemis .bulletList {
 	font-size: 110%;
 	font-weight: bold;
 	color: #136094;
 	width: 47%;
 	float: left;
 	margin-left: 2%;
 	margin-bottom: 10px;
}

#elemis .bulletList ul{
 	font-size: 110%;
 	font-weight: normal;
 	color: #136094;
	list-style-image: url(../images/products/elemis/bullet.gif);
	margin: 0px 0px 0px 20px;
	padding: 0;
}

#elemis .bulletList ul li {
 	margin: 0px;
 	padding: 0px;
}

/**
  *
  * Products Elemis Skin
  *
  **/

#elemis div#skin {
	width: 586px;
	margin: 10px 0px 10px 4px;
}

#elemis #skin .cleanseAndTone {
	height: 170px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/dailySkinHealth/cleanseAndToneBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #skin .cleansingWashes {
	height: 170px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/dailySkinHealth/cleansingWashesBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #skin .nourishAndMoisturise {
	height: 185px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/dailySkinHealth/nourishAndMoisturiseBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #skin .exfoliate {
	height: 185px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/dailySkinHealth/exfoliateBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #skin .masks {
	height: 175px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/dailySkinHealth/masksBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #skin .soothingLipsHandsAndEyes {
	height: 175px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/dailySkinHealth/soothingLipsHandsAndEyesBg.jpg);
	text-align: left;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #skin a.next:link,
#elemis #skin a.next:active,
#elemis #skin a.next:visited {
	display: block;
	width: 119px;
	height: 8px;
	background-image: url(../images/products/elemis/dailySkinHealth/linkAgeMaintenance1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#elemis #skin a.next:hover {
	display: block;
	width: 119px;
	height: 8px;
	background-image: url(../images/products/elemis/dailySkinHealth/linkAgeMaintenance2.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

/**
  *
  * Products Elemis Age
  *
  **/

#elemis div#age {
	width: 586px;
	margin: 10px 0px 10px 4px;
}

#elemis #age .antiPolutionDetox {
	height: 200px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/ageMaintenance/antiPollutionDetoxBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #age .activeCellularDelivery {
	height: 200px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/ageMaintenance/activeCellularDeliveryBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #age .activeCellularDelivery2 {
	height: 185px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/ageMaintenance/activeCellularDelivery2Bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #age .extraCellularRestructuring {
	height: 185px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/ageMaintenance/extraCellularRestructuringBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #age a.prev:link,
#elemis #age a.prev:active,
#elemis #age a.prev:visited {
	display: block;
	width: 118px;
	height: 8px;
	background-image: url(../images/products/elemis/ageMaintenance/linkDailySkinHealth1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #age a.prev:hover {
	display: block;
	width: 118px;
	height: 8px;
	background-image: url(../images/products/elemis/ageMaintenance/linkDailySkinHealth2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #age a.next:link,
#elemis #age a.next:active,
#elemis #age a.next:visited {
	display: block;
	width: 96px;
	height: 8px;
	background-image: url(../images/products/elemis/ageMaintenance/linkTimeForMen1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#elemis #age a.next:hover {
	display: block;
	width: 96px;
	height: 8px;
	background-image: url(../images/products/elemis/ageMaintenance/linkTimeForMen2.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}
/**
  *
  * Products Elemis Men
  *
  **/

#elemis div#men {
	width: 586px;
	margin: 10px 0px 10px 4px;
}

#elemis #men .cleanse {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/timeForMen/cleanseBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #men .shaveAndProtect {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/timeForMen/shaveAndProtectBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #men a.prev:link,
#elemis #men a.prev:active,
#elemis #men a.prev:visited {
	display: block;
	width: 118px;
	height: 8px;
	background-image: url(../images/products/elemis/timeForMen/linkAgeMaintenance1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #men a.prev:hover {
	display: block;
	width: 118px;
	height: 8px;
	background-image: url(../images/products/elemis/timeForMen/linkAgeMaintenance2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #men a.next:link,
#elemis #men a.next:active,
#elemis #men a.next:visited {
	display: block;
	width: 126px;
	height: 8px;
	background-image: url(../images/products/elemis/timeForMen/linkBodyMaintenance1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#elemis #men a.next:hover {
	display: block;
	width: 126px;
	height: 8px;
	background-image: url(../images/products/elemis/timeForMen/linkBodyMaintenance2.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}
/**
  *
  * Products Elemis Body
  *
  **/

#elemis div#body {
	width: 586px;
	margin: 10px 0px 10px 4px;
}

#elemis #body .bodyEnhancementCapsules {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/bodyMaintenance/bodyEnhancementCapsulesBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #body .bodyExfoliators {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/bodyMaintenance/bodyExfoliatorsBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}
#elemis #body .brushUp {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/bodyMaintenance/brushUpBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #body .bodyMoisturisers {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/bodyMaintenance/bodyMoisturisersBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}
#elemis #body .detoxBodyBoosters {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/bodyMaintenance/detoxBodyBoostersBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #body .muscleaseBodyBoosters {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/bodyMaintenance/muscleaseBodyBoostersBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}
#elemis #body .massageAndBodyOils {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/bodyMaintenance/massageAndBodyOilsBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #body a.prev:link,
#elemis #body a.prev:active,
#elemis #body a.prev:visited {
	display: block;
	width: 93px;
	height: 8px;
	background-image: url(../images/products/elemis/bodyMaintenance/linkTimeForMen1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #body a.prev:hover {
	display: block;
	width: 93px;
	height: 8px;
	background-image: url(../images/products/elemis/bodyMaintenance/linkTimeForMen2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #body a.next:link,
#elemis #body a.next:active,
#elemis #body a.next:visited {
	display: block;
	width: 121px;
	height: 8px;
	background-image: url(../images/products/elemis/bodyMaintenance/linkHomeSpaBathing1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#elemis #body a.next:hover {
	display: block;
	width: 121px;
	height: 8px;
	background-image: url(../images/products/elemis/bodyMaintenance/linkHomeSpaBathing2.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}
/**
  *
  * Products Elemis Spa
  *
  **/

#elemis div#spa {
	width: 586px;
	margin: 10px 0px 10px 4px;
}

#elemis #spa .aromaTherapeuticBathing {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/homeSpaBathing/aromaTherapeuticbathingBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #spa .treatmentBathSynergies {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/homeSpaBathing/treatmentBathSynergiesBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}
#elemis #spa .showerFresh {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/homeSpaBathing/showerFreshBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #spa a.prev:link,
#elemis #spa a.prev:active,
#elemis #spa a.prev:visited {
	display: block;
	width: 126px;
	height: 8px;
	background-image: url(../images/products/elemis/homeSpaBathing/linkBodyMaintenance1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #spa a.prev:hover {
	display: block;
	width: 126px;
	height: 8px;
	background-image: url(../images/products/elemis/homeSpaBathing/linkBodyMaintenance2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #spa a.next:link,
#elemis #spa a.next:active,
#elemis #spa a.next:visited {
	display: block;
	width: 102px;
	height: 8px;
	background-image: url(../images/products/elemis/homeSpaBathing/linkEssentialOils1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#elemis #spa a.next:hover {
	display: block;
	width: 102px;
	height: 8px;
	background-image: url(../images/products/elemis/homeSpaBathing/linkEssentialOils2.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}
/**
  *
  * Products Elemis Sun
  *
  **/

#elemis div#sun {
	width: 586px;
	margin: 10px 0px 10px 4px;
}

#elemis #sun .planToTan {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/sunwise/planToTanBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #sun .savingFaceAndBody {
	height: 240px;
	width: 47%;
	margin-left: 2%;
	float: left;
	background-image: url(../images/products/elemis/sunwise/savingFaceAndBodyBg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}

#elemis #sun a.prev:link,
#elemis #sun a.prev:active,
#elemis #sun a.prev:visited {
	display: block;
	width: 103px;
	height: 8px;
	background-image: url(../images/products/elemis/sunwise/linkEssentialOils1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #sun a.prev:hover {
	display: block;
	width: 103px;
	height: 8px;
	background-image: url(../images/products/elemis/sunwise/linkEssentialOils2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

/**
  *
  * Products Elemis Oils
  *
  **/

#elemis #oils {
	background-image: url(../images/products/elemis/essentialOils/aromaBg.jpg);
	background-position: 415px 45px;
	background-repeat: no-repeat;
	margin-left: 10px;
}

#elemis #oils div {
}

#elemis #oils p {
	font-size: 110%;
	color: #136094;
	margin-top: 5px;
	padding-top: 0px;
}

#elemis #oils p.warning {
	font-size: 110%;
	color: #c0c0c0;
}

#elemis #oils a.prev:link,
#elemis #oils a.prev:active,
#elemis #oils a.prev:visited {
	display: block;
	width: 120px;
	height: 8px;
	background-image: url(../images/products/elemis/essentialOils/linkSpaBathing1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #oils a.prev:hover {
	display: block;
	width: 120px;
	height: 8px;
	background-image: url(../images/products/elemis/essentialOils/linkSpaBathing2.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#elemis #oils a.next:link,
#elemis #oils a.next:active,
#elemis #oils a.next:visited {
	display: block;
	width: 68px;
	height: 8px;
	background-image: url(../images/products/elemis/essentialOils/linkSunWise1.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

#elemis #oils a.next:hover {
	display: block;
	width: 68px;
	height: 8px;
	background-image: url(../images/products/elemis/essentialOils/linkSunWise2.gif);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

/**
  *
  * Offers
  *
  **/


#offersToday {
	width: 446px;
	height: 172px;
	background-image: url(../images/offers/thisWeekBox.jpg);
	float: left;
	padding-top: 15px;
	padding-left: 20px;
}

#offersToday div.info {
	margin-right: 40px;
	margin-left: 5px;
	margin-top: 10px;
}

#offersToday div.info h2 {
	font-size: 160%;
	color: #136094;
	margin: 0;
	padding: 0;
}

#offersToday div.info p {
	font-size: 110%;
	color: #136094;
	margin: 10px 0px 0px 0px;
	padding: 0;
}

#offersToday a.todayLink:link,
#offersToday a.todayLink:active,
#offersToday a.todayLink:visited {
	display: block;
	width: 101px;
	height: 8px;
	background-image: url(../images/offers/linkMoreBlue1.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
}

#offersToday a.todayLink:hover {
	display: block;
	width: 101px;
	height: 8px;
	background-image: url(../images/offers/linkMoreBlue2.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
}

#offersToday a span {
	display: none;
}

#offersOther {
	clear: both;
	width: 711px;
	background-image: url(../images/offers/offerBlockMiddle.jpg);
	background-repeat: repeat-y;
}

#offersOther .lid {
	width: 711px;
	height: 12px;
	background-image: url(../images/offers/offerBlockTop.jpg);
	background-repeat: no-repeat;
}

#offersOther .base {
	width: 711px;
	height: 14px;
	background-image: url(../images/offers/offerBlockBase.jpg);
	background-repeat: no-repeat;
}

#offersOther img {
	margin: 5px 0px 0px 20px;
}

#offersOther .otherOfferItem {
	margin: 10px 0px 0px 20px;
}

#offersOther .otherOfferItem img {
	float: left;
	margin: 0px 10px 0px 0px;
}

#offersOther .otherOfferItem .info {
	width: 485px;
	float: left;
}

#offersOther .otherOfferItem h2 {
	font-size: 160%;
	color: #333333;
	margin: 0;
	padding: 0;
}

#offersOther .otherOfferItem p {
	clear: both;
	font-size: 110%;
	color: #333333;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

#offersOther .otherOfferItem p.right {
	clear: left;
	width: 40%;
	font-size: 110%;
	color: #333333;
	margin: 10px 0px 0px 0px;
	padding: 0;
	float: right;
	text-align: right;
}

#offersOther .otherOfferItem p.left {
	width: 40%;
	font-size: 110%;
	color: #333333;
	margin: 5px 0px 0px 0px;
	padding: 0;
	float: left;
}

#offersOther a.offerLink:link,
#offersOther a.offerLink:active,
#offersOther a.offerLink:visited {
	display: block;
	clear: left;
	width: 101px;
	height: 8px;
	background-image: url(../images/offers/linkMoreGrey1.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 10px;
}

#offersOther a.offerLink:hover {
	display: block;
	clear: left;
	width: 101px;
	height: 8px;
	background-image: url(../images/offers/linkMoreGrey2.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 10px;
}

#offersOther a span {
	display: none;
}

/**
  *
  * Offer Box
  *
  **/

#offerBox {
	clear: both;
	width: 722px;
	margin: 0 0px 0 0px;
	background-image: url(../images/offers/offerBlockMiddle2.jpg);
	background-repeat: repeat-y;
}

#offerBox .lid {
	clear: both;
	width: 722px;
	height: 12px;
	background-image: url(../images/offers/offerBlockTop2.jpg);
}

#offerBox .base {
	clear: both;
	width: 722px;
	height: 14px;
	background-image: url(../images/offers/offerBlockBase2.jpg);
}

#offerBox #mainOffer {
	width: 350px;
	float: left;
}

#mainOffer #mainOfferBody {
	position: relative;
	font-size: 11px;
}

#mainOffer img {
	margin: 10px 0 10px 20px;
}

#mainOfferBody img.thumb {
	float: left;
	margin: 0px 0 0 20px;
	border: 1px solid #c0c0c0;
}

#mainOfferBody div {
	float: left;
	width: 155px;
	margin: 0 0 0 10px;
}

#mainOfferBody h2 {
	font-size: 16px;
	padding: 5px 0 5px 0;
	margin: 0;
}

#mainOfferBody p {
	font-size: 11px;
	padding: 5px 0 5px 0;
	margin: 0;
}

#mainOfferBody div img {
	margin: 0 0 0 0px;
}

#mainOfferBody a span {
	display: none;
}

#mainOfferBody div span {
	float: left;
	font-weight: bold;
	font-size: 12px;
}
#mainOfferBody div a:link,  #mainOfferBody div a:active, #mainOfferBody div a:visited {
	clear: both;
	display: block;
	width: 100px;
	height: 8px;
	margin-top: 20px;
	background-image: url(../images/moreDetailsLink1.gif);
	background-repeat: no-repeat;
}

#mainOfferBody div a:hover {
	clear: both;
	display: block;
	width: 100px;
	height: 8px;
	margin-top: 20px;
	background-image: url(../images/moreDetailsLink2.gif);
	background-repeat: no-repeat;
}

/* secondary off */
#offerBox #secOffer {
	width: 350px;
	float: left;
	height: 152px;
	padding-left: 10px;
	padding-top: 43px;
	border-left: 1px solid #c0c0c0;
}

#secOffer #secOfferBody {
	position: relative;
	font-size: 11px;
}

#secOffer img {
	margin: 10px 0 10px 20px;
}

#secOfferBody img.thumb {
	float: left;
	margin: 0px 0 0 20px;
	border: 1px solid #c0c0c0;
}

#secOfferBody div {
	float: left;
	width: 155px;
	margin: 0 0 0 10px;
}

#secOfferBody h2 {
	font-size: 16px;
	padding: 5px 0 5px 0;
	margin: 0;
}

#secOfferBody p {
	font-size: 11px;
	padding: 5px 0 5px 0;
	margin: 0;
}

#secOfferBody div img {
	margin: 0 0 0 0px;
}

#secOfferBody a span {
	display: none;
}

#secOfferBody div span {
	float: left;
	font-weight: bold;
	font-size: 12px;
}
#secOfferBody div a:link,  #secOfferBody div a:active, #secOfferBody div a:visited {
	clear: both;
	display: block;
	width: 100px;
	height: 8px;
	margin-top: 20px;
	background-image: url(../images/moreDetailsLink1.gif);
	background-repeat: no-repeat;
}

#secOfferBody div a:hover {
	clear: both;
	display: block;
	width: 100px;
	height: 8px;
	margin-top: 20px;
	background-image: url(../images/moreDetailsLink2.gif);
	background-repeat: no-repeat;
}

#otherOffers {
	width: 350px;
	height: 205px;
	float: left;
	padding-left: 10px;
	border-left: 1px solid #c0c0c0;
}

#otherOffers ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#otherOffers li {
	float: left;
	clear: both;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}

#otherOffers li img {
	float: left;
	clear: both;
	margin-right: 10px;
	border: 1px solid #c0c0c0;
}

#otherOffers li p {
	width: 190px;
	font-size: 11px;
	color: #535353;
	margin: 0 0 0 100px;
	padding: 0;
}

#otherOffers a:link,  #otherOffers a:active, #otherOffers a:visited {
	display: block;
	width: 100px;
	height: 8px;
	margin: 2px 0 0 100px;
	background-image: url(../images/moreDetailsLink1.gif);
	background-repeat: no-repeat;
}

#otherOffers a:hover {
	display: block;
	width: 100px;
	height: 8px;
	margin: 2px 0 0 100px;
	background-image: url(../images/moreDetailsLink2.gif);
	background-repeat: no-repeat;
}

/**
  *
  * Offer Box Small (side bar)
  *
  **/
#offerBoxSmall {
	width: 135px;
	background-image: url(../images/offers/sideBar/sideBarMid.jpg);
	background-repeat: repeat-y;
}

#offerBoxSmall .top {
	clear: both;
	height: 16px;
	background-image: url(../images/offers/sideBar/sideBarTop.jpg);
}

#offerBoxSmall .base {
	height: 14px;
	background-image: url(../images/offers/sideBar/sideBarBase.jpg);
	background-repeat: no-repeat;
}

#offerBoxSmall img {
	margin-left: 5px;
}

#offerBoxSmall a:link, #offerBoxSmall a:active, #offerBoxSmall a:visited {
	display: block;
	width: 97px;
	height: 8px;
	background-image: url(../images/offers/sideBar/linkMoreDetails1.gif);
	background-repeat: no-repeat;
	margin-top: 7px;
	margin-left: 5px;
}

#offerBoxSmall a:hover {
	display: block;
	width: 97px;
	height: 8px;
	background-image: url(../images/offers/sideBar/linkMoreDetails2.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 7px;
}

#offerBoxSmall .sbOfferItem {
	margin: 0px 5px 5px 7px;
	padding-top: 0px;
	border-top: 1px solid #c0c0c0;
}

#offerBoxSmall .sbOfferItem img {
	margin:0;
}
#offerBoxSmall .sbOfferItem p {
	font-size: 110%;
	color: #333333;
	padding: 0;
	margin: 5px 0px 0px 0px;
}

/**
  *
  * T&C Box
  *
  **/

#tandc {
	clear: both;
	width: 722px;
	margin: 0 0px 0 0px;
	background-image: url(../images/offers/offerBlockMiddle2.jpg);
	background-repeat: repeat-y;
}

#tandc .lid {
	clear: both;
	width: 722px;
	height: 12px;
	background-image: url(../images/offers/offerBlockTop2.jpg);
}

#tandc .base {
	clear: both;
	width: 722px;
	height: 14px;
	background-image: url(../images/offers/offerBlockBase2.jpg);
}

#tandc #tandcBox {
	margin-left: 20px;
	margin-right: 30px;
	font-size: 110%;
}

#tandc #tandcBox p {
	font-size: 110%;
}


/**
  *
  * Generic Styles
  *
  **/

#rightBox {
	width: 135px;
	float: left;
}

img.imageRight {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

img.imageLeft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.clearAll {
	clear: both;
}