﻿body
{
	background-image: url('http://www.heavenskincare.com/images/background.png');
	background-repeat: repeat;
}
a a:visited a:hover a:active
{
    border-style: none;
    border-width: 0px;
    text-decoration: none;
	line-height: 20px;
    color: Black;
}
.pageBoundary
{
    position:relative;
    margin-left: auto;
    margin-right: auto;
    width:998px;
    top:10px;
}
.page
{
    background-color:White;
	width: 960px;
	height: 100%;
}
.header
{
	background-color:White;
	width: 100%;
}
.banner
{
	background-color:White;
	width:100%;
	height:192px;
}
.bannerLogo
{
	position:absolute;
	float:left;
	z-index:10;
	top:10px;
	left:72px;
	width:89px;
	height:145px;
	padding: 8px 8px 8px 8px;
	border:solid 8px black;
	background-color:White;
}
.heavenLogo
{
	position:absolute;
	float:left;
	z-index:10;
	top:10px;
	left:201px;
	background-color:White;
}
.bannerRibbon
{
	position:absolute;
	float:left;
	z-index:0;
	top:138px;
	left:0px;
	width:100%;
	height:24px;
	background-color:Black;
}
.menu
{
	background-color:Black;
	position:absolute;
	float:left;
	top:138px;
	left:201px;
	height:24px;
	z-index:15;
}
h1
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 16pt;
    color: Black;
    font-style: normal;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 10px;
}
h2
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
	font-size: 12pt;
	color: Black;
	font-style: normal;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 10px;
}
h3
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 11pt;
	color: Black;
	font-style: normal;
	font-weight: normal;
	margin-top:5px;
	margin-bottom:10px;
}
h4
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 10pt;
	color: Black;
	font-style: normal;
	font-weight: normal;
	margin-top:5px;
	margin-bottom:10px;
}
p
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 10pt;
    color: #707070;
}
p a
{
    border-style: none;
    border-width: 0px;
    text-decoration: none;
	line-height: 19px;
    color: Black;
}
p a:visited {
    border-style: none;
    border-width: 0px;
	text-decoration: none;
	line-height: 19px;
	color: Black;
}
p a:hover {
    border-style: none;
    border-width: 0px;
	text-decoration: none;
	color: Black;
	line-height: 19px;
	border-bottom: 1px Black dotted;
}
p a:active {
    border-style: none;
    border-width: 0px;
	text-decoration: none;
	line-height: 19px;
	color: Black;
}
.noBorder
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}
.bottomBorder
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #386805;
}
.linkPanel
{
	position:relative;
	width:123px;
	height:101px;
	top: 0px;
	left: 0px;
}
.smallLink
{
	position:absolute;
	top:3px;
	left:2px;
}
.largeLink
{
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
}
.pageLink a
{
    background-color: Transparent;
    text-decoration: none;
	line-height: 19px;
    color: White;
}
.pageLink a:visited
{
    background-color: Transparent;
    text-decoration: none;
	line-height: 19px;
    color: White;
}
.pageLink a:hover
{
    background-color: Transparent;
    text-decoration: none;
	line-height: 19px;
    color: White;
}
.pageLink a:active
{
    background-color: Transparent;
    text-decoration: none;
	line-height: 19px;
    color: White;
}
.pageLogo
{
    position: absolute;
    left: 215px;
    top: 0px;
    z-index: 10;
}
.pageTitle
{
    position: absolute;
    left: 215px;
    top: 150px;
    z-index: 10;
}
.pageContent 
{
	background-color: White;
	height: 100%;
	width: 100%;
}
.bodyContent
{
	background-color: White;
	height: 100%;
	width: 100%;
}
.leftCol 
{
	background-color:White;
	width: 190px;
	height: 100%;
	vertical-align: top;
}
.rightCol
{
	background-color:White;
	width: 770px;
	height: 100%;
	vertical-align: top;
}
.rightAlign 
{
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 10;
}
.bodyTextXSmall
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color: #707070;
}
.bodyTextSmall
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    color: #707070;
}
.bodyText
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: #707070;
}
.bodyText a
{
    border-style: none;
    border-width: 0px;
    text-decoration: none;
	line-height: 19px;
    color: Black;
}
.bodyText a:visited {
    border-style: none;
    border-width: 0px;
	text-decoration: none;
	line-height: 19px;
	color: Black;
}
.bodyText a:hover {
    border-style: none;
    border-width: 0px;
	text-decoration: none;
	line-height: 19px;
	color: Black;
	border-bottom: 1px Black dotted;
}
.bodyText a:active {
    border-style: none;
    border-width: 0px;
	text-decoration: none;
	line-height: 19px;
	color: Black;
}
.bodyTextBold
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: Black;
}
.bodyTextRed
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: Red;
}
.footer
{
	border-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: White;
	text-align: center;
	width: 100%;
}
.footer p
{
    color: White;
}
.footer a
{
    text-decoration: none;
    line-height: 19px;
    color: White;
}
.footer a:visited {
	text-decoration: none;
    line-height: 19px;
	color: White;
}
.footer a:hover {
	text-decoration: none;
    line-height: 19px;
	color: White;
	border-bottom: 1px White dotted;
}
.footer a:active {
	text-decoration: none;
    line-height: 19px;
	color: White;
}
.telephoneText
{
    font-family: "Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 8pt;
}
.pressDataList
{
	font-family: "Trebuchet MS" ,Tahoma,Verdana,Segoe,sans-serif;
	font-size: 10pt;
	color: #000000;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}
.pressDataList td
{
    vertical-align: top;
}
.thumbNailPanel
{
    border: solid 1px black;
    Height: 110px;
    Width: 96px;
    line-height: 114px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
.thumbNailImage
{
    cursor: pointer;
}
.articlePanel
{
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: scroll;
}
.articleImage
{
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}
.resizeHandle
{
	width: 16px;
	height: 16px;
	cursor: se-resize;
	background-image: url('http://www.heavenskincare.com/images/HandleGrip.png');
	position: absolute;
	z-index: 100;
	background-repeat: no-repeat;
}
.resizeResize
{
}
.titleBar
{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 55px;
	background-color: #FFFFFF;
	cursor: move;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	vertical-align: middle;
	line-height: 55px;
	position: absolute;
}
.minmaxButton
{
	float: right;
	cursor: auto;
	margin-top: 2px;
	margin-right: 2px;
}
.closeButton
{
    float: right;
    cursor: auto;
    margin-top: 2px;
    margin-right: 2px;
}
.titleText
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
	font-size: 18pt;
	color: Black;
	font-style: normal;
	font-weight: bold;
    white-space: nowrap;
    margin-bottom: 10px;
}
.openHand
{
	cursor: url('http://www.heavenskincare.com/images/openhand.cur');
}
.closedHand
{
	cursor: url('http://www.heavenskincare.com/images/closedhand.cur');
}
.pzcRail
{
	background-position: 1px 0px;
	background-image: url('http://www.heavenskincare.com/images/rail.png');
	background-repeat: no-repeat;
	height: 141px;
	width: 16px;
}
.pzcPanel
{
	position: absolute;
	top: 66px;
	left: 10px;
	z-index: 1;
}
.sliderPanel
{
	position: absolute;
	width: 16px;
	height: 141px;
	top: 79px;
	left: 19px;
	border-width: 0px;
	border-style: none;
	padding: 0px;
	margin: 0px;
}
.sliderValue
{
	width: 14px;
	display: none;
}
.pzcButton
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	position: absolute;
}
.panLeft
{
	position: absolute;
	top: 19px;
	left: 0px;
}
.panUp
{
	position: absolute;
	top: 0px;
	left: 19px;
}
.panCentre
{
	position: absolute;
	top: 19px;
	left: 19px;
}
.panRight
{
	position: absolute;
	left: 38px;
	top: 19px;
	cursor: pointer;
}
.panDown
{
	position: absolute;
	top: 38px;
	left: 19px;
	cursor: pointer;
}
.zoomIn
{
	position: absolute;
	left: 19px;
	top: 60px;
}
.zoomOut
{
	position: absolute;
	top: 222px;
	left: 19px;
	cursor: pointer;
}
.bulletedLink
{
    font-family: "Century Gothic","Trebuchet MS",Tahoma,Verdana,Segoe,sans-serif;
    font-size: 10pt;
    color: #000000;
	margin:0;
	padding:0 0 0 13px;
	line-height:28px;
	background:url('http://www.heavenskincare.com/images/list_bull.gif') center left no-repeat;
}
.bulletedLink a
{
	text-decoration:none;
	line-height: 19px;
    color: #000000;
}
.bulletedLink a:hover
{
	border-bottom: 1px Black dotted;
	text-decoration:none;
	line-height: 19px;
}
.alignLeft
{
    text-align: left;
}
.alignRight
{
    text-align: right;
}
.floatLeft
{
	position: relative;
	float: left;
}
.floatRight
{
	position: relative;
	float:right;
}
.relative
{
    position: relative;
}
.marginRight
{
    margin-right:10px;
}
.paddingSmall
{
    padding: 4px 4px 4px 4px;
}
.paddingSmallTop
{
    padding-top:5px;
}
.paddingTop
{
    padding-top:10px;
}
.paddingExtraTop
{
    padding-top:20px;
}
.paddingLeft
{
    padding-left:10px;
}
.paddingSmallLeft
{
    padding-left:5px;
}
.paddingExtraLeft
{
    padding-left:20px;
}
.paddingSmallRight
{
    padding-right:5px;
}
.paddingRight
{
    padding-right:10px;
}
.paddingExtraRight
{
    padding-right:20px;
}
.paddingSmallBottom
{
    padding-bottom:5px;
}
.paddingBottom
{
    padding-bottom:10px;
}
.paddingMoreBottom
{
    padding-bottom:15px;
}
.paddingExtraBottom
{
    padding-bottom:20px;
}
.boundedPanelHeader
{
    background-color: White;
    position: relative;
    top: 8px;
    left: 17px;
}
.dropDownList
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
}
.alignCentre
{
    position: relative;
}
.relative
{
	position:relative;
}
.liaPicPanel
{
    float:left;
    margin-right:10px;
    width:242px;
}
.liaPic
{
    float:left;
    width:242px;
    height:198px;
    border:solid 1px black;
}
.aboutusDeb
{
    float:left;
    margin-right:10px;
    width:164px;
    height:200px;
    border:solid 1px black;
}
.alignTop
{
    vertical-align:top;
}
.alignMiddle
{
    vertical-align:middle;
}
.celebPanel
{
    width:722px;
}
.celebPicCol
{
    vertical-align:top;
    width:210px;
}
.celebQuoteCol
{
    vertical-align:top;
    padding:0px 5px 0px 5px;
    width:512px;
}
.treatmentFlowerGirl
{
    border: 5px solid #000000;
    margin-right: 10px;
}
.highlightRed
{
    color:Red;
}
.tradeContactInfoCol1, .customerDetailsCIC1
{
    vertical-align:top;
    text-align:left;
    width:200px;
}
.tradeContactInfoCol2, .customerDetailsCIC2
{
    vertical-align:middle;
    text-align:left;
    width:380px;
}
.popupLink
{
    border-style: none;
    border-width: 0px;
	text-decoration: none;
	color: Black;
	cursor: pointer;
	border-bottom: 1px Black dotted;
}
.stackTop
{
    z-index:50000;
}
.ddPanel
{
    width: 580px;
}
.spacer
{
    width:10px;
}
.tradeContactPanel, .customerDetailsCP
{
    margin-left: auto;
    margin-right: auto;
    width: 580px;
}
.popupPage
{
	border-style: none;
	position: relative;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	height: 100%;
	top: 10px;
	display: block;
}
.trainingSep
{
    height:1px;
    color:Black;
}
.leftPad
{
    padding-left: 10px;
}
.rightPad
{
    padding-right: 10px;
}
.popupFooterHeight
{
    height: 24px;
}
.hidden
{
    visibility: hidden;
}
.visible
{
    visibility: visible;
}
.productInnerPanel
{
    width: 700px;
}
.productImage
{
    vertical-align:top;
    text-align: left;
    width: 200px;
}
.productDetail
{
    vertical-align:top;
    text-align: left;
    width: 500px;
    padding-left: 10px;
}
.sizeCell
{
    text-align:left;
    line-height:30px;
    width:80px;
}
.priceCell
{
    text-align:right;
    line-height:30px;
    width:80px;
}
.quantityCell
{
    text-align:right;
    line-height:30px;
    width:80px;
}
.purchaseCell
{
    text-align:right;
    line-height:30px;
    width:80px;
}
.basketCell
{
    text-align:right;
    line-height:30px;
    width:80px;
}
.naturalHealthHeading {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0088;
	font-weight: bold;
	font-size: small;
}
.pink
{
	color: #CC0088;
}
.picBorder
{
    border: Solid 1px Black;
}
.hyperLinkButton
{
    border-style: none;
    border-width: 0px;
    text-decoration: none;
}
.hyperLinkButton a
{
    border-style: none;
    border-width: 0px;
    text-decoration: none;
}
.hyperLinkButton a:visited {
    border-style: none;
    border-width: 0px;
	text-decoration: none;
}
.hyperLinkButton a:hover {
    border-style: none;
    border-width: 0px;
	text-decoration: none;
}
.hyperLinkButton a:active {
    border-style: none;
    border-width: 0px;
	text-decoration: none;
}
.padTherapistDetails
{
    padding: 1px 5px 5px 5px;
}
.clearBoth
{
    clear:both;
    display:block;
}
.noMargin
{
    margin:0px 0px 0px 0px;
}
.noPadding
{
    padding:0px 0px 0px 0px;
}
