/*main page formatting------------------------------------------------------------------*/
a:active{
	outline: none;
	text-decoration: none;
}
a:focus{-moz-outline-style: none;}

/*added to css to loose halo around firefox links. */
#wrapper {
	width: 929px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	/*height: auto;*/	
}

#stghomefooter{
	top:766px;
	left:266px;
	position:absolute;
	width: 630px;
}

#stghomefooter p{color:#FFFFFF}


#stghomefooter a {
	line-height: 18px;
}

#stghomefooter a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#stghomefooter a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#stghomefooter a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#stghomefooter a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#stghomefooter .copyright {
	float: right;
	padding-left: 120px;
	line-height: 18px;

}




body{
    margin: 0px;
	border: none;
    background-image:url(../images/temple-spa-background.jpg);
    background-position:center top;
	background-repeat: repeat-y;
	background-color:#050505;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
} 
/*main page formatting-------------------------------------------------------------------*/



/*html text image formatting-------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
h1 {
    font-size: 29px;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 32px;
	font-weight: normal;
	color: #000000;
}
.homeh1{
    font-size: 22px;
    line-height: 24px;
}
h2 {	
    font-size: 22px;
	margin-top: 0px;
	margin-bottom: 4px;
	line-height: 24px;
	font-weight: normal;
	color: #000000;
}
h3 {
    font-size: 16px;
	margin-top: 0px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #000000;
}
h4 {
    font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	color: #000000;
}



p {
    font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #000000;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
text-decoration:underline;

}
a:active {

}
a.inpage {
	color: #308774;
	text-decoration:underline;
}
a.inpage:hover {
	text-decoration:none;
    color: #1c473e;
}
.imagepadding{
    padding: 0px 0px 10px 10px;
}
a.footer {
    font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-right:10px
}
a.footer a:link {
	color: #000000;
	text-decoration: none;
}
a.footer a:visited {
	text-decoration: none;
	color: #000000;
}
a.footer a:hover {
	text-decoration: underline;
	color: #DC2329;
}
a.footer a:active {
	text-decoration: none;
	color: #000000;
}
br{
    line-height:8px;
}

ol{
margin-top: 2px; 
padding-top: 2px;
}
/*html formatting----------------------------------------------------------------------*/


/*nav----------------------------------------------------------------------------------*/
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 233px;
	height: 93px;
}
#nav {
	position: absolute;
	left: 0px;
	top: 91px;
	width: 233px;
	height: 41px;
}
#topnavflash {
	position: absolute;
	left: 233px;
	top: 0px;
	width: 513px;
	height: 142px;
}
#topnavbasket {
	z-index:10;
	position: absolute;
	left: 746px;
	top: 0px;
	width: 183px;
	height: 126px

	
}
#topnavsearch{
	position: absolute;
	left: 233px;
	top: 142px;
	width: 696px;
	height: 32px;
	background-image:url(../images/temple-spa-top-spacer.jpg);
}

#topnavsearchsub{
	position: absolute;
	left: 233px;
	top: 142px;
	width: 696px;
	height: 32px;
	background-image:url(../images/temple-spa-top-spacer-sub.jpg);
}
.linkinput{
	vertical-align:top;
	background-color: #000000;
}
 
.linkinput input{
	margin: 0px;
	background-image:url(../images/temple-spa-search2.jpg);
	background-repeat: no-repeat;
	height:20px;
	width:170px;
	background-position: left top;
	display: block;
	border: none;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left:5px;
	background-color: #000000;
}
  
#nav a.button{
	text-decoration: none;
	background-image: url(../images/temple-spa-search-gobtn2.jpg);
	display: block;
	background-repeat: no-repeat;
	width: 31px;
	height: 24px;
	margin-top: 0px;
	padding-right: 2px;
	padding-left: 9px;
	font-weight: bold;
	font-size: 15px;
	line-height: 24px;
}
#nav a.button:link {
	color: #000000;
	text-decoration: none;
}
#nav a.button:visited {
	text-decoration: none;
	color: #000000;
}
#nav a.button:hover {
	text-decoration: underline;
	color: #000000;
}
#nav a.button:active {
	text-decoration: none;
	color: #000000;
}

.searchtable{
margin:0px 0px 13px 0px;
padding:0px 0px 0px 0px;

}


/*label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }*/
#blockleft{
	position: absolute;
	left: 233px;
	top: 126px;
	width: 15px;
	height: 32px;
}
a.leftsub{
    display:block;
	width:226px;
	height:25px;
	padding:5px 0px 0px 6px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 20px;
	font-weight:400;
	color: #ffffff;
	text-decoration:none;
	background-color:#262626;
}
a.leftsub:hover{
	text-decoration:underline;
}
a.leftsubend{
    display:block;
	wwidth:226px;
	height:27px;
	padding:5px 0px 0px 6px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 20px;
	font-weight:400;
	color: #ffffff;
	text-decoration:none;
	background-image:url(../images/sub-end.gif);
}
a.leftsubend:hover{
	text-decoration:underline;
	color: #FFFFFF;

}

a.leftsubend:link {
	color: #FFFFFF;
}
a.leftsubend:visited {
	color: #FFFFFF;
}

a.leftsubend:active {
	color: #FFFFFF;
}

/*Link Styles*/

#nav a:link {color: #fff; text-decoration:none;}
#nav a:visited {color: #fff; text-decoration:none;}
#nav a:hover {color: #fff;text-decoration:underline;}
#nav a:active {color: #fff; text-decoration:none;}

a.face-btn, a.home-btn, a.body-btn, a.gifts-btn, a.travel-btn, a.fragrance-btn, a.aromatherapy-btn, a.best-sellers-btn, a.new-btn, a.skin-type-btn, a.gift-vouchers-btn, a.gift-vouchers-btn, a.vacancies-btn{
    display:block;
	width:233px;
	height:35px;
	padding:8px 0px 0px 5px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 18px;
	line-height: 24px;
	font-weight:400;
	color: #ffffff;
	text-decoration:none;
	background-repeat:no-repeat;
}
a.face-btn{background-image:url(../images/face-cleanser-toner-mask.jpg);}
a.body-btn{background-image:url(../images/body-massage-scrubs-lotion.jpg);}
a.gifts-btn{background-image:url(../images/spa-skincare-gift-collection.jpg);}
a.travel-btn{background-image:url(../images/travel-kits-spa-skincare-pamper.jpg);}
a.fragrance-btn{background-image:url(../images/spa-candles-fragrance-aromatherapy.jpg);}
a.aromatherapy-btn{background-image:url(../images/aromatherapy-relaxing-spa.jpg);}
a.best-sellers-btn{background-image:url(../images/spa-skincare-best-sellers.jpg);}
a.new-btn{background-image:url(../images/skincare-new-products.jpg);}
a.skin-type-btn{background-image:url(../images/find-your-skin-type.jpg);}
a.gift-vouchers-btn{background-image:url(../images/gift-vouchers-spa-skincare.jpg);}
a.vacancies-btn{background-image:url(../images/temple-spa-vacancies.jpg);}


a.left_btn{
    color:#FFFFFF;
    display:block;
	height:31px;
	padding:0px 0px 0px 5px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 18px;
	line-height: 24px;
	font-weight:400;
}

a.home-btn{
	height:31px;
	padding:12px 0px 0px 5px;
}

.home_btn_space{
    display:block;
	width:100px;
	height:35px;
	padding:8px 0px 0px 5px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 18px;
	line-height: 24px;
	font-weight:400;
	color: #ffffff;
	text-decoration:none;
}

a.contact-btn{
	display:block;
	height:21px;
	padding:3px 0px 0px 9px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #000000;
	text-decoration:none;
	background-image:url(../images/temple-spa-contact.jpg);
	background-repeat:no-repeat;
	position: relative;
}

a.checkout-btn{
    display:block;
	height:21px;
	padding:3px 0px 0px 9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #000000;
	text-decoration:none;
	background-image:url(../images/temple-spa-checkout.jpg);
	background-repeat:no-repeat;
}
a.checkout-btn:hover{
	text-decoration:underline;
}

a.shoppingbag-btn{
    display:block;
	/*width:176px;*/
	height:21px;
	padding:3px 0px 0px 9px;
	
	
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #000000;
	text-decoration:none;
	background-image:url(../images/temple-spa-bag.jpg);
	background-repeat:no-repeat;
}
a.shoppingbag-btn:hover{
	text-decoration:underline;
}
.nametop{
    width:174px;
	height:17px;
	padding:5px 0px 0px 9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #000000;
	background-image:url(../images/temple-spa-name-sub.jpg);
}
a.logout-btn{
    display:block;
	width:70px;
	height:24px;
	padding:2px 0px 0px 6px;
	text-decoration:none;
	background-color:#FFFFFF;
	background-image:url(../images/temple-spa-logout-sub.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
a.logout-btn:hover{
    text-decoration:underline;
}
a.view-btn{
    display:block;
	width:95px;
	height:24px;
	padding:2px 0px 0px 12px;
	text-decoration:none;
	background-color:#FFFFFF;
	background-image:url(../images/temple-spa-view-account-sub.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
a.view-btn:hover{
    text-decoration:underline;
}
a.login-btn{
    display:block;
	width:82px;
	height:34px;
	padding:14px 0px 0px 20px;
	
	
	
	padding:14px 5px 0px 20px;
	
	
	
	
	
	text-decoration:none;
	background-color:#FFFFFF;
	background-image:url(../images/temple-spa-sign-in.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
a.login-btn:hover{
    text-decoration:underline;
}
a.register-btn{
    display:block;
	width:71px;
	height:45px;
	padding:3px 0px 0px 3px;
	
	
	
	
	
	padding:3px 0px 0px 5px;
	
	
	
	
	
	
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	line-height: 16px;
	font-weight:400;
	color: #000000;
	background-color:#FFFFFF;
	background-image:url(../images/temple-spa-register.jpg);
	text-decoration:underline;
	background-repeat:no-repeat;
}
a.register-btn:hover{
	text-decoration:none;
}

a.topnav{
	padding:0px 3px 0px 16px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 15px;
	font-weight:800;
	color: #000000;
    text-decoration:none;
}
a.topnav:hover{
	text-decoration:underline;
}

a.loginsub-btn{
    display:block;
	width:82px;
	height:34px;
	
	padding:14px 5px 0px 20px;
	
	
	
	text-decoration:none;
	background-color:#FFFFFF;
	background-image:url(../images/temple-spa-sign-in-sub.jpg);
	background-repeat:no-repeat;
	margin:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
a.loginsub-btn:hover{
    text-decoration:underline;
}
a.registersub-btn{
    display:block;
	width:71px;
	height:45px;
	padding:3px 0px 0px 5px;
	
	
	
	
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	line-height: 16px;
	font-weight:400;
	color: #000000;
	background-color:#FFFFFF;
	background-image:url(../images/temple-spa-register-sub.jpg);
	text-decoration:underline;
	background-repeat:no-repeat;
	background-position:left bottom;
}
a.registersub-btn:hover{
	text-decoration:none;
}
a.contactsub-btn{
    display:block;
	
	height:21px;
	padding:3px 0px 0px 9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #000000;
	text-decoration:none;
	background-image:url(../images/temple-spa-contact-sub.jpg);
	background-repeat:no-repeat;
}
a.contactsub-btn:hover{
	text-decoration:underline;
}
a.checkoutsub-btn{
    display:block;
	height:21px;
	padding:3px 0px 0px 9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #000000;
	text-decoration:none;
	background-image:url(../images/temple-spa-checkout-sub.jpg);
	background-repeat:no-repeat;
}
a.checkoutsub-btn:hover{
	text-decoration:underline;
}
a.shoppingbagsub-btn{
    display:block;
	height:21px;
	padding:3px 0px 0px 9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #000000;
	text-decoration:none;
	background-image:url(../images/temple-spa-bag-sub.jpg);
	background-repeat:no-repeat;
}
a.shoppingbagsub-btn:hover{
	text-decoration:underline;
}
/*nav----------------------------------------------------------------------------------*/


/*home---------------------------------------------------------------------------------*/
#mediterranean {
	position: absolute;
	top: 687px;
	left: 233px;
	width: 696px;
	height: 1053px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/temple-spa-mediterranean.jpg);
}
#promotionflash {
	position: absolute;
	top: 174px;
	left: 233px;
	width: 696px;
	height: 248px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}
#topfiveskincare {
	position: absolute;
	top: 432px;
	left: 233px;
	width: 266px;
	height: 103px;
	padding: 10px 10px 10px 10px;
	background-image:url(../images/temple-spa-skincare-top-five-blank.jpg);
	overflow:hidden;
}
#antiageing {
	position: absolute;
	top: 432px;
	left: 522px;
	width: 187px;
	height: 103px;
	padding: 10px 10px 10px 10px;
	background-image:url(../images/temple-spa-anti-ageing.jpg);
	overflow:hidden;
}
#antiageingmore {
    z-index: 3;
	position: absolute;
	top: 516px;
	left: 531px;
	width: 77px;
	height: 33px;
	padding: 0px 0px 0px 0px;
}
#spahome {
	position: absolute;
	top: 432px;
	left: 732px;
	width: 177px;
	height: 103px;
	padding: 10px 10px 10px 10px;
	background-image:url(../images/temple-spa-home-spa.jpg);
}
#spahomemore {
    z-index: 3;
	position: absolute;
	top: 516px;
	left: 742px;
	width: 77px;
	height: 33px;
	padding: 0px 0px 0px 0px;
}
#skincareadvice {
	position: absolute;
	top: 564px;
	left: 233px;
	width: 352px;
	height: 103px;
	padding: 10px 10px 10px 10px;
	background-image:url(../images/skincare-advice-temple-spa.jpg);
}
#skincareadvicemore {
	z-index: 3;
	position: absolute;
	top: 646px;
	left: 535px;
	width: 68px;
	height: 28px;
	padding: 0px 0px 0px 0px;
}
#skincarenewsletter {
	position: absolute;
	top: 564px;
	left: 608px;
	width: 301px;
	height: 64px;
	padding: 10px 10px 10px 10px;
	background-image:url(../images/skincare-news-temple-spa.jpg);
}
#skincarenewsbox {
	position: absolute;
	top: 648px;
	left: 608px;
	width: 203px;
	height: 39px;
	padding: 0px 0px 0px 10px;
	background-image:url(../images/skincare-news-box-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#skincarenewsbox input {
	height: 20px;
	background-image: url(../images/skincare-news-box2.jpg);
	background-repeat: no-repeat;
	width: 181px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 2px;
	/*padding-left: 7px;*/
	margin-left: 0px;
	background-position: right;
	padding-left: 7px;

}


#horiz1 {
	position: absolute;
	top: 422px;
	left: 233px;
	width: 696px;
	height: 10px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/temple-spa-middlespacer.jpg);
}
#horiz2 {
	position: absolute;
	top: 555px;
	left: 233px;
	width: 696px;
	height: 10px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/temple-spa-btmspacer.jpg);
}
#vert1 {
	position: absolute;
	top: 432px;
	left: 519px;
	width: 3px;
	height: 123px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/temple-spa-skincare-top-five-end.jpg);
}
#vert2 {
	position: absolute;
	top: 432px;
	left: 729px;
	width: 3px;
	height: 123px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/temple-spa-anti-ageing-end.jpg);
}
#vert3 {
	position: absolute;
	top: 564px;
	left: 605px;
	width: 3px;
	height: 123px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/skincare-advice-temple-spa-end.jpg);
}
#contact {
	position: absolute;
	left: 604px;
	width: 224px;
	height: 154px;
	top: 495px;
	padding: 20px 35px 19px 35px;
	background-image:url(../images/contact-business-coaching.gif);
}
a.btnhome{
    display:block;
	width:107px;
	height:28px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	padding-top:2px;
	text-align:center;
    font-size: 20px;
	line-height: 24px;
	font-weight:400;
	color: #000000;
	text-decoration:none;
	background-image:url(../images/business-coaching-home.gif);
}
a.btnhome:hover{
	text-decoration:underline;
}
a.antiageingbtn{
    display:block;
	width:77px;
	height:33px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-image:url(../images/anti-ageing-more.jpg);
}
a.antiageingbtn:hover{
	background-image:url(../images/anti-ageing-more-o.jpg);
}
a.spahomebtn{
    display:block;
	width:77px;
	height:33px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-image:url(../images/spa-home-more.jpg);
}
a.spahomebtn:hover{
	background-image:url(../images/spa-home-more-o.jpg);
}
a.skincarebtn{
    display:block;
	width:68px;
	height:28px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-image:url(../images/skincare-advice-more.gif);
}
a.skincarebtn:hover{
	background-image:url(../images/skincare-advice-more-o.gif);
}


#skincarenewsmore {
	position: absolute;
	top: 648px;
	left: 819px;
	width: 110px;
	height: 39px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/skincare-news-sign-in.jpg);

}

input.button2 {
    display: block;
	width:110px;
	height:39px;
    border: none;
	
	/*weird ie6 bug you have to use below border style instead of above*/
	
	border: 0px solid #FFFFFF;
	background-image:url(../images/skincare-news-sign-in.jpg);
	background-repeat:no-repeat;
}
input.button2:link {
    background-image:url(../images/skincare-news-sign-in.jpg);
	background-repeat:no-repeat;
}
input.button2:visited {
    background-image:url(../images/skincare-news-sign-in.jpg);
	background-repeat:no-repeat;
}
input.button2:hover {
    background-image:url(../images/skincare-news-sign-in-o.jpg);
	background-repeat:no-repeat;
}
input.button2:active {
    background-image:url(../images/skincare-news-sign-in.jpg);
	background-repeat:no-repeat;
}


/*home---------------------------------------------------------------------------------*/


/*sub----------------------------------------------------------------------------------*/
#header {
    z-index:5;
	position: absolute;
	
	
	
	top: 173px;
	left: 233px;
	width: 662px;
	padding: 2px 17px 2px 17px;
	background-image:url(../images/subheader.jpg);
	background-repeat:no-repeat;
	
	
	/*height: auto;*/
	background-color:#FFFFFF;
	
	
	
}

.tbl_shopindex_line{
	border-bottom: solid 1px #E8E8E8;
	padding: 18px 0px 12px 0px
}

#subcontent {
	position: absolute;
	top: 224px;
	left: 233px;
	width: 662px;
	
	/*height: auto;
	height: 800px;*/
	
	
	background-color:#FFFFFF;
	padding: 17px 17px 17px 17px;
}
#linkinput-sub{
	position: absolute;
	left: 248px;
	top: 126px;
	width: 129px;
	height: 30px;
	padding: 2px 0px 0px 5px;
	background-image:url(../images/temple-spa-search-sub.jpg); 
	background-repeat: no-repeat; 
}
   
.button-sub {
    display: block;
	width:42px;
	height:32px;
    border: none;
    background:url(../images/temple-spa-search-go-o-sub.jpg);
	background-repeat:no-repeat;
}
/*.button-sub:hover {
    border: none;
    background:url(../images/temple-spa-search-go-o-sub.jpg);
	background-repeat:no-repeat;
}*/

.hideit {
	position: absolute;
	visibility: hidden;
	padding:0px;
	height:5px;
	overflow:hidden;

	}
	
.showit {
	position: relative;
	visibility: visible;
	z-index:10;
	}

form{
	padding:0px;
	margin:0px;
}
.form_field_qty{
width:30px;
}

.form_fld_housenumber{
	width:30px;
	margin:0px 12px 2px 2px;	
	padding:0px;
}
.form_fld_getpostcode{
	width:80px;
	margin:0px 12px 2px 2px;	
	padding:0px;
}

.form_fld_courier_note{
	width:270px;
}

.tbl_cart_td{border-bottom: solid 1px #E8E8E8;}

.tbl_get_address{
}

.errors{
color:#FF3300
}
/*####################buttons*/


a.back_to_nav{
    float:right
}

.form_btn_update_cart{
    display:block;
	width:80px;
	height:28px;
	padding:0px 0px 0px 14px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	text-decoration:none;
	background-image:url(../images/update-qty.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF; 
	border:0px none #000000;
	margin:4px 0px 0px 0px;
	
}
.form_btn_update_cart:hover{
    text-decoration:underline;
}

.subtotals{
	background-image:url(../images/sub-total.gif);
	background-repeat:none;
	width:139px;
	height:53px;
	margin:4px 0px 0px 2px;
}

.totals{
	background-image:url(../images/total.gif);
	background-repeat:none;
	width:139px;
	height:38px;
	margin:4px 0px 0px 2px;
}

a.add_to_cart_btn, a.full_details_btn{
    display:block;
	width:157px;
	height:22px;
	padding:6px 0px 0px 10px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	color: #ffffff;
	text-decoration:none;
	/*border:1px solid #000000;*/
	margin:0px 0px 2px 0px;
	background-repeat:no-repeat;
}
a.add_to_cart_btn{
	background-image:url(../images/add-to-bag-prod-page.gif);
}

a.add_to_cart_btn:hover, a.full_details_btn:hover{
    text-decoration:underline;
}

a:link.add_to_cart_btn, a:link.full_details_btn{
	color: #FFFFFF;
}

a:visited.add_to_cart_btn, a:visited.full_details_btn{
	color: #FFFFFF;
}

a:hover.add_to_cart_btn, a:hover.full_details_btn{
	color: #FFFFFF;
}

a:active.add_to_cart_btn, a:active.full_details_btn{
	color: #FFFFFF;
}


a.full_details_btn{
	background-image:url(../images/full-details.gif);
}







.qty_in_cart, .item_added_to_cart, .adding_to_cart, .nailvarnish{
    display:block;
	width:157px;
	height:21px;
	padding:5px 0px 0px 10px;
	background-repeat:no-repeat;
	margin:0px 0px 4px 0px;
	text-align:left;
}
.qty_in_cart{
	background-image:url(../images/added-to-bag.gif);
}
.item_added_to_cart{
	color: #ffffff;
	background-image:url(../images/adding-to-bag.gif);
}

a.cart_checkout_btn{
    display:block;
	width:133px;
	height:37px;
	padding:8px 0px 0px 10px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 28px;
	line-height: 28px;
	color: #ffffff;
	text-decoration:none;
	background-image:url(../images/checkout.gif);
	background-repeat:no-repeat;
	border:0px solid #000000;
	margin:4px 0px 0px 0px;
}
a.cart_checkout_btn:hover{
    text-decoration:underline;
}

.form_btn_getaddress{
	display:block;
	text-align:left;
	padding:0px 0px 0px 5px;
	background-image:url(../images/get-address.gif);
	background-color:#FFFFFF;
	height:26px;
	width:93px;
	border:0px solid #000000;
	margin:3px 0px 0px 4px;
}


.form_btn_login, .form_btn_register, .form_btn_submit, .form_btn_view_orders{
	display:block;
	color:#FFFFFF;
	text-align:left;
	background-image:url(../images/submit2.gif);
	width:97px;
	border:0px solid #000000;
	cursor: hand;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	height: 28px;
	line-height: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin: 0px;
}



.form_btn_login:hover, .form_btn_register:hover, .form_btn_submit:hover, .form_btn_getaddress:hover{
    text-decoration:underline;
}

a.address_edit_btn, a.btn_vouchercodes_verify{
	display:block;
	color:#FFFFFF;
	text-align:left;
	padding:7px 0px 0px 5px;
	background-image:url(../images/submit.gif);
	height:22px;
	width:92px;
	border:0px solid #000000;
	margin:4px 0px 0px 0px;}
	


a.address_edit_btn:link, a.btn_vouchercodes_verify:link,  a.btn_stg_view_orders:link{text-decoration:none; color:#FFFFFF}
a.address_edit_btn:visited, a.btn_vouchercodes_verify:visited,  a.btn_stg_view_orders:visited{text-decoration:none; color:#FFFFFF}
a.address_edit_btn:hover, a.btn_vouchercodes_verify:hover,  a.btn_stg_view_orders:hover{text-decoration:underline; color:#FFFFFF}
a.address_edit_btn:active, a.btn_vouchercodes_verify:active,  a.btn_stg_view_orders:active{text-decoration:none; color:#FFFFFF}

.address_edit_form_btn{
	text-align:left;
	padding:0px 0px 0px 5px;
	background-image:url(../images/get-address.gif);
	background-color:#FFFFFF;
	height:26px;
	width:97px;
	border:0px solid #000000;
	margin:3px 0px 0px 0px;
	}
.address_edit_form_btn:hover{text-decoration:underline;}



.form_btn_dispatch_to_this_address, .form_btn_make_payment{
	display:block;
	color:#FFFFFF;
	text-align:left;
	padding:0px 0px 0px 5px;
	background-image:url(../images/delivery-address.gif);
	height:29px;
	width:196px;
	border:0px solid #000000;
	margin:4px 0px 4px 0px;
	cursor: hand;
}
.form_btn_dispatch_to_this_address:hover, .form_btn_make_payment:hover, .form_btn_view_orders:hover{
    text-decoration:underline;
}

a.btn_my_account{
	display:block;
	color:#FFFFFF;
	text-align:left;
	padding:0px 0px 0px 5px;
	background-image:url(../images/delivery-address.gif);
	height:28px;
	line-height:26px;
	width:189px;
	border:0px solid #000000;
	margin:0px 0px 4px 0px;
	cursor: hand;
	background-repeat: no-repeat;
	background-position: left top;
}
a.btn_my_account:link {
	color: #FFFFFF;
}
a.btn_my_account:visited {
	color: #FFFFFF;
}
a.btn_my_account:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
a.btn_my_account:active {
	color: #FFFFFF;
}
.del_uk_only{
	display:block;
	padding:7px 0px 0px 0px;
	height:22px;
	margin:4px 0px 4px 0px;}

.form_btn_add_address{
	display:block;
	color:#FFFFFF;
	text-align:left;
	padding:0px 0px 0px 5px;
	background-image:url(../images/delivery-address.gif);
	height:29px;
	width:200px;
	border:0px solid #000000;
	margin:4px 0px 4px 0px;
}
.form_btn_add_address:hover{
    text-decoration:underline;
}







a.this_ingredient_on{
font-weight:bold;
    text-decoration:underline;
}

.highlight{
font-weight:bold;
color:#FF0000;
}

.pagination{
	font-size: 12px;
	color:#48494A;
	font-weight:100;
	margin: 0px 8px 14px 0px;
	padding: 0px;
	display:block;
 
}
.paginationlinks{
	float:right;
}
.paginationlinks a{
    text-decoration:underline;
}


#consultantname, #consultantname p, #consultantname h1, #consultantname h2, #consultantname a{color:#FFFFFF}

/*sub----------------------------------------------------------------------------------*/


/*------------------ps specific-----------------------*/

#consultantname {
	z-index:2;
	position: absolute;
	top: 84px;
	left: 266px;
	width: 416px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/consultant-name.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#viewaccount {
    z-index:2;
	position: absolute;
	top: 158px;
	left: 697px;
	width: 200px;
	height: 47px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/view-account-ps.jpg);
}

a.accountbtn{
    display:block;
	width:185px;
	height:32px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	text-decoration:none;
	padding: 15px 0px 0px 15px;
}
a.accountbtn:hover{
    text-decoration:underline;  
}

#top1 {
    z-index:2;
	position: absolute;
	top: 243px;
	left: 266px;
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/class-offers-ps.jpg);
}

#btm1{
    z-index:2;
	cursor:pointer;
	position: absolute;
	top: 284px;
	left: 266px;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/class-offers-image.jpg);
}

#top2 {
    z-index:2;
	position: absolute;
	top: 243px;
	left: 482px;
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/monthly-offers-ps.jpg);
}

#btm2{
    z-index:2;
	cursor:pointer;
	position: absolute;
	top: 284px;
	left: 482px;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/monthly-offers-image.jpg);
}

#top3 {
    z-index:2;
	position: absolute;
	top: 243px;
	left: 697px;
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/product-news.jpg);
}

#btm3{
    z-index:2;
	cursor:pointer;
	position: absolute;
	top: 284px;
	left: 697px;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/product-news-image.jpg);
	background-image:url(../images/class-offers-image2.jpg);

	
}

#top4 {
    z-index:2;
	position: absolute;
	top: 499px;
	left: 266px;
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/host-skin-therapy.jpg);
}

#btm4{
    z-index:2;
	cursor:pointer;
	position: absolute;
	top: 540px;
	left: 266px;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/host-skin-therapy-image.jpg);
}

#top5 {
    z-index:2;
	position: absolute;
	top: 499px;
	left: 482px;
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/host-spa-therapy.jpg);
}

#btm5{
    z-index:2;
	cursor:pointer;
	position: absolute;
	top: 540px;
	left: 482px;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/host-spa-therapy-image.jpg);
}

#top6 {
    z-index:2;
	position: absolute;
	top: 499px;
	left: 697px;
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/vacancies.jpg);
}

#btm6 {
    z-index:2;
	cursor:pointer;
	position: absolute;
	top: 540px;
	left: 697px;
	width: 200px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/vacancies-image.jpg);
}

a.contact-btn-ps{
    display:block;
	width:176px;
	height:21px;
	padding:3px 0px 0px 9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #FFFFFF;
	text-decoration:none;
	background-image:url(../images/temple-spa-contact-ps.jpg);
	background-repeat:no-repeat;
}

a.contact-btn-ps:link {
	color: #FFFFFF;
}

a.contact-btn-ps:visited {
	color: #FFFFFF;
}

a.contact-btn-ps:hover{
	text-decoration:underline;
	color: #FFFFFF;
}

a.contact-btn-ps:active {
	color: #FFFFFF;
}




a.checkout-btn-ps{
    display:block;
	width:176px;
	height:21px;
	padding:3px 0px 0px 9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #FFFFFF;
	text-decoration:none;
	background-image:url(../images/temple-spa-checkout-ps.jpg);
	background-repeat:no-repeat;
}



a.checkout-btn-ps:link {
	color: #FFFFFF;
}
a.checkout-btn-ps:visited {
	color: #FFFFFF;
}

a.checkout-btn-ps:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

a.checkout-btn-ps:active {
	color: #FFFFFF;
}





a.shoppingbag-btn-ps{
    display:block;
	width:176px;
	height:21px;
	padding:3px 0px 0px 9px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	font-weight:400;
	color: #FFFFFF;
	text-decoration:none;
	background-image:url(../images/temple-spa-bag-ps.jpg);
	background-repeat:no-repeat;
}



a.shoppingbag-btn-ps:link {
	color: #FFFFFF;
}
a.shoppingbag-btn-ps:visited {
	color: #FFFFFF;
}
a.shoppingbag-btn-ps:hover{
	text-decoration:underline;
	color: #FFFFFF;
}
a.shoppingbag-btn-ps:active {
	color: #FFFFFF;
}


#topnavbasket a.login-btn-ps{
    display:block;
	width:87px;
	height:30px;
	padding:14px 0px 0px 20px;
	background-color:#FFFFFF;
	background-image:url(../images/temple-spa-sign-in-ps.jpg);
	background-repeat:no-repeat;
}

#topnavbasket a.login-btn-ps:link {
	text-decoration:none;
	font-size: 14px;

}
#topnavbasket a.login-btn-ps:visited {
	text-decoration:none;
	font-size: 14px;

}

#topnavbasket a.login-btn-ps:hover {
	text-decoration: underline;
	font-size: 14px;


}


#topnavbasket a.login-btn-ps:active {
	text-decoration:none;
	font-size: 14px;

}













a.register-btn-ps{
    display:block;
	width:71px;
	height:41px;
	padding:3px 0px 0px 5px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	line-height: 16px;
	font-weight:400;
	color: #ffffff;
	background-image:url(../images/temple-spa-register-ps.jpg);
	text-decoration:underline;
	background-repeat:no-repeat;
}
a.register-btn-ps:hover{
	text-decoration:none;
}


a.cart_remove_btn, a.cart_collection_remove_btn{
    display:block;
	width:58px;
	text-decoration:none;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
}
a.cart_remove_btn{
	margin:0px 0px 0px 0px;
}
a.cart_collection_remove_btn{
	padding:5px 0px 0px 0px;
	margin:4px 0px 0px 0px;
	height:33px;
	background-image:url(../images/remove.gif);
}
a.cart_remove_btn:hover, a.cart_collection_remove_btn:hover{
	text-decoration:underline;
}


.cart_collection_title{
	background-image:url(../images/cart_collection_title.gif);
	background-position:2px 4px;
	background-repeat:no-repeat;
	padding:8px 0px 0px 8px;
}
.cart_collection_right{
	background-image:url(../images/cart_collection_title.gif);
	background-position:right 4px;
	background-repeat:no-repeat;
	padding:8px 0px 0px 8px;
}
.cart_collection_mid{
	background-image:url(../images/cart_collection_title.gif);
	background-position:center 4px;
	background-repeat:no-repeat;
	padding:5px 0px 0px 0px;
}

.choose_collection_title{
	background-image:url(../images/cart_collection_title.gif);
	background-position:2px 4px;
	background-repeat:no-repeat;
	padding:10px 0px 6px 8px;
}
.choose_collection_right{
	background-image:url(../images/cart_collection_title.gif);
	background-position:right 4px;
	background-repeat:no-repeat;
	padding:10px 10px 6px 8px;
}


.free_product_top{
	background-image:url(../images/FreeTop.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding: 8px 0px 0px 0px;
	width:380px;
}
.free_product_bottom{
	background-image:url(../images/FreeBottom.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:167px;
	width:380px;
	background-color: #DFDFDF;
}
.free_product_left{
	background-image:url(../images/collection_free_left.gif);
	background-position:left top;
	height:167px;
	width:140px;
}
.free_product_right{
	background-image:url(../images/collection_free_right.gif);
	background-position:right top;
	height:167px;
	padding:0px 12px 0px 0px;
	width:240px;
}

#viewaccount-ps {
    z-index:2;
	position: absolute;
	top: 158px;
	left: 697px;
	width: 200px;
	height: 47px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/view-account-ps.jpg);
}
#midbg {
    z-index:1;
	position: absolute;
	top: 0px;
	left: 233px;
	width: 696px;
	/*height: 800px;*/
	padding: 0px 0px 17px 0px;
	background-image:url(../images/temple-mid-spa-bg-ps.jpg);
}


#top1-ps {
    z-index:2;
	position: absolute;
	top: 243px;
	left: 266px;
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/class-offers-ps.jpg);
}
#top2-ps {
    z-index:2;
	position: absolute;
	top: 243px;
	left: 482px;
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/monthly-offers-ps.jpg);
}

a.corporatenav_btn{
    display:block;
	width:286px;
	height:22px;
	padding:7px 20px 0px 10px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	color: #000000;
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(../images/corporate-gift-buttons.gif);
}

a.corporatenav_btn:hover{
	text-decoration:underline;
}

#collection_intro{
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 18px;
	padding:22px 12px 0px 22px;
	width:189px;
	height:145px;
	background-image:url(../images/collection-intro-bg.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

.imageborder{
margin:0px 0px 30px 30px;
float:right;
}

a.collection_button{
    display:block;
	width:157px;
	height:42px;
	padding:4px 0px 0px 10px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 28px;
	color: #ffffff;
	text-decoration:none;
	background-repeat:no-repeat;
	border:0px solid #000000;
	margin:4px 0px 0px 0px;
	background-image:url(../images/collection-add-to-basket.gif);
}
a.collection_button:visited {
	color: #ffffff;
}
a.collection_button:hover{
	color: #ffffff;
}

a.collection_button:active {
	color: #ffffff;
}




.add_to_cart_error{
    display:block;
	width:157px;
	height:41px;
	padding:5px 0px 0px 10px;
	background-repeat:no-repeat;
	margin:0px 0px 4px 0px;
	background-image:url(../images/added-to-bag-error.gif);
}


a.top-btn{
    display:block;
	width:181px;
	height:36px;
	padding:4px 15px 0px 4px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	text-decoration:none;
}


a.top-btn:link {
	color: #FFFFFF;
}
a.top-btn:visited {
	color: #FFFFFF;
}

a.top-btn:hover{
    text-decoration:underline; 
	color: #FFFFFF;
}
a.top-btn:active {
	color: #FFFFFF;
}



a.ingredients-btn{
    display:block;
	width:279px;
	height:22px;
	padding:5px 15px 0px 4px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 16px;
	line-height: 16px;
	color: #000000;
	text-decoration:none;
	background-image:url(../images/ingredients-btn.jpg);
}
a.ingredients-btn:hover{
    text-decoration:underline;  
}
a.clickhere-btn{
    display:block;
	width:279px;
	height:22px;
	font-weight:bold;
	padding:20px 0px 20px 20px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 16px;
	line-height: 16px;
	color: #ffffff;
	text-decoration:none;
}
a.clickhere-btn:hover{
    text-decoration:underline;  
}


.formelement_errors{
	width:240px;
	border:2px solid #FF3300;
}

.form_fld_postcode{
	width:80px;
	margin-right:12px;
}
.form_fld_postcode_errors{
	width:80px;
	margin-right:12px;
	border:2px solid #FF3300;
}

#paymentbutton{
	margin:8px 0px 0px 0px;
	}
a.spamenu-btn{
    display:block;
	width:246px;
	height:18px;
	padding:6px 20px 4px 40px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	line-height: 14px;
	color: #000000;
	text-decoration:none;
}
a.spamenu-btn:hover{
    text-decoration:underline;  
}
a.secretsmenu-btn{
    display:block;
	width:270px;
	height:20px;
	padding:7px 20px 3px 10px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 14px;
	color: #000000;
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(../images/spa-skincare-secrets-tips-btn.gif);
}
a.secretsmenu-btn:hover{
    text-decoration:underline;  
}

.spatips1 {
	position: absolute;
	left: 26px;
	top: 61px;
	width: 526px;
	height: 59px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #ffffff;
}
.spatips2 {
	position: absolute;
	left: 26px;
	top:93px;
	width: 270px;
	height: 66px;
	padding-left:2px;
}
.spatips3 {
	position: absolute;
	left: 290px;
	top: 130px;
	width: 186px;
	height: 34px;
}


#spatips_header{
background-image:url(../images/spa-skincare-routine.jpg);
background-repeat:no-repeat;
height:144px;
width:665px;
}

/*---------- STG Specific --------*/
#contentarea-home {
    z-index:0;
	position: absolute;
	top: 0px;
	left: 233px;
	width: 656px;
	/*height: 800px;*/
	padding: 0px 0px 17px 0px;
	background-image:url(../images/stg-bg.jpg);
	background-repeat:no-repeat;
	background-color:#d4d2cb;
	padding: 20px 10px 0px 30px;
}
#contentarea {
    z-index:0;
	position: absolute;
	top: 0px;
	left: 233px;
	width: 656px;
	/*height: 800px;*/
	padding: 0px 0px 17px 0px;
	background-image:url(../images/subheader.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding: 20px 10px 34px 30px;
}

a.mainleft{
    display:block;
	width:233px;
	height:32px;
	padding:0px 0px 8px 5px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	text-decoration:none;
}
a.mainleft:hover{
	text-decoration:underline;
}

a.shortbtn{
    display:block;
    width: 61px;
    height: 22px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	line-height: 14px;
	color:#FFFFFF;
	padding: 8px 10px 0px 10px;
    background-image:url(../images/spa-to-go-short-btn.png);
	text-decoration:none;
}
a.shortbtn:hover{
    text-decoration:underline;
}

a.mediumbtn{
    display:block;
    width: 171px;
    height: 22px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	line-height: 14px;
	color:#FFFFFF;
	padding: 8px 10px 0px 10px;
    background-image:url(../images/spa-to-go-medium-btn.png);
	text-decoration:none;
}


a.mediumbtn:link {
	color: #FFFFFF;
}
a.mediumbtn:visited {
	color: #FFFFFF;
}
a.mediumbtn:hover{
    text-decoration:underline;
	color: #FFFFFF;
}

a.mediumbtn:active {
	color: #FFFFFF;
}










a.mediumexcbtn{
    display:block;
    width: 171px;
    height: 22px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	line-height: 14px;
	padding: 8px 10px 0px 10px;
	color:#FFFFFF;
    background-image:url(../images/spa-to-go-medium-btn-exc.png);
	text-decoration:none;
}
a.mediumexcbtn:hover{
    text-decoration:underline;
}
a.longbtn{
    display:block;
    width: 192px;
    height: 22px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	line-height: 14px;
	color:#FFFFFF;
	padding: 8px 10px 0px 10px;
    background-image:url(../images/spa-to-go-long-btn.png);
	text-decoration:none;
}

a.longbtn:link {
	color: #FFFFFF;
}
a.longbtn:visited {
	color: #FFFFFF;
}

a.longbtn:hover{
    text-decoration:underline;
}

a.longbtn:active {
	color: #FFFFFF;
}



a.mediumshortbtn{
	display:block;
	width: 113px;
	height: 22px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	line-height: 14px;
	color:#FFFFFF;
	background-image:url(../images/spa-to-go-mediumshort-btn.png);
	text-decoration:none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
a.mediumshortbtn:hover{
    text-decoration:underline;
}

.nav_off{
	color: #E5E2D3;
	padding-left: 4px;
}

a.stg_btn_shopping{
    display:block;
    width: 125px;
    height: 21px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	color:#000000;
	padding: 5px 0px 0px 6px;
	margin: 0px 0px 1px 1px;
    background-image:url(../images/spa-to-go-shopping-btn.gif);
	text-decoration:none;
	background-repeat:no-repeat
}
a.stg_btn_shopping:hover{
    text-decoration:underline;
}

.STG_tbl_products_nav{
	padding:4px 0px 0px 0px;
}

.STG_tbl_products_nav h3{
margin-top:2px;
}

.mediumshortfrmbtn{
	display:block;
	width: 133px;
	height: 30px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	line-height: 14px;
	color:#FFFFFF;
	background-image:url(../images/spa-to-go-mediumshort-btn.png);
	text-decoration:none;
	border:0px none #000000;
	margin:0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	
}
.mediumshortfrmbtn:hover{
    text-decoration:underline;
	/*why grey on the hover, TS have a consultant who for some reason has no backgroung image for some buttons*/
	/*The link is white so she cant see a thing..*/
	/*have also removed a background color white from the style above as its concievable that it was overriding the background image*/
	/*hmmm*/
	color: #F7F7F7;
	color: #E9E9E9;
}

a.stg_btn_shoppingshort{
    display:block;
    width: 71px;
    height: 21px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	color:#000000;
	padding: 5px 10px 0px 10px;
	margin: 0px 0px 1px 1px;
    background-image:url(../images/spa-to-go-shoppingshort-btn.gif);
	text-decoration:none;
	background-repeat:no-repeat
}
a.stg_btn_shoppingshort:hover{
    text-decoration:underline;
}

a.stg_btn_delete:hover{
    text-decoration:underline;
}
#press-box{
display:block;
width:662px;
height:163px;
background-image:url(../images/press-bg.gif);
}
.press-box-text{
padding:10px 0px 0px 10px;
width:310px;
}
.press-box-image{
padding:10px 6px 0px 0px;
}


a.stg_btn_down, a.stg_btn_up{
    height: 21px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	color:#000000;
	padding: 5px 20px 0px 0px;
	margin: 0px 0px 1px 1px;
	text-decoration:underline;
	background-repeat:no-repeat;
	background-position:right 3px;
}
a.stg_btn_down{
    background-image:url(../images/down.gif);	
}
a.stg_btn_up{
    background-image:url(../images/up.gif);
}
a.stg_btn_down:hover, stg_btn_up:hover{
    text-decoration:none;
}

a.btn_stg_view_orders{
	display:block;
	color:#FFFFFF;
	text-align:left;
	padding:7px 0px 0px 9px;
	background-image:url(../images/submit.gif);
	height:22px;
	width:88px;
	border:0px solid #000000;
	margin:0px 0px 0px 0px;}
	
	
a.stg_btn_delete{
    display:block;
    width: 61px;
    height: 21px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    font-size: 12px;
	color:#000000;
	padding: 5px 10px 0px 10px;
	margin: 0px 0px 1px 0px;
    background-image:url(../images/spa-to-go-shoppingshort-btn.gif);
	text-decoration:none;
}

a.disabledbtnsmall{
width:55px;
height:16px;
display:block;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
background-repeat:no-repeat;
color:#000000;
padding:1px 0px 0px 5px;
margin:0px 2px 1px 0px;
display:block;
text-align:left;
text-decoration:none;

}

a.stgbtnsmall, a.stgbtnosmall{
width:43px;
height:16px;
display:block;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
background-image:url(../images/stg_button_bg.gif);
background-repeat:no-repeat;
color:#000000;
padding:1px 0px 0px 17px;
margin:0px 2px 1px 0px;
display:block;
text-align:left;
text-decoration:none;

}
a.stgbtnsmall:hover, a.stgbtnosmall:hover{
text-decoration:underline;
}

.top_ten_consultant{
font-size:12px;}

a.i_am_a_link{
text-decoration:underline
}
a.i_am_a_link:hover{
text-decoration:none
}



.footerHome {padding-left:10px}


#footer {
	padding-top: 50px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#footer a {
	line-height: 18px;
}

#footer a:link {
	color: #000000;
	text-decoration: none;
}

#footer a:visited {
	text-decoration: none;
	color: #000000;
}
#footer a:hover {
	text-decoration: underline;
	color: #000000;
}
#footer a:active {
	text-decoration: none;
	color: #000000;
}
#footer .copyright {
	float: right;
	padding-left: 215px;
	line-height: 18px;
}
body{
    margin: 0px;
	/*margin-right: auto;
	margin-left: auto;
	width: 929px;
	position: relative;
	height: auto;
	padding: 0px;*/
	border: none;
    background-image:url(../images/temple-spa-background.jpg);
    background-position:center top;
	background-repeat: repeat-y;
	background-color:#050505;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
} 



/*James added from STG and put them in stg/style.css Arthur later added here... ----------------------------------------------------------*/
.formelement {
	width: 240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}

.formelementmedium {
	width: 180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}
.formelementselectcustomer{
	width: 192px;
}
.formelementselectdelivery{
	width: 392px;
}
.formelementwide {
	width: 320px;
}
.formelementsmall {
	width: 120px;
}
.formelementqty {
	width: 30px;
}
.editor {
	color: #00CC00;
}
.mandatory {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
.button {
	width: 110px;
}
.carttotals {
	padding-top: 8px;
	padding-bottom: 8px;
}
.totals {
	font-weight:bold;
	padding-top: 8px;
	padding-bottom: 8px;
}.hostessgifts {
	background-color: #E8E8E8;
}
.paymentprice {
	height: 30px;
}
.errors{
color:#FF3300;
}
#cart {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCD3D3;
}
.cartclosed{
	background-color: #FF3300;
	width:110px;
	height:15px;
	text-align:left;
	padding:0px 0px 0px 15px;
	margin:0px 0px 1px 3px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.break {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDCDCD;
}
.productcell{padding:11px 0px 0px 21px}


.productcellleft{padding:11px 0px 0px 0px}


/*Some styles for teh CMS see Spa With Us item*/

#spa-treatment-menu {
	background-image: url(../images/treatment-menu-top.jpg);
	background-repeat: no-repeat;
	background-color: #FBFDFC;
	padding:10px;
}

#treatmentLinks a {
	display: block;
	margin-bottom: 9px;
}

#treatmentLinks  {
	background-image: url(../images/treatment-menu-btm.jpg);
	background-repeat: no-repeat;
	padding-top: 33px;
	padding-left: 60px;
	height: 400px;
}

.special {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}

#swutoptext {
	position: relative;
	padding: 6px 6px 0px 6px;
	width: 304px;
	height: 209px;
	top:0px;
}
#swunav1 {
margin:0px 0px 0px 0px;
	position: absolute;
	padding: 8px 0px 0px 50px;
	top:271px;
	left:362px;
	width: 266px;
	height: 21px;
}
#swunav2{
margin:0px 0px 0px 0px;
	position: absolute;
	padding: 8px 0px 0px 50px;
	top:300px;
	left:362px;
	width: 266px;
	height: 21px;
}
#swunav3 {
margin:0px 0px 0px 0px;
	position: absolute;
	padding: 8px 0px 0px 50px;
	top:329px;
	left:362px;
	width: 266px;
	height: 21px;
}
#swunav4 {
margin:0px 0px 0px 0px;
	position: absolute;
	padding: 8px 0px 0px 50px;
	top:358px;
	left:362px;
	width: 266px;
	height: 21px;
}

.swubg{
background-image:url(../images/spa-treatment-menu.jpg);
background-repeat:no-repeat;
padding:0px;
margin:0px;
}

a.inpage:link {
	color: #000000;
	text-decoration: underline;
}
a.inpage:visited {
	text-decoration: underline;
	color: #000000;
}
a.inpage:hover {
	text-decoration: none;
	color: #000000;
}
a.inpage:active {
	text-decoration: underline;
	color: #000000;
}

#onmouseoutDiv{
	font-size: 12px;
	width:209px;
	height:95px;
	position: absolute;
	background-image: url(../images/swatch-background.jpg);
	padding-top: 6px;
	padding-bottom: 9px;
	padding-right: 8px;
	padding-left: 8px;
	z-index:1;
	background-color:#FF0000;
	border:10px solid red;
	display:none;

}


.swatches {
	font-size: 12px;
	width:209px;
	height:95px;
	position: absolute;
	background-image: url(../images/swatch-background.jpg);
	padding-top: 6px;
	padding-bottom: 9px;
	padding-right: 8px;
	padding-left: 8px;
	color: #FFFFFF;
	text-align: left;
	z-index:2;
	background-color:#FF0000;
	visibility:visible;
	visibility:hidden;
	
	
	
}


.swatches img {
	display: block;
	padding: 0px;
}

.swatches a img  {
	border:0px;
	display:block;
}

.swatches table.colours {
	margin:0px;
	width:198px;
}


.swatches table.colours td {
	padding:0px; margin:0px;
}






a#singleSwatch {
	background-image: url(../images/swatch-background-single2.jpg);
	display:block;
	/*position:absolute;
	z-index:1;*/
	width:38px;
	height:36px;
	padding:5px 47px 1px 8px;

}


a#singleSwatch:link {
	color: #FFFFFF;
	text-decoration: none;
}

a#singleSwatch:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a#singleSwatch:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a#singleSwatch:active {
	text-decoration: none;
	color: #FFFFFF;
}

a#singleSwatch, .swatches {
	top: 0px;
	left: 0px;
}