@charset "utf-8";
@import url("reset.css");
/*-------------------------------------------------------------------------LAYOUT*/
* {
	margin: 					0;
	padding: 					0;
	border: 					0;
	outline: 					0;
}
div#access {
	visibility:					hidden;
	height:						30px;
	margin-bottom:				-30px;
}
body {
	font:						normal 62.5% Arial, Helvetica, sans-serif;
	text-align:					center;
	background:					#4C4C4C url('../images/background.gif') center top no-repeat;
}
div#content {
	float:						left;
	width:						960px;
	margin:						0 0 10px 0;
	background-color:			#252424;
	color:						#FFF;
}
div#container {
	width:						960px;
	margin:						auto;
	text-align:					left;
	position:					relative;
}
div#wrapper {
	float:						left;
	width:						100%;
	text-align: 				left;
}
div#content div.page {
	width:						430px !important;
	width:						440px; /* for IE */
	float:						left;
	padding:					10px 20px !important;
	padding:					10px 10px; /* fix for IE */
}
div#content div.column.interestin {
	float:						left;
	width:						240px;	
}
div#content div.column.collections {
	float:						left;
	width:						235px;
	padding-left:				15px;	
}
div#content div.column.interestin {
	background:					url(../images/col_1_bg.gif) no-repeat right bottom;
}
div#content div.column.collections {
	background:					url(../images/col_3_bg.gif) no-repeat left bottom;
}

div#separator {
	height:						53px;
	width: 						960px;
	background-color: 			#181818;
	float: 						left;

}
div#separator hr {
	display:					none;
}
/*--------------------------------------------------------------------- PAGE AND COLUMN TITLE GRAPHICS */
div#content div.column.interestin h2 a {
	background:					url(../images/interestin.gif) no-repeat 10px top;
	text-indent:				-9999px;
	width:						240px;
	height:						58px;
	margin-left:				-10px;
	display:					block;
}
div#content div.column.collections h2 a {
	background:					url(../images/collections.gif) no-repeat left top;
	text-indent:				-9999px;
	width:						240px;
	height:						58px;
	margin-left: 				-15px;
	display: 					block;
}
body#home div#container div#content div.page h1{
	background:					url(../images/a-hello-from-rage.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
}
body#interestin div#container div#content div.page h1{
	background:					url(../images/interestin-title.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#collections div#container div#content div.page h1{
	background:					url(../images/collections-title.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#us div#container div#content div.page h1{
	background:					url(../images/us.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#book div#container div#content div.page h1{
	background:					url(../images/booking-enquiries.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#shenanigans div#container div#content div.page h1{
	background:					url(../images/shenanigans-title.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-15px;
}
body#pricing div#container div#content div.page h1{
	background:					url(../images/pricing.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#the-nail-place div#container div#content div.page h1{
	background:					url(../images/the-nail-place.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#links div#container div#content div.page h1{
	background:					url(../images/links.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#site-map div#container div#content div.page h1{
	background:					url(../images/site-map.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#mailing-list div#container div#content div.page h1{
	background:					url(../images/mailing-list.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#terms-of-use div#container div#content div.page h1{
	background:					url(../images/terms-of-use.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#privacy-policy div#container div#content div.page h1{
	background:					url(../images/privacy-policy.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#accessibility div#container div#content div.page h1{
	background:					url(../images/accessibility-statement.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#opening-times div#container div#content div.page h1{
	background:					url(../images/opening-hours.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#error404 div#container div#content div.page h1{
	background:					url(../images/oops.gif) no-repeat left top;
	text-indent:				-9999px;
	height:						58px;
	margin-left:				-10px;
}
body#us div#container div#content div.page h4,
body#pricing div#container div#content div.page h4,
body#the-nail-place div#container div#content div.page h4,
body#opening-times div#container div#content div.page h4 {
	display: 					none;
}
/*--------------------------------------------------------- COLLECTIONS GALLERY PAGE */
body#collections  div#container div#wrapper div#content div.page div.collection_title {
	clear: 						both;
	margin-top:					10px;
	padding-top:				20px;
}
body#collections  div#container div#wrapper div#content div.page h2 {
	background-color:			#FFF;
	color: 						#000;
	display:					inline;
	margin:						0;
	padding: 					1px 3px 1px 1px;
}
body#collections div#container div#content div.page div.item {
	border-top: 				2px solid #FFF;
	background: 				url('../images/list-bg.gif') right top no-repeat;
	margin:						0;
	padding:					1px 0;
}
body#collections  div#container div#wrapper div#content div.page ul.thumbs{
	margin:						0;
}
body#collections  div#container div#wrapper div#content div.page ul.thumbs li a img {
	margin:						0 !important;
	border: 					5px #D3C1BB solid !important;
	border:						3px;
}
body#collections  div#container div#wrapper div#content div.page ul.thumbs li a:hover img {
	border: 					5px #FFF solid !important;
	border:						3px;
}
body#collections  div#container div#wrapper div#content div.page ul.thumbs li {
	margin:						1px !important;
} 

/*------------------------------------------------------------- OPENING HOURS PAGE */
body#opening-times div#container div#content div.page h2 {
	display: 					inline;
	background-color: 			#FFF;
	color: 						#000;
	padding: 					2px 1px;
	font-size:					2.0em;
}
body#opening-times div#container div#content div.page h3 {
	border-top:					2px solid #FFF;
	padding: 					5px;
	min-height:					45px !important;
	height: 					45px;
	font-size:					1.4em;
	font-weight: 				normal !important;
	background: 				url('../images/list-bg.gif') right top no-repeat;	
}
/*------------------------------------------------------------------ PRICING PAGE */
body#pricing div#container div#content div.page strong {
	text-transform: 			uppercase;
	color: 						#D3C490;
	font-size: 					1.0em;
}
body#pricing div#container div#content div.page h2 {
	background-color:			#FFF;
	color:						#000;
	margin:						15px 0 10px 0;
	padding:					0 2px 0 2px;
	display:					inline;
}
body#pricing div#container div#content div.page h3  {
	text-transform: 			uppercase;
	color: 						#D3C490;
	font-size: 					1.2em;	
	border-top:					2px solid #FFF;
	background: 				url('../images/list-bg.gif') right -25px no-repeat;
	padding-top:				15px;
}
body#pricing div#container div#content td,
body#pricing div#container div#content th {
	border: 					2px solid #333;
	width:						25%;
}
td,th {
	font-size:					1.2em;
	padding:					2px;
}
table {
	width:						100%;
	margin:						5px 0 10px 0;
}
body#the-nail-place div#container div#content th {
	width:						95%;
}
/*-------------------------------------------------------------------------HEADER*/
div#header {
	float:						left;
	width:						960px;
	height:						330px;
}
div#header ul#carousel_links {
	display:					none;
}
div#header h1 {
	clear: 						left;
	color:						#FFF;
	font-size:					6em;
	margin:						10px 0 0 20px;
}
div#header h2 {
	clear: 						left;
	color:						#FFF;
	font-size:					2.5em;
	margin:						5px 0 0 20px;
}
div#header h2 a {
	color:						#FFF;
	text-decoration: 			none;
}
div#strapline {
	background:					url('../images/header.gif') left top no-repeat;
	width:						960px;
	height:						53px;
	margin:						25px 0 10px 0;
}
div#strapline h1 a {
	width:						26px;
	height:						53px;
	display:					block;
	text-indent:				-9999px;
	background:					url('../images/rage-hair-salon.gif') left top no-repeat;
	margin:						0 0 0 -26px;
	float:						left;
}
div#banner {
	background:					url('../images/call-rage-hair-salon.gif') no-repeat left top #060606;
	width:						950px;
	margin:						10px 0;
	height:						53px;
	float:						left;
	text-align:					right;
	color:						#999;
	padding-right:				10px;
	
}
div#banner a {
	text-decoration: none;
}

/* for "links" button top-right */
div#strapline a {
	font-size:					2.4em;
	font-weight:				bold;
	color:						#FFF;
	margin:						10px 10px 0 0;
	float:						right;
	text-decoration:			none;
}
div#strapline a:hover,  
div#header h2 a:hover {
	background-color:			#FFF !important;
	color:						#000;
}
/*----------------------------------------------------------------------CAROUSEL*/
div#carousel {
	position:					absolute;
	width:						960px;
	height:						330px;
	left:						0px;
	z-index:					1;
}
div#carousel h1 {
	position:					absolute;
	left:						5px;
	top:						205px;

}
div#carousel p {
	position:					absolute;
	left:						25px;
	top:						290px;
	color:						#FFF;
	font-size:					2.5em;
}
div#carousel div.feature a {
	padding:					2px;
	text-decoration:			none;
	color:						#FFF;

}
div#carousel div.feature a:hover {
	background-color:			#FFF;
	color: 						#000;
}
div#carousel div.feature {

}
/*----------------------------------------------------------------------NAVIGATION*/
div#header ul#nav {
	float:						left;
	margin:						20px 0 0 20px;
	z-index:					2;
	position:					absolute;
	color:						#FFF;
}
ul#nav li, 
ul#nav li a,
ul#nav li.first, 
ul#nav li em {
	font-size:					1.6em;
	font-weight:				bold;
	color:						#FFF;
	text-decoration:			none;
	clear:						left;
	margin:						-4px 0 !important;
	margin:						-1px 0;
}
ul#nav li a:hover {
	background-color:			#FFF;
	color:						#000;
}
body#links ul#nav li a.nav_links,
body#the-nail-place ul#nav li a.nav_the-nail-place,
body#pricing ul#nav li a.nav_pricing,
body#interestin ul#nav li a.nav_interestin,
body#shenanigans ul#nav li a.nav_shenanigans,
body#offers ul#nav li a.nav_offers,
body#book ul#nav li a.nav_book,
body#us ul#nav li a.nav_us,
body#home ul#nav li a.nav_home {
	background-color:			#FFF;
	color:						#000;
}
/*-------------------------------------------------------------------BODY COPY STYLES*/
div#content div.page p.emph {
	color:						#D3C490;
	font-weight:				bold;
	font-size:					1.8em;
	line-height:				1.0em;
	margin-bottom:				5px;
}
div#content div.page p {
	color: 						#FFF;
	font-size:					1.2em;
	margin:						10px 0;
}
div#content div.page h3 {
	font-size:					2.2em;
}
div#content div.page h2 {
	font-size:					2.2em;
}
div#content div.page h4 {

	color: 						#FFF;
	font-size: 					2.0em;
	margin:						5px 0 10px 0;
}
div#content div.page a {
	color:						#868686;
}
div#content div.page a:hover {
	color:						#FFF;
}


/*-------------------------------------------------------------------ITEMS IN BODY COPY - CATEGORY PAGE LIST */
div#content div.page div.item {
	background: 				url('../images/list-bg.gif') right 23px no-repeat;
	clear: 						left;
	min-height:					100px !important;	/* just so we see all of the background image */ 
	margin-top:					30px;
}

div#content div.page div.item  h2{
	border-bottom: 				2px solid #FFF;
	color: 						#252424;
	font-size: 					1.8em;
}
div#content div.page div.item  h2 a {
	text-decoration:			none;
	color:						#000;
	background: 				#FFF;
	padding:					1px 2px;
}
div#content div.page div.item  h2 a:hover {
	color:						#D3C490;
}
div#content div.page div.item img {
	border: 					5px #D3C1BB solid;
	float: 						left;
	margin: 					10px 10px 10px 0;
}
div#content div.page div.item img:hover {
	border-color:				#FFF;
}
/*------------------------- THUMBNAILS FOR CONTENT (NEWS/COLLECTIONS/ETC.) PAGES */
div#content div.page ul {
	margin:						10px 0;
}
div#content div.page p.emph {	
	clear:						left;
	padding-top:				10px;
}
div#content div.page div.item p {
	padding-right: 				10px;
}
div#content div.page ul.thumbs li {
	float:						left;
	margin:						0 2px 0 1px !important;
}
div#content div.page ul.thumbs li img {
	border: 					5px #D3C1BB solid;
}
div#content div.page ul.thumbs img:hover {
	border-color:				#FFF;
}
div#content div.page a img {
	border: 					5px #D3C490 solid;	
}
div#content div.page a img:hover {
	border-color: 				#FFF;	
}
/*----------------------------------------------------- INTERESTIN' COLUMN STYLES*/
div#content div.column.interestin div.item, 
div#content div.column.interestin div.item.featured {
	margin:						5px 17px 10px 10px;
	clear: 						left;
}
div#content div.column.interestin div.item img,
div#content div.column.interestin div.item.featured img {
	border: 					5px #D3C1BB solid;
	float: 						left;
	margin-right: 				5px;
	margin-bottom: 				10px;
}
div#content div.column.interestin div.item.featured img {
	border-color: 				#D3C490;
}
div#content div.column.interestin div.item img:hover,
div#content div.column.interestin div.item.featured img:hover {
	border-color:				#FFF;
}
div#content div.column.interestin div.item p.emph a {
	text-transform: 			uppercase;
	color: 						#D3C490;
	font-size: 					1.2em;
	text-decoration:			none;
}
div#content div.column.interestin hr,
div#content div.column.interestin div.item br {
	display: 					none;
}
div#content div.column a {
	color:						#868686;
}
div#content div.column a:hover {
	color: 						#FFF;
}
/*----------------------------------------------------- COLLECTIONS COLUMN STYLES*/
div#content div.column.collections div.item,
div#content div.column.collections div.item.featured {
	float: 						left;
	margin: 					5px;
}
div#content div.column.collections div.item img{
	border: 					5px #D3C1BB solid;
}
div#content div.column.collections div.item.featured img{
	border-color: 				#D3C490;
}
div#content div.column.collections div.item img:hover ,
div#content div.column.interestin div.item.featured img:hover {
	border-color:				#FFF;
}
div#content div.column.collections hr, 
div#content div.column.collections p.emph a { 
	display: 					none;
}
div#content div.column.collections div.item.end {
	padding: 					5px;
}
/*---------------------------------------------------------- KEY CONTACTS STYLES */
body#us div#container div#wrapper div#content div.page div.item  h2{
	color: 						#fff;	

}
body#us div#container div#wrapper div#content div.page div.item  h2 a{
	background-color: 			#FFF;
	padding: 					1px 5px 2px 5px;
	display:					inline;
}
body#us div#container div#wrapper div#content div.page div.item  h2 small {
	font-weight: 				normal;
	color: 						#999;
}
body#us div#container div#wrapper div#content div.page div.item img {
	margin-top:					0px;
	margin-right:				0px;
}
body#us div#container div#wrapper div#content div.page div.item dl.key_contact dt {
	padding-top:				10px;
	padding-left:				120px;
}
body#us div#container div#wrapper div#content div.page div.item dl.key_contact dt {
	font-size:					1.2em;
	font-weight:				bold;
}
body#us div#container div#wrapper div#content div.page div.item dl.key_contact dd {
	font-size: 					1.2em;
	padding-left:				120px;	
}
/*---------------------------------------------------------- BOOKING PAGE/MAP STYLES */
body#book div#container div#wrapper div#content div.page div.contact {
	padding-top:				20px;
	clear:						left;

}
body#book div#container div#wrapper div#content div.page div.contact div#map {
	float:						right;
	display:					block;
	width:						280px;
	height:						280px;
	margin-bottom:				20px;	
}
body#book div#container div#wrapper div#content div.page div.contact div#map img {
	margin-bottom:				20px;
}
/*---------------------------------------------------------------------- SITE MAP */
body#site-map div#container div#wrapper div#content div.page li {
	font-size:					1.6em;
}
body#site-map div#container div#wrapper div#content div.page li.nested a {
	font-size:					1.2em;
	color:						#000;
}
body#site-map div#container div#wrapper div#content div.page li.nested a:hover {
	color: 						#868686;
}
body#site-map div#container div#wrapper div#content div.page li.nested div.site_map_title_block {
	border-bottom:				2px solid #FFF;
	width:						100%;
}
body#site-map div#container div#wrapper div#content div.page li.nested div.site_map_title_block a {
	background-color:			#FFF;
	padding:					2px 3px;
	font-weight:				bold;
}

body#site-map div#container div#wrapper div#content div.page li.nested {
	font-size:					1.3em;
	background: 				url('../images/list-bg.gif') right 20px no-repeat;	
	margin:						10px 0;
	min-height:					70px;
}
body#site-map div#container div#wrapper div#content div.page li.nested ul{
	margin-left:				100px;
}
body#site-map div#container div#wrapper div#content div.page li.nested li{
	font-size:					0.9em;
}
body#site-map div#container div#wrapper div#content div.page li.nested li a{
	border:						0px;
	color:						#868686;
}
body#site-map div#container div#wrapper div#content div.page li.nested li a:hover{
	color:						#fff;
}
body#site-map div#container div#wrapper div#content div.page a {
	text-decoration: 			none;
}
/*------------------------------------------------------------------------ TERMS */
body#privacy-policy div#container div#wrapper div#content div.page ul li,
body#terms-of-use div#container div#wrapper div#content div.page ul li {
	padding:					10px 15px 0 0;
	font-size:					1.2em;
}
body#privacy-policy div#container div#wrapper div#content div.page h3,
body#terms-of-use div#container div#wrapper div#content div.page h3 {
	background-color: 			#fff;
	color: 						#000;
	font-size:					1.6em;
	padding:					1px 5px;
	display:					inline;
}
body#privacy-policy div#container div#wrapper div#content div.page ul,
body#terms-of-use div#container div#wrapper div#content div.page ul {
	background: 				url('../images/list-bg.gif') right top no-repeat;
	border-top:					2px solid #fff;	
	margin:						0 0 30px 0;
}
/*------------------------------------------------------------------------ FOOTER */
div#footer {
	float:						left;
	width:						960px;
	color:						#000;
	font-size:					1.0em;
	margin-bottom:				20px;
}
div#footer p {
	margin: 					5px 0 2px 0;
}
div#footer ul {
	float:						right;
	margin:						-50px 0 0 0;
}
div#footer ul li {
	float:						left;
	padding:					5px 5px 0 0px;
}
div#footer a.dusza {
	width:						132px;
	height:						54px;
	text-indent:				-9999px;
	background:					url('../images/dusza.gif') left top no-repeat;
	display:					block;
	float: 						left;
	margin-right:				65px;
	margin-top:					-5px;
}
div#footer a.dusza:hover {
	background-position:		left -54px;
}
div#footer a {
	color:						#000;
	text-decoration:			none;
}
div#footer a:hover {
	text-decoration:			underline;
	color:						#FFF;
}
div#footer span.url,
div#footer span.tel,
div#footer span.email   {
	display: 					none;
}
div#footer span.fn {
	font-weight: 				bold;
}
div#footer p span.vcard span {
	display: 					none;
}
/*-------------------------------------------------------------------------------------------------------FORMS
*/
body#mailing-list div#container div#wrapper div#content div.page form h3 {
	font-size:					1.6em;
	padding:					5px;
	color:						#D3C490;

}
body#mailing-list div#container div#wrapper div#content div.page form select#dob_year, 
body#mailing-list div#container div#wrapper div#content div.page form select#dob_month, 
body#mailing-list div#container div#wrapper div#content div.page form select#dob_day {
	width:	112px; 
	float: left;
}
 
form,
label {
	color:						#FFF;
	font:						1em Arial, sans-serif;
}
input, 
select, 
textarea {
	color:						#111;
	font:						1em Arial, sans-serif;
}
form {
	float:						left !important;
	float:						none; /* FIX IE */
	width:						380px;
	margin:						10px 0;
	font-size:					1.1em;
	background:					#333;
	padding:					0 0 20px 10px;
	overflow:					hidden; /* FIX IE */
	border:						2px solid #868686;
}
div#content form a.form_anchor {
	float:						left;
	text-indent:				-9999px;
	height:						0;
}
legend {
	text-indent:				-9999px;
}
div#content form p {
	float:						none;
	margin:						10px 0 5px 8px !important;
}
div#content form hr {
	display:					none;
}
div#content form p.error {
	border:						1px solid #CB0000;
	padding:					12px 5px 12px 46px !important;
	width:						302px !important;
	background:					#FFDBD8 url('../images/alert.gif') left center no-repeat;
	font-size:					1.1em;
	color:						#111;
	font-weight:				normal;
}
div#content form p.success {
	border:						1px solid #009900;
	padding:					12px 5px 12px 46px !important;
	width:						302px !important;
	background:					#D8FFD9 url('../images/success.gif') left center no-repeat;
	font-size:					1.1em;
	color:						#111;
	font-weight:				normal;
}
form ol li {
	list-style-type:			none;
}
label, 
input, 
select, 
textarea, 
button, 
span.warning {
	float:						left;
	width:						345px;
	padding:					5px;
	margin:						0 5px !important;
	margin:						0 5px 2px 5px; /* FIX IE */
}
select {
	width:						357px;
}
label {
	background:					transparent;
	padding:					5px 2px 2px;
}
label em {
	font-size:					0.8em;
}
em.warning {
	color:						#CB0000;
}
input, 
select, 
textarea  {
	background:					#fff !important;
	border:						1px solid #999;
}
input:focus, 
select:focus, 
textarea:focus {
	border:						1px solid #D3C490;
}
textarea {
	overflow:					auto;
}
span.warning {
	margin:						2px 0 2px 7px !important;
	padding:					0;
	color:						#CB0000;
}
label span.warning {
	margin:						2px 0 !important;
}
dl.inputgroup {
	float:						left !important;
	float:						none; /* FIX IE */
	width:						354px;
	margin:						5px 0 0 5px !important;
	background:					#666;
	padding:					0 0 5px 0px;
	border:						2px solid #868686;
}
dl.inputgroup dt, 
dl.inputgroup dd {
	float:						left;
	width:						28px;
	margin:						2px 0 0;
}
dl.inputgroup dt {
	clear:						left;
}
dl.inputgroup dd {
	width:						282px;
}
dl.inputgroup dt input {
	width:						13px;
	height:						13px;
	float:						right;
	margin:						6px 6px 3px !important;
	border:						0px;
	background:					#DDD;
}
dl.inputgroup dd label {
	width:						270px;
	margin:						0;
	padding:					5px 10px 5px 0 !important;
}
button {
	border:						2px solid #868686;
	font-weight:				bold !important;
	width:						auto;
	margin:						10px 0 0 5px !important;
	background:					#868686 !important;
	font:						1em Arial, sans-serif;
	color:						#FFF;
	cursor:						pointer;
	padding:					5px;
}
button:hover {
	background:					#666;
	border:						2px solid #D3C490;
}