@charset "UTF-8";
@import url(reset.css);

html, body {
    background:#c3c3b7;
    background-image:url(../images/bg_page.gif);
    background-repeat:repeat-y;
}
body {
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
    text-align:left;
    color:#333333;
}
a {
    color:#ffffff;
    text-decoration:none;
}
a:hover, a.active {
    color:#333333;
}
strong, b {
    font-weight:bold;
}
em, i {
    font-style:italic;
}

/* Layers */

#logo {
    position:absolute;
    top:0;
    left:0;
    margin:0;
    z-index:1;
}
#navigation {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    min-width:990px;
    height:95px;
    margin:0;
    background-image:url(../images/bg_header.gif);
    background-repeat:repeat-x;
    text-transform:uppercase;
    letter-spacing:1px;
}
#nav_lang {
    position:absolute;
    top:6px;
    left:265px;
    font-size:10px;
}
#nav_main {
    position:absolute;
    top:57px;
    left:265px;
}
#nav_sub {
    position:absolute;
    top:80px;
    left:265px;
    font-size:10px;
}
#moodpic {
    position:absolute;
    top:95px;
    left:55px;
    color:#ffffff;
}
#nav_moodpic_left {
    position:absolute;
    top:276px;
    left:0px;
}
#nav_moodpic_right {
    position:absolute;
    top:276px;
    left:164px;
}
#moodpic_caption,
#cbcaption {
    /*position:absolute;
    top:276px;
    left:19px;
    width:139px;
    text-align:right;
    overflow:hidden;*/
}
.no-moodslider li {
	float: left;
}
.no-show {
	display: none;
}
#content {
    position:absolute;
    top:123px;
    left:265px;
    width:683px;
}
#footer {
    position:relative;
    top:22px;
    left:-27px;
    border-top:1px solid #333333;
    width:683px;
    padding:0 27px 1px 27px;
    font-size:9px;
    color:#333333;
}

/* Layer Styles */

#nav_lang a {
    margin-right:15px;
}
#nav_main a, #nav_sub a {
    margin-right:25px;
}
#content h1 {
    margin-bottom:22px;
    font-size:21px;
    letter-spacing:2px;
    text-transform:uppercase;
    line-height: 25px;
}
/*#content h2 {
    margin-bottom:22px;
    font-size:21px;
    letter-spacing:2px;
    text-transform:uppercase;
}*/
#content h2 {
    font-size:12px;
    font-weight:bold;
}
#content h3 {
    font-size:12px;
    font-weight:normal;
}
#content p, #content ul {
    margin-bottom:18px;
}
#content ul li {
    padding-left:0.6em;
    text-indent:-0.6em;
}
#content ul li:before {
    content:"- ";
}
#content table, #content th, #content td {
    vertical-align:top;
    text-align:left;
}
#content table {
    margin-bottom:9px;
}
#content th, #content td {
    padding-right:27px;
    padding-bottom:9px;
}
#content th {
    font-weight:bold;
}
#content th.right, #content td.right {
    text-align:right;
}
#content th.center, #content td.center {
    text-align:center;
}
#footer a {
    text-decoration:none;
    color:#333333;
}
#footer a:hover {
    color:#000000;
}
#footer div {
    position:absolute;
    top:0;
    right:27px;
}

/* Classes */

p.nomargin, ul.nomargin {
    margin-bottom:0 !important;
}
div.gallery {
    padding-bottom:65px;
}
div.gallery img {
    margin:0 4px 4px 0;
}
.clear {
    height:1px;
    clear:both;
    margin:0;
    padding:0;
    font-size:1px;
    line-height:1px;
}
.ruler {
    width:100%;
    height:18px;
    border-top:#909084 1px solid;
}

/* Forms */

form {
    margin-bottom:18px;
}
form.tableform {
    margin-bottom:0;
}
form td {
/*    vertical-align: middle !important;*/
}
form input, form select, form textarea {
	margin-right:9px;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	vertical-align:middle;
	background:#c3c3b7;
}
form input, form button {
    padding:2px 3px 2px 3px;
}
form input.reset {
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin-right:9px;
	vertical-align:middle;	
	font-size: 92%;
    margin-top: -3px;	
    display: inline;
	padding: 3px 4px 2px;
}
input.powermail_submit, button {
	background-color: #c3c3b7;
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	cursor:pointer;
}

input.powermail_submit:hover, button.button:hover {
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-color: #a6a698;
}
form input.reset:hover {
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-color: #a6a698;
}
form input[type=radio] {
    border:none;
    background:none;
}
form .tiny {
    width:20px;
}
form .small {
    width:35px;
}
form .medium {
    width:210px;
}
form .large {
    width:262px;
}
form p.info, form p.error {
    margin:18px 0 18px 0;
}
form p.error, form label.error {
    color:#cc0000;
}
form input.error {
    border:1px solid #cc0000;
}
form.tableform .ruler {
    height:1px;
}
label.radiolabel {
    margin-right:18px;
}

/* Shop */

.shop_item {
    padding-bottom:18px;
}
.shop_item img {
    float:left;
    margin:0 27px 18px 0;
}
.shop_item_desc {
    display:block;
    float:left;
    width:63%;
}
.shop_item_desc h3 {
    margin-bottom:18px;
}
.shop_item input {
    margin:-2px 3px 0 3px;
}
.shop_infobox, .shop_loginbox {
    margin-bottom:36px;
    border:solid 1px #ffffff;
    padding:9px 9px 0 9px;
    background:#c3c3b7;
}
.shop_infobox h3, .shop_infobox p, .shop_loginbox h3, .shop_loginbox p {
    margin-bottom:9px !important;
}
.shop_loginbox {
    float:left;
    width:250px;
    margin:0 27px 18px 0;
}
.shop_loginbox input {
	margin-bottom:9px;
}
.shop_loginbox p.error {
	margin-top:0;
}

span.error {
	color: #cc0000;
}

#switch {
}

#prevBtn {
    background: #a6a698;
	position:absolute;
	left:55px;
	top:371px;	
	float: left;
}

#nextBtn {
    background: #a6a698;
	position:absolute;
	left:221px;
	top:371px;
	float: left;
	width: 16px;
}

#cbcaption {
	margin-right: 25px;
	text-align: right;
	width: 158px;
	display: inline-table;
}

table.therapy {
	border-spacing: 0px 0px;
	border-collapse: collapse;
}

#content table.therapy th,
#content table.therapy td {
	text-align: left;
	padding: 0;
	margin: 0;
}

table.therapy tr.no_show,
table.therapy th.no_show {
	display: none;
}