@charset "utf-8";
/* CSS Document */

html, body {
	margin-top: 0em;
	padding: 0em;
	background-image: url(background_design.jpg);
	}
	
#container{
	width:790px;
	height:auto;
	position: relative;
	overflow:hidden;
	background-image: url(images/Style&Tone_MainBkg.jpg);
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	background-attachment: scroll;
	background-repeat: repeat-y;
	}

#header {
	width: 788px;
	height:197px;
	float: left;
	margin-top:0em;
	margin-left:0em;
	margin-bottom:0em;
	background-image: url(images/SToneHeader_image.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
}

#logo {
	background:url(images/StyleToneLogo.jpg) no-repeat;
	margin-top:4.7em;
	margin-left:3.3em !important;
	margin-left:1.6em;
	margin-right:12em;
	width:231px;
	height:64px;
	float:left;
	}

#logo a {display:block;width:231px;height:64px}

#tel {
	background:url(images/TelText.jpg) no-repeat;
	width:50px;
	height:25px;
	float:left;
	margin-bottom:0em;
	margin-left:10.0em !important;
	margin-left:9.0em;
	margin-top: 0.5em !important;
	margin-top: 1.6em;
	}
#strapline {
	background:url(images/Strapline.jpg) no-repeat;
	width:342px;
	height:31px;
	float:left;
	margin-bottom:0em;
	margin-left:3.3em !important;
	margin-left:1.6em;
	margin-top: 0.2em !important;
	margin-top: 0.2em;
	}
	
#telnumber {
	width:100px;
	height:15px;
	float:left;
	margin-bottom:0em;
	margin-left:0em;
	margin-top: 1.4em  !important;
	margin-top: 2.9em;
	}
	
#topline {
	background:url(images/TopDotLine.jpg) no-repeat;
	width:432px;
	height:6px;
	float:left;
	margin-bottom:0em;
	margin-left:3.6em !important;
	margin-left:1.9em;
	margin-top:1em;
	}
#email {
	background:url(images/EmailText.jpg) no-repeat;
	width:68px;
	height:20px;
	float:left;
	margin-bottom:0em;
	margin-left:0em;
	margin-top: 0em;
	}
	
#main{
	width:720px;
	margin-left: 2.9em  !important;
	margin-left: 1.5em;
	margin-top: 0em;
	float: left;
	overflow:hidden;

	}	
	
#navHome{
	width:217px;
	height:700px;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 4.0em;
	float: left;
	overflow:hidden;
	}	
	
#nav{
	width:217px;
	height:500px;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 4.0em;
	float: left;
	overflow:hidden;
	}
	
.navbkg{
	width:216px !important;
	width:218px;
	height:369px;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;
	background-image: url(images/MenuLines.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	}

	
#homebutt{
	background:url(images/HomeText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:0.6em;
}
#homebutt a {display:block;width:200px;height:19px;}
#homebutt:hover {width:200px;height:19px;background:url(images/HomeText_over.jpg) no-repeat;} 

#aboutbutt{
	background:url(images/AboutText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:0.6em;
	margin-bottom:0em;
}
#aboutbutt a {display:block;width:200px;height:19px;}
#aboutbutt:hover {width:200px;height:19px;background:url(images/AboutText_over.jpg) no-repeat;} 

#servicesbutt{ 
	background:url(images/ServiceText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left; 
	margin-left:0.2em;
	margin-top:0.6em;
	margin-bottom:0em;
	}
#servicesbutt a {display:block;width:200px;height:19px;}
	

#gymbutt{
	background:url(images/GymText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:0.6em;
}
#gymbutt a {display:block;width:200px;height:19px;}
#gymbutt:hover {width:200px;height:19px;background:url(images/GymText_over.jpg) no-repeat;} 

#stylebutt{
	background:url(images/StyleCoachingText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:0.4em;
}
#stylebutt a {display:block;width:200px;height:19px;}
#stylebutt:hover {width:200px;height:19px;background:url(images/StyleCoachingText_over.jpg) no-repeat;} 

#colourbutt{
	background:url(images/ColourAnalText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.15em;
	margin-top:0.4em;
}
#colourbutt a {display:block;width:200px;height:19px;}
#colourbutt:hover {width:200px;height:19px;background:url(images/ColourAnalText_over.jpg) no-repeat;} 

#wardrobebutt{
	background:url(images/WardrobeText.jpg) no-repeat;
	width:215px;
	height:19px;
	float:left;
	margin-left:0.1em;
	margin-top:0.4em;
}
#wardrobebutt a {display:block;width:215px;height:19px;}
#wardrobebutt:hover {width:215px;height:19px;background:url(images/WardrobeText_over.jpg) no-repeat;} 

#occasionsbutt{
	background:url(images/SpecialOccasionsText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:0.3em;
}
#occasionsbutt a {display:block;width:200px;height:19px;}
#occasionsbutt:hover {width:200px;height:19px;background:url(images/SpecialOccasionsText_over.jpg) no-repeat;} 

#teenbutt{
	background:url(images/TeenGlamourText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:0.4em;
}
#teenbutt a {display:block;width:200px;height:19px;}
#teenbutt:hover {width:200px;height:19px;background:url(images/TeenGlamourText_over.jpg) no-repeat;} 

#shoppingbutt{
	background:url(images/PersonalShopText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:0.4em;
}
#shoppingbutt a {display:block;width:200px;height:19px;}
#shoppingbutt:hover {width:200px;height:19px;background:url(images/PersonalShopText_over.jpg) no-repeat;} 

#offersbutt{
	background:url(images/SpecialOffersText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:0.3em;
}
#offersbutt a {display:block;width:200px;height:19px;}
#offersbutt:hover {width:200px;height:19px;background:url(images/SpecialOffersText_over.jpg) no-repeat;} 

#pressbutt{
	background:url(images/PressText.jpg) no-repeat;
	width:210px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:1.6em;
}
#pressbutt a {display:block;width:210px;height:19px;}
#pressbutt:hover {width:210px;height:19px;background:url(images/PressText_over.jpg) no-repeat;} 

#contactbutt{
	background:url(images/ContactText.jpg) no-repeat;
	width:200px;
	height:19px;
	float:left;
	margin-left:0.2em;
	margin-top:0.6em;
}
#contactbutt a {display:block;width:200px;height:19px;}
#contactbutt:hover {width:200px;height:19px;background:url(images/ContactText_over.jpg) no-repeat;} 


#vouchers{
	background:url(images/GiftVouchersText.jpg) no-repeat;
	width:214px;
	height:150px;
	float:left;
	margin-left:0em;
	margin-top:2.0em;
}
#vouchers a {display:block;width:214px;height:150px;}

#voucherHome{
	background:url(images/GiftVouchersText.jpg) no-repeat;
	width:214px;
	height:150px;
	float:left;
	margin-left:0em;
	margin-top:0em;
	margin-bottom:0em;
}
#voucherHome a {display:block;width:214px;height:150px;}

#intro{
	width:200px;
	height: 150px;
	float:left;
	margin-top:0.5em;
	margin-left:0.5em;
	margin-bottom:3.8em;
}
#mainHome{
	width:465px!important;
	width:460px;
	margin-left: 0.7em !important;
	margin-left: 0em;
	margin-right: 0.3em !important;
	margin-right: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	float: left;
	background-color: ##FFFDF7;
	}
#maincontent{
	width:460px;
	margin-left: 0.7em !important;
	margin-left: 0.9em;
	margin-right: 0.3em;
	margin-top: 0em;
	margin-bottom: 0em;
	float: left;
	background-color: ##FFFDF7;
	}
	
#bestof{
	width:180px;
	margin-left: 8.9em!important;
	margin-left: 4.3em;
	margin-right: 0em!important;
	margin-right: -1em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	float: left;
	}
	
#styleLogo{
	width:100px;
	margin-left: 0.5em!important;
	margin-left: -0.3em;
	margin-right: 1em!important;
	margin-right: 0em;
	margin-top: 2em;
	margin-bottom: 0em;
	float: right;
	}
	
#gympics{
	width:272px;
	margin-left: 0.5em !important;
	margin-left: 0.2em;
	margin-top: 0em;
	float: left;
	overflow:hidden;
	}
#stylewardrobe{
	width:173px;
	height:353px;
	margin-left: 0.7em !important;
	margin-left: 0.5em;
	margin-top: 0.9em;
	float: left;
	overflow:hidden;
	}
	
#teenColour{
	width:450px;
	height:123px;
	margin-left: 1.15em !important;
	margin-left: 0.5em;
	margin-top: 0em;
	float: left;
	overflow:hidden;
	}
#specials{
	width:450px;
	height:123px;
	margin-left: 1.15em !important;
	margin-left: 0.5em;
	margin-top: 0em;
	float: left;
	overflow:hidden;
	}
	
#expressgym1{
	background:url(images/ExpressGym_01.jpg) no-repeat;
	width:271px;
	height:81px;
	float:left;
	margin-left:0em;
}
#expressgym1 a {display:block;width:271px;height:81px}


.expressgym2_image{ 
	display:block;
	width:271px;
	height:286px;
	float:left; 
	alt;test: left;
	margin: 0em 0 0 0px;
	}

#stylecoach{
	background:url(images/StyleCoachingFrame.jpg) no-repeat;
	width:172px;
	height:229px;
	float:left;
	margin-left:0em;	
	margin-top: 0em;
}
#stylecoach a {display:block;width:172px;height:229px}

#wardrobe{
	background:url(images/WardrobeUpdatesFrame.jpg) no-repeat;
	width:172px;
	height:229px;
	float:left;
	margin-left:0em;	
	margin-top: 0.5em;
}
#wardrobe a {display:block;width:172px;height:229px}

#teen{
	background:url(images/TeenGlamourFrame.jpg) no-repeat;
	width:136px;
	height:116px;
	float:left;
	margin-left:0em;	
	margin-top: 0.5em;
}
#teen a {display:block;width:136px;height:116px}

#colour{
	background:url(images/ColourAnalysisFrame.jpg) no-repeat;
	width:295px;
	height:117px;
	float:left;
	margin-left:0.85em;	
	margin-top: 0.45em;
}
#colour a {display:block;width:295px;height:117px}

#occasions{
	background:url(images/SpecialOccasionsFrame.jpg) no-repeat;
	width:296px;
	height:116px;
	float:left;
	margin-left:0em;	
	margin-top: 0.5em;
}
#occasions a {display:block;width:296px;height:116px}

#offers{
	background:url(images/SpecialOfferFrame.jpg) no-repeat;
	width:138px;
	height:116px;
	float:left;
	margin-left:0.75em;	
	margin-top: 0.5em;
}
#offers a {display:block;width:138px;height:116px}

#footerHome{
	width:788px;
	height: 209px;
	float:left;
	margin-top:0em;
	margin-left:0em;
	margin-bottom:0em;
	background-attachment: scroll;
	background-image: url(images/SToneFooter_image.jpg);
	background-repeat: no-repeat;

	}

	
#ServicesLinks1{
	width:651px;
	float:left;
	margin-top:4em;
	margin-bottom:0em;
	margin-left:4.4em !important;
	margin-left: 2.7em;
	height: 13px;
	}

#footerLine{
	background:url(images/BottomDotLine.jpg) no-repeat;
	width:585px;
	height: 8px;
	float:left;
	margin-top:0em;
	margin-left:4.4em !important;
	margin-left: 2.7em;
	margin-bottom:0em;
	
	}
	
#ServicesLinks2{
	width:651px;
	float:left;
	margin-top:0.5em;
	margin-bottom:0em;
	margin-left:0em
	height: 13px;
	}
#STcopyright{
	width:450px;
	float:left;
	margin-top:1.4em;
	margin-left:11.0em !important;
	margin-left: 5.3em;
	margin-bottom:0em;
	margin-right:0em;
	height: 13px;
	}
#FMcopyright{
	width:500px;
	float:left;
	margin-top:2.4em;
	margin-left:4.2em !important;
	margin-left: 2em;
	margin-right:0em;
	margin-bottom:0em;
	height: 13px;
	text-align: middle;
	
	}

a.LinkredSml, a.LinkredSml:link, a.LinkredSml:visited {
	display:block;
	height:13px;
	float:left;
	border:0px;
	text-decoration:none;
	font-family:verdana;
	font-size:0.6em;
	color:#B10148;
	overflow:hidden;
	font-weight: bold;
	padding-right: 0.5em;
	padding-left: 0.1em;
}
a.LinkredSml:hover {color:#666666;} 

a.LinkgreySml, a.LinkgreySml:link, a.LinkgreySml:visited {
	display:block;
	height:13px;
	float:left;
	border:0px;
	text-decoration:none;
	font-family:verdana;
	font-size:0.6em;
	color:#666666;
	overflow:hidden;
	font-weight: bold;
	padding-right: 0.5em;
	padding-left: 0.1em;

}
a.LinkgreySml:hover {color:#B10148;} 

.body {
	font-family: verdana;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height:15px;
	color: #b10148;
	text-decoration: none;
	line-height: 1.4em;
}
.bodygrey {
	font-family: verdana;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height:15px;
	color: #666666;
	text-decoration: none;
}

.bodyredsml {
	font-family: verdana;
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	color: #b10148;
	text-decoration: none;
}
.bodygreysml {
	font-family: verdana;
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.bodyBold{
	font-family: verdana;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	color: #b10148;
	text-decoration: none;
	line-height: 15px;
}
.bodyBoldsml{
	font-family: verdana;
	font-size: 0.6em;
	font-style: normal;
	font-weight: bold;
	color: #b10148;
	text-decoration: none;
}
a.Linkred, a.Linkred:link, a.Linkred:visited {
	display:inline;
	width:170px;
	height:15px;
	float:left;
	border:0px;
	text-decoration:none;
	font-family:verdana;
	font-size:0.7em;
	color:#B10148;
	overflow:hidden;
	font-weight: bold;
	margin-bottom:0em;
	margin-left:0.2em;
	margin-top: 0.6em;
}
a.Linkred:hover {color:#666666;} 

a.LinkredLrg, a.LinkredLrg:link, a.LinkredLrg:visited {
	display:inline;
	height:15px;
	float:left;
	border:0px;
	text-decoration:none;
	font-family:verdana;
	font-size:0.7em;
	color:#B10148;
	overflow:hidden;
	font-weight: bold;
	margin-bottom:0em;
	margin-left:0.2em;
	margin-top: 0.6em;
}
a.LinkredLrg:hover {color:#666666;}

p{ font-family:verdana;color:#000000; font-size: 0.7em;line-height:15px; margin-right:1.0em; } 
h1{ font-family:verdana;color:#000000; font-size: 0.7em;line-height:15px;  } 

.redBold{
	font-family:verdana;
	color:#B10148;
	font-size: 0.7em;
	line-height:15px;
	font-weight: bold;
}

.bodyBlack{
	font-family:verdana;
	color:#000000;
	font-size: 0.7em;
	line-height:15px;
	font-weight: normal;
}
.boldBlack{
	font-family:verdana;
	color:#000000;
	font-size: 0.7em;
	line-height:16px;
	font-weight: bold;
}
.boldGrey{
	font-family:verdana;
	color:#666666;
	font-size: 0.7em;
	line-height:15px;
	font-weight: bold;
}
.bodylinksRed {
	font-family: Verdana;
	font-size: 0.7em;
	color: #B10148;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: hand;
	list-style-image: none;

	
	}

.bodylinksRed:hover {
	font-family: Verdana;
	font-size: 0.7em;
	color: #666666;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: hand;
	list-style-image: none;
	}
.bodylinksGrey{
	font-family: Verdana;
	font-size: 0.7em;
	color: #666666;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: hand;
	list-style-image: none;

	
	}

.bodylinksGrey:hover {
	font-family: Verdana;
	font-size: 0.7em;
	color: #B10148;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	cursor: hand;
	list-style-image: none;
	}