/**************************************************    Basic */
* {
	margin: 0;
	padding: 0;
}
body {
	padding-bottom: 45px;
	font: normal 12px Arial, Sans-serif;
	background: url(../images/background.jpg) repeat;
	color: #000;
}



/**************************************************    ... */
#outer-wrapper {
	background: url(../images/background-fade.png) repeat-x;
}
#inner-wrapper {
	_position: relative;
	_z-index: 10;
	margin: 0 auto;
	padding-top: 49px;
	width: 1073px;
}
#container {
	background: url(../images/container-top.png) no-repeat;
	padding: 9px 10px 4px 10px;
}
#logo {
	width: 562px;
	height: 73px;
	margin: 0 auto;
	background: url(../images/logo.png) no-repeat;
}
#logo span {
	display: none;
}
.content {
	
}


/**************************************************    Layout */
#footer {
	padding: 20px 10px 0 10px;
	background: url(../images/container-bottom.png) no-repeat;
	font-size: 11px;
	color: #333;
}
#footer a {
	color: #555;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
#footer table {
	border-spacing: 0;
	border-collapse: collapse;
}
#footer table td {
	white-space: nowrap;
}
#footer table td span {
	padding-left: 15px;
}
#footer table td#footer-sep {
	padding: 0 10px;
	width: 100%;
}
#footer table td#footer-sep div {
	background: url(../images/footer-sep.png) 0 50% repeat-x;
	height: 10px;
}



/**************************************************    Navigation */
#nav {
	padding-left: 37px;
	padding-top: 42px;
	margin-bottom: 2px;
}
#nav ul {
	list-style: none;
}
#nav ul li {
	position: relative;
	z-index: 100;
	float: left;
	padding: 6px 14px 3px 14px;
	border-left: 1px solid #e1e1e1;
}
#nav ul li a {
	display: block;
	height: 10px;
	padding: 5px 10px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
#nav ul li a span {
	display: none;
}
#nav ul li.active a, #nav ul li a:hover {

}

#nav #nav-first { border-left: 0; }

#nav a#item-start { background-position: 50% 3px; }
#nav a#item-courses { background-position: 50% 2px; }
#nav a#item-treatments { background-position: 50% 2px; }
#nav a#item-haircare { background-position: 50% 1px; }
#nav a#item-products { background-position: 50% 2px; }
#nav a#item-newsletter-offers { background-position: 50% 2px; }
#nav a#item-contact { background-position: 50% 2px; }

#nav a:hover#item-start, #nav .active #item-start { background-position: 50% -24px; }
#nav a:hover#item-courses, #nav .active #item-courses { background-position: 50% -25px; }
#nav a:hover#item-skincare, #nav .active #item-skincare { background-position: 50% -27px; }
#nav a:hover#item-haircare, #nav .active #item-haircare { background-position: 50% -26px; }
#nav a:hover#item-treatments, #nav .active #item-treatments { background-position: 50% -25px; }
#nav a:hover#item-products, #nav .active #item-products { background-position: 50% -25px; }
#nav a:hover#item-newsletter-offers, #nav .active #item-newsletter-offers { background-position: 50% -25px; }
#nav a:hover#item-contact, #nav .active #item-contact { background-position: 50% -25px; }

/* sub */
#nav ul li:hover ul {
	visibility: visible;
}
#nav ul li ul {
	visibility: hidden;
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
}
#nav ul li ul li {
	border-left: 0;
	padding: 0;
	float: none;
	border: 1px solid #fff;
}
#nav ul li ul li a {
	display: block;
	padding: 8px;
	height: 15px;
	border-left: 4px solid #fcc;
	width: 100%;
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	min-width: 120px;
	*font-weight: bold;
}
#nav ul li ul li a:hover {
	border-left: 4px solid #f33;
}




/**************************************************    Formatting */
h1 {
	font: normal 19px arial, sans-serif;
	text-transform: uppercase;
}
h2 {
	margin: 10px 0;
	font: bold 15px arial, sans-serif;
}
h2 {
	font: bold 15px arial, sans-serif;
}
p {
	margin: 15px 0;
	line-height: 16px;
}
a {
	color: #ca5a54;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}



/**************************************************    Unsorted */
.clearfix { clear: both; height: 0; overflow: hidden; }
a img { border: 0; }

.no-margin { margin: 0 !important; }
.no-top-margin { margin-top: 0 !important; }
.no-bottom-margin { margin-bottom: 0 !important; }
.less-top-margin { margin-top: 5px !important; }
.less-bottom-margin { margin-bottom: 5px !important; }

.title span { display: none; }
.note { font-style: italic; color: #ddd; font-size: 11px; }

.floatright { float: right; display: inline; }
.floatleft { float: left; display: inline; }

h3.ui-accordion-header { font-size: 11px !important; }
.ui-accordion-content { font-size: 11px; background: #f3585a !important; color: #fff; }
.ui-accordion-content p { margin: 10px 0; }

h3.ui-accordion-header span { float: right; color: #666; *margin-top: -14px; }
.ui-state-active * { color: #fff !important; }
.ui-state-active, .ui-accordion-content{ border-color: #c02527; }

.send-error {
	background-color: #a33;
	padding: 5px 8px;
	font-weight: bold;
}
.send-ok {
	background-color: #3a3;
	padding: 5px 8px;
	font-weight: bold;
}

.treatmentphoto {
	float: right;
	display: inline;
	width: 350px;
	height: 260px;
	border: 5px solid #fff;
}

.contentbox, .contentbox-wide {
	float: left;
	display: inline;
	padding: 30px 30px 15px 30px;
	width: 357px;
	min-height: 442px;
	height: auto !important;
	height: 442px;
	background: #383838 url(../images/contentbox.png) no-repeat;
	color: #fff;
}
.contentbox-wide {
	width: 712px;
	background: #383838 url(../images/contentbox-plain.png) repeat-x !important;
}
.contentbox li {
	margin: 0 0 5px;
}

.contentbox td {
	padding: 5px 3px 5px 0;
	font-size: 11px; 
}

/* Image box */
.imagebox {
	background-color: #ccc;
	width: 354px;
	height: 487px;
	float: left;
	display: inline;
	margin-left: 1px;
	overflow: hidden;
}


/* Banner column */
.bannerbox {
	width: 280px;
	height: 487px;
	float: left;
	display: inline;
	margin-left:1px;
	overflow: hidden;
}
.bannerbox div {
	width: 260px;
	height: 106px;
	margin-top: 1px;
	padding-left: 20px;
	padding-top: 15px;
}
.bannerbox p {
	margin: 9px 0;
}
.bannerbox #banner1 {
	background: url(../images/banners/box1.jpg);
	margin-top: 0;
}
.bannerbox #banner1 h3 {
	width: 177px;
	height: 13px;
	background: url(../images/banners/box1-title.png) no-repeat;
}

.bannerbox #banner2 {
	background: url(../images/banners/box2.jpg);
	color: #fff;
}
.bannerbox #banner2 h3 {
	width: 96px;
	height: 13px;
	background: url(../images/banners/box2-title.png) no-repeat;
}
.bannerbox #banner2 a {
	display: block;
	width: 133px;
	height: 27px;
	background: url(../images/banners/box2-button.png) 0 0 no-repeat;
}
.bannerbox #banner2 a:hover { background-position: 0 -27px; }
.bannerbox #banner2 a span { display: none; }

.bannerbox #banner3 {
	position: relative;
	background: url(../images/banners/box3.jpg);
	color: #ff4444;
}
.bannerbox #banner3 h3 {
	width: 124px;
	height: 16px;
	background: url(../images/banners/box3-title.png) no-repeat;
}
.bannerbox #banner3 a {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 196px;
	height: 33px;
	background: url(../images/banners/box3-button.png) 0 0 no-repeat;
}
.bannerbox #banner3 a:hover { background-position: 0 -33px; }
.bannerbox #banner3 a span { display: none; }

.bannerbox #banner4 {
	position: relative;
	background: url(../images/banners/box4.jpg);
	color: #fff;
}
.bannerbox #banner4 h3 {
	width: 92px;
	height: 13px;
	background: url(../images/banners/box4-title.png) no-repeat;
}
.bannerbox #banner4 input.textfield {
	position: absolute;
	bottom: 17px;
	left: 20px;
	width: 176px;
	margin-top: 3px;
	padding: 5px 7px;
	font-size: 11px;
	border: none;
	background: transparent none;
	outline: none;
	-moz-outline: none;
}
.bannerbox #banner4 input.submit {
	position: absolute;
	bottom: 17px;
	right: 16px;
	margin-left: 8px;
	width: 42px;
	height: 21px;
	background: transparent none;
	border: none;
	cursor: hand;
	cursor: pointer;
}
/*
.bannerbox #banner4 input:hover.submit {
	border: 1px solid #aaa;
}
*/

.bannerbox h3 span { display: none; }



/**************************************************    Page: start.php */
#page-start .contentbox h1.title {
	width: 164px;
	height: 22px;
	background: url(../images/titles/start.png) no-repeat;
}
#page-start .contentbox #infobox {
	width: 365px;
	height: 165px;
	margin-top: 30px;
	margin-left: -5px;
	_width: 350px;
	background: url(../images/infobox.png) no-repeat;
}
#page-start .contentbox #infobox #openinghours {
	height: 72px;
	padding-top: 9px;
	color: #eddbdc;
}
#page-start .contentbox #infobox #openinghours table { margin-top: 7px; }
#page-start .contentbox #infobox #contactinfo {
	height: 73px;
	padding-top: 7px;
	color: #410b0b;
}
#page-start .contentbox #infobox #contactinfo a {
	color: #410b0b;
}
#page-start .contentbox #infobox #contactinfo table { margin-top: 1px; }
#page-start .contentbox #infobox .info-icon {
	float: left;
	display: inline;
	margin-left: 12px;
}
#page-start .contentbox #infobox table {
	float: right;
	width: 265px;	
}
#page-start .contentbox #infobox table th {
	text-align: left;
	font-weight: normal;
	width: 85px;
}
#page-start .contentbox #infobox table .bigtext th, #page-start #contentbox #infobox table .bigtext td {
	font-size: 15px;
}



/**************************************************    Page: start.php */
#page-courses ul#buttonlist { list-style: none; }
#page-courses ul#buttonlist li { padding: 2px 0; }
#page-courses ul#buttonlist li a {
	display: block;
	width: 222px;
	height: 25px;
	padding: 11px 0 0 37px;
	background: url(../images/button-big.png) no-repeat;
	color: #000;
	text-transform: uppercase;
}
#page-courses ul#buttonlist li a:hover {
	background-position: 0 -36px;
	text-decoration: none;
}



/**************************************************    Page: treatments.php */
#page-treatments .contentbox,
#page-skincare .contentbox {
	/*
	background: #e5e5e5 url(../images/gradient-gray.png) repeat-x;
	color:#555;
	*/
}

#subpage-4 table {
	border-spacing: 0;
	border-collapse: collapse;
}
#subpage-4 table td {
	padding: 1px 22px 1px 0;
}
#spaimage {
	float: right;
	border: 5px solid #fff;
	height: 415px;
	width: 470px;
	overflow: hidden;
}

table.pricelist td {
	padding: 1px 15px 1px 0;
}

ul.list {
	margin-left: 17px;
}
ul.list li { padding: 1px 0; }




.contactform {

}
.contactform p {
	margin: 5px 0;
}
.contactform label {
	font-weight: bold;
	font-size: 11px;
	cursor: hand;
	cursor: pointer;
}
.contactform .textfield {
	border: 1px solid #000;
	font-size: 11px;
	width: 175px;
}
.contactform textarea {
	width: 100%;
	max-width: 100%;
	border: 1px solid #000;
	font-size: 11px;
}
.contactform #button {
	text-align: right;
}
.contactform #button a {
	text-transform: uppercase;
}

div.notificationform p { overflow: hidden; }
div.notificationform input.textfield {
	float: right;
	display: inline;
	width: 230px;
	border: 1px solid #333;
	font-size: 11px;
	padding: 4px 5px;
}
div.notificationform input:focus.textfield {
	outline: none;
	background-color: #faf;
	border: 1px solid #faf;
}
div.notificationform #selCourses {
	float: right;
	display: inline;
	width: 240px;
}
div.notificationform label {
	float: left;
	display: inline;
	width: 110px;
	padding-top: 2px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	cursor: hand;
	cursor: pointer;
}

#page-courses ul.pdflist {
	list-style: none;
}
#page-courses ul.pdflist li {
	border-bottom: 1px solid #555;
}
#page-courses ul.pdflist li a {
	display: block;
	padding: 6px 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#page-courses ul.pdflist li a:hover {
	color: #ca5a54;
}