@charset "utf-8";

/* Web layout for theryeretreat.co.uk */
/* Copyright 2008 JD Webmedia */

body{
	background-color:#867f61;
	color:#FFF;
	margin: 0 0 0 0;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	}
	
Body.Lists{
	background-color:#827112;
	margin: 0 0 0 0;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;

	}

/* Main Layout Styles */

div#Containter{
	width:941px;
	height:575px;
	margin: 10px auto 0 auto;
	background-image:url(../images/NewBackground.jpg);	
}

/*Container Backgrounds */
div#Containter{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground.jpg);}
div#ContainterHome{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackgroundHome.jpg);}	
div#Containter1{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground1.jpg);}
div#Containter1A{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground1A.jpg);}
div#Containter2{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground2.jpg);}
div#Containter2B{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground2B.jpg);}
div#Containter2A{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground2A.jpg);}
div#Containter3{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground3.jpg);}
div#Containter3A{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground3A.jpg);}
div#Containter4{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground4.jpg);}
div#Containter4A{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground4A.jpg);}	
div#Containter5{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground5.jpg);}
div#Containter6{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground6.jpg);}
div#Containter7{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground7.jpg);}
/*Link new background to this one*/
div#Containter7A{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground7.jpg);}

div#Containter8{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground8.jpg);}
div#Containter9{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground9.jpg);}
div#Containter9A{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground9A.jpg);}
div#Containter10{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground10.jpg);}
div#Containter10A{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground10A.jpg);}
div#Containter10B{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground10B.jpg);}
div#Containter10C{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground10C.jpg);}
div#Containter11{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground11.jpg);}
div#Containter11A{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground11A.jpg);}
div#Containter11B{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground11B.jpg);}
div#Containter12{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground12.jpg);}
div#Containter13{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground13.jpg);}
div#Containter14{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground14.jpg);}
div#Containter15{ width:941px; height:575px; margin: 10px auto 0 auto; background-image:url(../images/NewBackground15.jpg);}
/* -------------------- */

div#ContainterList{
	width:556px;
	margin: 10px auto 0 auto;
}

div#Header{
	width:941px;
	height:40px;
	}
	
div#LeftImages{
	width:465px;
	height:516px;
	float:left;
	display:inline;
	
	}
	
div#HomePageLeftImages{
	width:240px;
	height:520px;
	float:left;
	display:inline;
	
	}

div#ContentArea{
	width:416px;
	float:right;
	display:inline;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 0px;
	/*padding-left: 30px; Problems with IE 6 and IE5.5*/
	
	}
	
div#ContentAreaScroll{
	width:440px;
	height:520px;
	overflow:auto;
	float:left;
	display:inline;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 30px;
	/*padding-left: 30px; Problems with IE 6 and IE5.5*/
	
	}
	
div#ContentAreaSmall{
	width:176px;
	height:499px;
	float:right;
	display:inline;
	padding:15px 10px 0px 20px;
	}
	
div#ContentAreaList{
	width:556px;
	float:left;
	display:inline;
	padding:15px 30px 0px 30px ;
	background-color:#FFFFFF;
	border:#412C17 solid 5px;
	}
	
div#HomepageContent{
	width:935px;
	height:530px;
	/*border:#FFF solid 5px;*/
	}
	
div#HomepageContentBox{
	width:530px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:350px;
	color:#FFF;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	margin-right:90px;
	background:url(../images/TextBoxBackground.png);
	float:right;
	display:inline;
	}
	
	div#HairSalonContentBox{
	width:580px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:280px;
	color:#FFF;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	margin-right:60px;
	background:url(../images/TextBoxBackground.png);
	float:right;
	display:inline;
	}

	div#BeautySalonContentBox{
	width:580px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:295px;
	color:#FFF;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	margin-right:60px;
	background:url(../images/TextBoxBackground.png);
	float:right;
	display:inline;
	}
	
	div#TestimonialsContentBox{
	width:350px;
	height:205px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:310px;
	background:url(../images/TextBoxBackground.png);
	margin-right:280px;
	float:right;
	display:inline;
	}

div#OtherContentBox{
	width:630px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:150px;
	color:#412C17;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	margin-right:20px;
	background:url(../images/NewTextBackground.png);
	float:right;
	display:inline;
	}


div#MainNavigation{
	width:200px;
	height:520px;
	padding:0px;
	margin:0px;
	}

div#Footer{
	width:941px;
	height:50px;
	color:#000;
	padding-top:10px;
	margin: 0 auto 0 auto;
}

div#FooterRyeRetreat{
	width:741px;
	height:50px;
	float:left;
	display:inline;
}

div#FooterWebDesign{
	width:200px;
	height:50px;
	float:left;
	display:inline;
	text-align:right;
	
	}

a:link.FooterLinks{ color:#000; text-decoration:none; }
a:hover.FooterLinks{text-decoration:underline; color:#000;}
a:visited.FooterLinks{text-decoration:none; color:#000;}

div#FooterList{
	width:556px;
	height:50px;
	color:#412C17;
	padding-top:15px;
	margin: 0 auto 0 auto;
}


div#HairTitles{
	background-color:#efe3c6;
	color:#efe3c6;
	float:left;
	border-top:#cfab7a 2px solid;
	border-left:#cfab7a 2px solid;
	border-right:#cfab7a 2px solid;
	padding:4px 8px 4px 8px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
	}
	
div#BeautyTitles{
	background-color:#efe3c6;
	color:#cfab7a;
	float:left;
	border-top:#cfab7a 2px solid;
	border-right:#cfab7a 2px solid;
	padding:4px 8px 4px 8px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
	}
	div#HRTitle{
	background-color:#cfab7a;
	color:#cfab7a;
	float:left;
	height:2px;
	width:100%;
	margin-bottom:10px;

	}

/*Font & Link Styles*/

H1{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	padding:0 0 0 0;
	margin:0 0 0 0;
	
	}
H2{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#FFF;
	padding:0 0 0 0;
	font-size:15px;
	font-weight:500;
	margin:15px 0 0 0;
}
	
H2.top{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#FFF
	padding:0 0 0 0;
	font-size:15px;
	font-weight:bold;
	margin: 15px 0 0 0;}
p{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#FFF;
	padding:0 0 0 0;
	margin: 10px 0 10px 0;
	}

hr{
	color:#cfab7a;
	margin:0px;
	padding:0px;
}

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

a.button:link{ color:#FFF; text-decoration:none;}
a.button:visited{text-decoration:none; color:#FFF;}
a.button:hover{text-decoration:underline; color:#FFF;}

#navcontainer ul
{
	list-style-type: none;
	text-align: left;
	padding-top:0px;
	padding-left:0px;
	margin-left:0px;
	color: #0C3CAE;

}

#navcontainer ul li a
{
	line-height:30px;
	padding-left: 0px;
	margin-left:15px;
	text-align: left;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	text-decoration: none;
	color:#FFFFFF;

}


#navcontainer ul li a:hover
{
color:#666666;
}

#navcontainer ul li a#current
{
color:#FF0000;
}




table.PricingTable td{
	border-top: 1px solid #FFF;
	font-size:12px;
	text-align: center;
	

}

div#PageNumbering{
	color:#FFF;
	position:absolute;
	padding:4px 8px 4px 8px;
	left: 780px;
	top: 225px;
}

div#FooterPageNumbering{
	color:#FFF;
	text-align:center;
	font-size:12px;
	float:right;
	padding:4px 0px 4px 0px;
	vertical-align:text-top;
	width: 416px;
	height:20px;
}

div#TreatmentsContent{
	width:416px;
	height:471px;
}

.PageNumbering{
	text-decoration:underline;
	font-weight: bold;
	font-size:13px;
	color:#FFF;
}

.News1{
	width:205px;
	display:inline;
	float:left;
	}
	
.News2{
	width:205px;
	display:inline;
	float:right;
	font-family:
	}





/*Form Styles*/
input.formbtn {
	background-color:#000;
	border:#FFF thin solid;
	font-weight:bold;	
	color:#FFFFFF;
	width:150px;
	height:30px;
	font:14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.textbox {color:#412C17; font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  }
.list{color:#412C17; font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width:190px; }
.list2{color:#412C17; font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width:240px; height:25px; 	margin: 0 0 0 0;
	padding: 0 0 0 0; vertical-align:top; }
.checkbox{color:#412C17; font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.buyNowButton{
	border:#FFFFFF 1px solid;
	margin-top:0px;
	height:21px;
	width:80px;
	padding: 0 0 0 0;
}
/*Treatments & Prices Tables*/

table .toggle_barlist_openhide {
  cursor: pointer;
}
table .toggle_bar {
  display: none;
}

.toggleup{
	padding:5px 3px 5px 5px;
	margin-bottom:5px;
}
.toggledown{
	padding:5px 3px 5px 5px;
	margin-bottom:5px;
}