﻿/*
*****************************************
*****************************************
*
*			GENERAL 
*
*****************************************
*****************************************
*/
body 
{
	text-align:center;
	margin: 0px;
	padding: 0px;
	color: White;
	background-image: url('../image/img_bckgrnd_gradient.jpg');
	background-repeat:repeat-x;
	background-color: rgb(27,0,99);
	font-family:Verdana, Arial, Sans-Serif;
	font-size: 11px;
}
a 
{
	color:#1F71BD;
	text-decoration:none;
}
a:hover
{
	color:#ffffff;
}
#LogoContainer
{
	width:400px;
	float:left;
	padding:0px;
	margin:0px;	
}
* html #LogoContainer
{
	padding-bottom:0px;
}
#BanerContainer
{
	width:500px;
	float:right;
	text-align:right;
	
	
}
.form
{
	width: 920px;
	margin:0px auto;
	padding:0px;
}
#content
{
	clear:both;
	border-right:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid white;
	padding:0px 10px 10px 10px;
	margin:0px;
	height:492px;
	text-align:left;
}
.path
{
	font-family:Verdana,Sans-Serif;
	font-size:9px;
	color:#464646;
	width:100%;
	padding-bottom:3px;
}
.slashes
{
	color:#1C4E97;
	padding:0px 4px 0px 4px;
}
.pageheader
{
	margin-bottom:10px;
	margin-top:20px;
}
p
{
	margin: 0px 0px 10px 0px;
	
}
.leftContainer
{
	width:440px;
	float:left;
	text-align:justify;
}
.rightContainer
{
	margin-left:45px;
	width:400px;
	float:left;
}
.homeLeftContainer
{
	width:470px;
	float:left;
	text-align:justify;
}
.homeRightContainer
{
	width:400px;
	float:left;
	text-align:right;
	position:relative;
	float:right;
}
* html .homeRightContainer
{
	float:right;
}
/*
*****************************************
*****************************************
*			
*				CONTACT PAGE
*
*****************************************
*****************************************
*/
#contactUs
{
	width:880px;
	float:left;
}
* html #contactUs
{
	padding:0px;
	margin:0px;
}
#contactUsDetails
{
	padding-top:10px;
	width:310px;
	float:left;
}
#contactUsMap
{
	width:511px;
	float:right;
}
* html #contactUsMap
{
	padding:0px;
	margin:0px;
}
#contactUsCopy
{
	width:390px;
}
.contactDay
{
	width:200px;
}
#contactOpeningDays
{
	width:150px;
	float:left;
}
.contactDay
{
	width:70px;
	float:left;
}
.contactHours
{
	width:80px;
	float:left;
}
#contactPrAgency
{
	clear:both;
	padding-top:20px;
}
.btnLink
{
	border:0px;
}
#contactOtherSpas
{
	margin-top:20px;
	padding:0px;
}
* html #contactOtherSpas
{
	padding:0px;
}
.spaLink
{
	margin-top:10px;
}
/*
*****************************************
*****************************************
*
*			NICKEL SPA PAGE
*
*****************************************
*****************************************
*/

#gallery
{
	width:888px;
	float:left;
}
#galleryThumbs
{
	padding-top:10px;
	width:440px;
	float:left;
}
#galleryImage
{
	width:400px;
	float:right;
	text-align:right;
	padding-top:10px;
}
#galleryCopy
{
	width:440px;
}
.imgThumb
{
	padding-right:15px;
	padding-top:15px;
}

/*
*****************************************
*****************************************
*			
*				HOME PAGE
*
*****************************************
*****************************************
*/

#home
{
	height:400px;
}
#HomeScroll
{
	width:895px;
	border:1px solid #76B1DD;
	background-color:White;
	height:95px;
	float:left;
}
* html #HomeScroll
{
	padding:0px;
	margin:0px;
	width:880px;

}

.homeScroll
{
	clear:both;
	
	
}
* html .homeScroll
{
	clear:both;
	float:right;
	text-align:right;
}
.HomeScrollItem
{
	width:70px;
	text-align:center;
	margin:5px 8px 5px 8px;
	float:left;
}
* html .HomeScrollItem
{
	margin:0px 7px 0px 8px;
	padding:0px;
	
}
#HomeScrollPaging
{
	margin:0px;
	padding:0px;
	clear:both;
	width:880px;
	float:left;
}
* html #HomeScrollPaging
{
	width:880px;
	margin:0px;
	padding:5px 0px 0px 0px;
}
#HomeScrollPrevious
{
	margin:0px;
	padding:0px;
	float:left;
	width:200px;
	margin-left:10px;
	
}
#HomeScrollMore
{
	margin:0px;
	padding:0px 10px 0px 0px;
	text-align:right;
	float:right;
	width:440px;
}
* html #HomeScrollPrevious
{
	border:1px solid;
}
/*
*****************************************
*****************************************
*			
*				FOOTER
*
*****************************************
*****************************************
*/
#foorer
{
	width:910px;
	float:left;
	margin:15px 0px 0px 12px;
}
* html #foorer
{
	padding:0px;
	margin:15px 0px 0px 7px;
	
}
#footerContact
{
	width:515px;
	float:left;
	margin-top:2px;
	height:9px;
}
* html #footerContact
{
	padding:1px 0px 0px 0px;
	margin:0px;
}
#footerContactLeft
{
	width:376px;
	float:left;
	height:9px;
}
#footerContactRight
{
	height:3px;
	width:134px;
	float:left;
	vertical-align:top;
	
}
* html #footerContactRight
{
	margin-top:-3px;
}
.footerNewsletter
{
	width:320px;
	height:30px;
	text-align:right;
	float:right;
	padding-right:15px;
}
.footerNewsletterThankYou
{
	margin-top:5px;
	text-align:right;
	font-weight:bold;
}
.txtNewsLetter
{
	border:1px solid #B2B2B2;
	font-size:10px;
	height:11px;
	width:150px;
	margin-right:5px;
}
.newsletterSubmit
{
	margin-bottom:2px;
}
.valReqNewsletter
{
	margin-right:55px;
}
.valEmailNewsletter
{

}
* html .txtNewsLetter
{
	border:1px solid #B2B2B2;
	font-size:10px;
	height:11px;
	width:150px;
	margin-right:5px;
}
.valNewsletter
{
	font-size:11px;
	text-align:center;
	font-size:10px;
	margin-right:50px;
	
}
/*
*****************************************
*****************************************
*			
*			SHOPPING BASKET
*
*****************************************
*****************************************
*/
#tblShoppingBasket
{
	margin:0px auto;
	border:1px solid #ffffff;
	width:700px;
	
}
#tblShoppingBasket th
{
	text-align:center;
	background-color:#0082CA;
	color:#16093A;
	padding:1px 10px 1px 10px;
	border:0px;
}
#tblShoppingBasket td
{
	padding:3px 10px 3px 10px;
}
.ddlQuantity
{
	font-size:11px;
	border:0px;
}
.giftBox
{
	width:500px;
	float:left;
}
/*
*****************************************
*****************************************
*			
*		SIGN IN + REGISTRATION
*
*****************************************
*****************************************
*/
#signInForm
{
	width:500px;
	float:left;
}
#signInForm .formRow
{
	width:500px;
	float:left;
	padding:3px;
}
#signInForm .formEement
{
	float:left;
	width:210px;
}
#signInForm .formEement input
{
	border:1px solid #B2B2B2;
	width:200px;
	font-size:11px;
	height:13px;
}
#signInForm .formLabel
{
	margin-right:10px;
	text-align:right;
	float:left;
	width:100px;
}

#registerForm,
#checkOutForm,
#newsletterForm
{
	width:400px;
	float:left;
}
#registerForm .formRow,
#newsletterForm .formRow,
#checkOutForm .formRow
{
	width:400px;
	float:left;
	padding:3px;
}
#registerForm .formEement,
#newsletterForm .formEement,
#checkOutForm .formEement
{
	float:left;
	width:210px;
}
#registerForm .formEement input,
#newsletterForm .formEement input,
#checkOutForm .formEement input
{
	border:1px solid #B2B2B2;
	width:200px;
	font-size:11px;
	height:13px;
}

#registerForm .formLabel,
#newsletterForm .formLabel,
#checkOutForm .formLabel
{
	margin-right:10px;
	text-align:right;
	float:left;
	width:125px;
}
#checkOutForm textarea
{
	border:1px solid #ffffff;
	width:200px;
	height:90px;
	font-size:11px;
	overflow:hidden;
}
.formButton
{
	margin:15px 0px 0px 40px;
	padding:3px 20px 3px 10px;
	border:1px solid #ffffff;
}
.formError
{
	width:500px;
	padding:10px;
}
/*
*****************************************
*****************************************
*			
*				TREATMENTS
*
*****************************************
*****************************************
*/
#topContainer
{
	width:880px;
}
#topCotainerLeft
{
	width:440px;
}
#treatmentGroups
{
	width:880px;
}
.treatmentGroupItem
{
	padding:5px;
	margin:0px 7px 0px 7px;
	border:1px solid;
}
#bottomContainer
{
	width:900px;
}
#bottomContainerLeft
{
	width:220px;
	float:left;
}
#bottomContainerRight
{
	width:660px;
	float:right;
}
.treatmentsList
{
	width:305px;
	float:left;
	margin-left:5px;
}
.treatmentsListItem
{
	color:#226EBC;
	width:315px;
	font-weight:bold;
}
.treatmentsListItem a:hover
{
	color:#ffffff;
}
.treatmentsListItemName
{
	text-align:left;
	color:inherit;	
	font-size:inherit;
	background-color:transparent;
	border:0px;
	width:195px;
	float:left;
	padding:0px;
	margin:0px;	
}
.treatmentsListItemPrice
{
	color:inherit;
	font-size:inherit;
	border:0px;
	background-color:transparent;
	width:40px;
	float:right;
	text-align:left;
	padding:0px;
	margin:0px;
}
.treatmentsListItemDuration
{
	font-size:inherit;
	color:inherit;
	background-color:transparent;
	width:70px;
	float:left;
	border:0px;

}
#treatmentsListItemDesc
{
	width:325px;
	float:left;
	margin:15px 0px 0px 10px;
	padding:0px;
}
.treatmentsListItemDescTitle
{
	margin-bottom:10px;
	font-weight:bold;
}
.treatmentsListItemDescCopy
{
	margin-top:10px;
}
.imgTreatmentListTitle
{
	padding:5px 0px 5px 0px;
}
.faqLink
{
	margin:3px 0px 3px 0px;
	cursor:pointer;
}
.homePromoBlackBold
{
	text-align:left;
	color:#000000;
	font-weight:bold;
}
.homePromoBlack
{
	text-align:left;
	color:#000000;
}
.homePromoLightBlue
{
	text-align:left;
	color:#236DBD;	
}