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

/*
Title:  Salon VIP - Glamour Page Styles
Author:	lee@netinspire.co.uk
*/


/* Colours 

Purple #421c45
Hot Pink #a71bca

*/


html																{background: #000;}

body																{background: url(../img/glam-top-bot-bg.jpg) 0 0 repeat-x; color: #fff;}
		
.logo																{display: none;} /* Hide logo from CSS enabled browsers */

#container															{padding-bottom: 265px;}


#page																{background: url(../img/make-up-brush.jpg) bottom center no-repeat;}

#slideshow															{width: 365px; height: 399px; overflow: hidden; background: #000 url(../img/photo-stack-black-bg.jpg) 0 0 no-repeat;}

/*
Branding
*/
#branding h1														{background: url(../img/glam-logo-bg.gif) 0 0 no-repeat;}
#branding p															{color: #a71bca;}


/*
Main Nav
*/	
#main-nav a:link, #main-nav a:visited								{color: #fff; text-decoration: none;}
#main-nav a:hover, #main-nav a:active								{color: #a71bca; background: #000;}


#footer-container													{background: #421c45 url('../img/glam-top-bot-bg.jpg') top left repeat-x;}
#footer																{color: #fff;}
#footer p a:link, #footer p a:visited								{text-decoration: none; color: #a71bca;}
#footer p a:hover, #footer p a:active								{text-decoration: none; color: #a71bca; border-bottom: 1px solid #a71bca;}
a:link.netinspire, a:visited.netinspire								{width: 88px; height: 18px; float: right; margin-top: 30px; background: url(../img/netinspire-glamour.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;}
a:hover.netinspire, a:active.netinspire								{background-position: 0 -18px;}

/*
Headings
*/
h2																	{background: url(../img/glamour.gif) 0 0 no-repeat;}
h3																	{color: #a71bca;}
.prom																{background: url(../img/prom.gif) 0 0 no-repeat;}



/*
Form Styles
*/
#form-div { 
  background: #4c1b56;
}


input.text-short:focus, input.text-short.focus, 
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
  background-color : #e4cde9;
}


legend.main-legend { 
  color : #a71bca;
}
 
label.req-label, label.opt-label {
  color : #fff;
}
 
label.req-label.explain {
  color : #e4cde9;
}

label.req-label.explain:hover {
  color : #fff;
}

input.button														{border: 1px solid #fff; background: #a71bca; color: #fff; }
input.button:hover, input.button.hover,
input.button:focus, input.button.focus								{ border: 1px solid #a71bca; background: #fff; color: #a71bca; }