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

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


/* Colours 

Pink #f23994

*/


html																{background: #fff;}

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

/*#container															{padding-bottom: 300px; background: url(../img/nail-polish.jpg) bottom center no-repeat;}*/

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

.content															{padding-bottom: 670px; background: #fff url(../img/princess-content-bg.jpg) left bottom no-repeat;}


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


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


/*
Headings
*/
h2																	{background: url(../img/princess.gif) 0 0 no-repeat;}


.large																{color: #f23994;}

/*
List
*/
#princess ul														{margin-top: 1em; margin-left: 2em; list-style: disc;}
#princess li														{margin: 1em 0;}

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

/*
Form Styles
*/
#form-div { 
  background: #fff;
  border-color: #ffd306;
}


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 : #ffedf0;
}


legend.main-legend { 
  color : #8d07d0;
}
 
label.req-label, label.opt-label {
  color : #0297be;
}
 
label.req-label.explain {
  color : #cb6687;
}

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

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