@charset 'utf-8';

/* ----------------------------------------------------- Page layout */

#rotate {
  display:none;
}

body {
	font: normal 11px/17px arial, sans-serif;
	color: #000;
	background: url(img/viewport-background.gif) 0 0 repeat-x #FFF;

}

html {

	background-color: #FFF;

}

hr {
	border: none;
	border-top: 1px dotted #aaa;
	margin: 5px 0;
}

label, input[type="button"], input[type="submit"], button {
        font-size: 11px;
}

sup.smbig {
	font-size: 60%;
	font-weight: bold;
	vertical-align: 50%;
}

#wrapper {
	width: 980px;
	position: relative;
	z-index: 1;
	background-color: #fff;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-right: 30px;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-top: 0;
}

#pagewrapper {
	background: url(img/backshadow.png) right bottom no-repeat;
	width: 1012px;
	padding: 0 9px 9px 0;
	margin: 0 auto;
}

#headwrapper {
	height: 120px;
}

.content {
	clear: both;
	position: relative;
	z-index: 2;
	min-height: 515px;
}

.footer {
	display: none;
}

/* ----------------------------------------------------- global elements */
div.line {
	border-bottom: dashed #aaa 1px;
	width: 100%;
	clear: both;
	margin: 10px 0;
}

div.fineline {
	border-bottom: dotted #aaa 1px;
	width: 100%;
	clear: both;
	margin: 10px 0;
}


a:link,
a:visited {
	color: #000;
	text-decoration: none;
}

a:focus,
a:hover {
	text-decoration: underline;
	color: #333;
}

a:active,
button:active {
	text-decoration: none;
}

p a:link,
p a:visited,
p a:active {
	text-decoration: underline;
}

.content p,
.content h2,
.content ul {
	margin-bottom: 1em;
}

.citation p {
	margin-bottom: 0em;
}

.content p.align-left {
	text-align: left;
}
.content p.align-center {
	text-align: center;
}
.content p.align-right {
	text-align: right;
}
.content p.align-justify {
	text-align: justify;
}


.box h2 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	max-height: 32px;
	line-height: 16px;
	overflow: hidden;
}

.box.landscape-box h2 {
	height: 16px;
	overflow-y: hidden;
}

h3 {
	font-weight: bold;
	margin: 0.3em 0 1em 0;
}

.content ul li {
	padding-left: 15px;
	padding-bottom: 4px;
	background: url(img/bullet-default.gif) 1px 6px no-repeat;
}

strong {
	font-weight: bold;
}

.clickicon {
	float: left;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background: gray;
	text-indent: -999em;
	margin-right: 3px;
}

input[type=text],
input[type=password],
textarea {
	border: 1px solid #8f8f8f;
	background: url(img/formshadow.gif) 0 0 no-repeat #fff;

}

input[type=text]:focus,
textarea:focus {
	border: 1px solid #000;
	background: #eee;
}

textarea {
	line-height: 1.3em;
}

.fakebutton {
	display: block;
	height: 15px!important;
	overflow: hidden;
	padding: 0;
	background: gray;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	font-weight: normal!important;
	font-family: arial, sans-serif;
	text-decoration: none !important;
	color: #000;
	text-indent: 0!important;
}

button.fakebutton {
	border: none;
	padding: 0;
	padding: 0 0 2px 0;
        margin-top: 5px;
}


.fakebutton a:link,
.fakebutton a:visited {
	text-decoration: none;
}

.fakebutton:focus,
.fakebutton:hover {
	text-decoration: none;
	background-position: 0 -15px!important;
	font-weight: normal!important;
}


.button159 {
	width: 159px;
	background: url(img/fakebutton159.gif) 0 0 no-repeat!important;
}

.button106 {
	width: 106px;
	background: url(img/fakebutton106.gif) 0 0 no-repeat!important;
	margin-right: 4px;
}

.button70 {
	width: 70px;
	background: url(img/fakebutton70.gif) 0 0 no-repeat!important;
}

.iconbutton {
	border: none;
	text-indent: -999em;
	overflow: hidden;
	width: 15px;
	height: 15px;
	background: url(maps/iconbuttons.gif) 0 0 no-repeat;
	float: left;
	margin: 0 0 0 3px;
	cursor: pointer;
}

/* 3d buttons for the layout */
.iconbutton-3d {
	border: none;
	text-indent: -999em;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background: url(maps/iconbuttons_3d.gif) 0 0 no-repeat;
	float: left;
	margin: 0 0 0 3px;
	cursor: pointer;
}

.b-layout-print { background-position: -32px 0; }
.b-layout-print:focus,
.b-layout-print:hover { background-position: -32px -16px; }

.b-print-url-preview { background-position: -32px 0; }
.b-print-url-preview:focus,
.b-print-url-preview:hover { background-position: -32px -16px; }

.b-layout-search { background-position: 0 0; }
.b-layout-search:focus,
.b-layout-search:hover { background-position: 0 -16px; }


/* 3d buttons for the rest of the page */
.iconbutton {
	border: none;
	text-indent: -999em;
	overflow: hidden;
	width: 15px;
	height: 15px;
	background: url(maps/iconbuttons.gif) 0 0 no-repeat;
	float: left;
	margin: 0 0 0 3px;
	cursor: pointer;
}

.b-search { background-position: 0 0; }
.b-search:focus,
.b-search:hover { background-position: 0 -15px; }

.b-extsearch { background-position: -15px 0; }
.b-extsearch:focus,
.b-extsearch:hover { background-position: -15px -15px; }

.b-print { background-position: -30px 0; }
.b-print:focus,
.b-print:hover { background-position: -30px -15px; }

.b-close { background-position: -45px 0; }
.b-close:focus,
.b-close:hover { background-position: -45px -15px; }

.b-up { background-position: -60px 0; }
.b-up:focus,
.b-up:hover { background-position: -60px -15px; }

.b-down { background-position: -75px 0; }
.b-down:focus,
.b-down:hover { background-position: -75px -15px; }

.b-plus { background-position: -90px 0; }
.b-plus:focus,
.b-plus:hover { background-position: -90px -15px; }

.b-minus { background-position: -105px 0; }
.b-minus:focus,
.b-minus:hover { background-position: -105px -15px; }

.b-delete { background-position: -120px 0; }
.b-delete:focus,
.b-delete:hover { background-position: -120px -15px; }

.b-save { background-position: -135px 0; }
.b-save:focus,
.b-save:hover { background-position: -135px -15px; }

.b-reply { background-position: -150px 0; }
.b-reply:focus,
.b-reply:hover { background-position: -150px -15px; }


.icon,
.clickicon {
	border: none;
	text-indent: -999em;
	overflow: hidden;
	width: 16px;
	height: 16px;
	background: url(maps/icons.gif) 0 0 no-repeat;
	float: left;
	margin: 0 0 0 2px;
}

.icon {
	width: 17px;
	height: 17px;
}

a.icon,
a.clickicon {
	cursor: pointer;
}

.i-inbox { background-position: 0 0; }
.i-inbox:focus,
.i-inbox:hover { background-position: 0 -16px; }

.i-admin { background-position: -16px 0; }
.i-admin:focus,
.i-admin:hover { background-position: -16px -16px; }

.i-journalist { background-image: url(img/icon-journalist.gif); }
.i-stylist { background-image: url(img/icon-stylist.gif); }

.i-download { background-position: -31px 0; }
.i-download:focus,
.i-download:hover { background-position: -31px -16px; }

.i-basket { background-position: -47px 0; }
.i-basket:focus,
.i-basket:hover { background-position: -47px -16px; }

.i-tellafriend { background-position: -64px 0; }
.i-tellafriend:focus,
.i-tellafriend:hover { background-position: -64px -16px; }

.i-info { background-position: -80px 0; }
.i-info:focus,
.i-info:hover { background-position: -80px -16px; }

.i-attention { background-position: -96px 0; }
.i-attention:focus,
.i-attention:hover { background-position: -96px -16px; }

.i-question { background-position: -112px 0; }
.i-question:focus,
.i-question:hover { background-position: -112px -16px; }

.i-write { background-position: -128px 0; }
.i-write:focus,
.i-write:hover { background-position: -128px -16px; }

.i-secure {
	background-position: -144px 0;
	width: 16px;
	height: 16px;
}
.i-secure:focus,
.i-secure:hover {
	background-position: -144px -16px;
	width: 16px;
	height: 16px;
}

.i-salonmail { background-position: -160px 0; }
.i-salonmail:focus,
.i-salonmail:hover { background-position: -160px -16px; }

.i-salonweb { background-position: -176px 0; }
.i-salonweb:focus,
.i-salonweb:hover { background-position: -176px -16px; }

.i-salondetail { background-position: -192px 0; }
.i-salondetail:focus,
.i-salondetail:hover { background-position: -192px -16px; }

.i-dustbin { background-image: url(img/icon-dustbin.gif); }

.i-mag {background-position: -208px 0; }
.i-mag:focus,
.i-mag:hover { background-position: -208px -16px; }

.width159 {
	width: 159px;
}

.morelink {
	padding-right: 9px;
	margin-right: 9px;
	background: url(img/arrow-right.gif) right 45% no-repeat;
	text-decoration: none;
}

.morelink.down {
	padding-right: 11px;
	background-image: url(img/arrow-down.gif);
	text-decoration: none;
}

p a.morelink:link,
p a.morelink:visited,
p a.morelink:active {
	text-decoration: none;
}

p a.morelink:hover {
	text-decoration: underline;
}

select,
input[type=text],
input[type=password],
textarea {
	font: normal 10px/normal arial, sans-serif;
	padding: 0 0 0 3px;
	margin: 0;
	float: left;
	padding: 0 0 0 4px;
	font-family: arial, sans-serif;
	font-size: 10px;
	width: 125px;
}

#lol input[type=text] {
	float: none;
}

.left {
	float: left;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.right {
	float: right;
}

.single-line {
	overflow: hidden;
	white-space: nowrap;
}

.space-bottom {
	margin-bottom: 1.2em;
}

.string {
	display: none;
}

#helpbox {
	position: fixed;
	background: #fff;
	width: auto;
	max-width: 200px;
	padding: 3px 6px;
	border: 1px solid #777;
	z-index: 20000;
	opacity: 0.9;
	font-size: 10px;
	line-height: 14px;
}

.help:hover {
	cursor: help;
}


/* ----------------------------------------------------- head area */

.logospace {
	position: absolute;
	width: 250px;
	top: 0;
	left: 0;
	z-index: 5;
}

.navi-meta input {
	margin-left: 10px;
}


/* ----------------------------------------------------- meta navigation */

.navi-meta {
	float: right;
	margin: 10px 0 17px 0;
	height: 1.363636em;
	position:relative;
	z-index: 4;
}

.navi-meta ul,
.navi-meta li,
.navi-meta .b-print,
.navi-meta form {
	float: left;
	margin-left: 15px;
}

.navi-meta li {
	text-transform: lowercase;
}

/* ----------------------------------------------------- main navigation */

.nav-main {
	width: 730px;
	float: right;
	border-bottom: 1px solid #444;
	padding-right: 1px;
	position: relative;
	z-index: 5;
}

.navlevel-01 > li {
	font-weight: bold;
	position: relative;
	font-size: 12px;
	float: left;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0 12px 0 16px;
	text-indent: -999em;
	background: url(img/dividingdot.gif) 0 50% no-repeat;
	text-align: center;
}

.navlevel-01 > li > a {
	display: block;
	height: 17px;
	background: url(maps/navilevel1.png) 0 -2px no-repeat;
	margin-top: 1px;
}


.nav-main li a:link,
.nav-main li a:visited {
	color: #555;
}

.nav-main li a:focus,
.nav-main li a:hover,
.nav-main li a:active,
.nav-main li:hover > a,
.nav-main li.showbydefault > a,
.nav-main li.active > a {
	color: #000;
	text-decoration: none;
}

.nav-main .navlevel-01 > li > a:focus,
.nav-main .navlevel-01 > li > a:hover,
.nav-main .navlevel-01 > li > a:active,
.nav-main .navlevel-01 > li.showbydefault > a,
.nav-main .navlevel-01 > li.active > a {
	border-top: 1px solid #000;
	margin-top: 0;
}

.nav-main .navitem-01 { width: 46px; }
.nav-main .navitem-02 { width: 85px; }
.nav-main .navitem-03 { width: 109px; }
.nav-main .navitem-04 { width: 159px; }
.nav-main .navitem-05 { width: 64px; }
.nav-main .navitem-06 { width: 96px; }

.nav-main .navitem-01 > a { background-position: 0 -2px; }
.nav-main .navitem-02 > a { background-position: 0 -22px; }
.nav-main .navitem-03 > a { background-position: 0 -42px; }
.nav-main .navitem-04 > a { background-position: 0 -62px; }
.nav-main .navitem-05 > a { background-position: 0 -82px; }
.nav-main .navitem-06 > a { background-position: 0 -102px; }

.nav-main .navitem-01 > a:hover { background-position: -200px -2px; }
.nav-main .navitem-02 > a:hover { background-position: -200px -22px; }
.nav-main .navitem-03 > a:hover { background-position: -200px -42px; }
.nav-main .navitem-04 > a:hover { background-position: -200px -62px; }
.nav-main .navitem-05 > a:hover { background-position: -200px -82px; }
.nav-main .navitem-06 > a:hover { background-position: -200px -102px; }



/* ----------------------------------------------------- main navigation 2nd level */

.nav-main .navlevel-02 {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #000;
	width: 160px;
	padding: 10px 16px 16px 16px;
	left: 0;
	top: 1.5em;
}

.nav-main li:hover > .navlevel-02 {
	display: block;
}

#wrapper .nav-main .navlevel-02 > li {
	border-bottom: 1px solid #000;
	text-align: left;
	padding: 5px 8px 6px 0;
	float: none;
	line-height: 12px;
	position: relative;
	text-transform: none;
	letter-spacing: 0;
	text-indent: 0;
}

#wrapper .nav-main .navlevel-02 > li.has-children {
	background: url(img/arrow-down.gif) 150px 10px no-repeat;
}



.nav-main .navlevel-02 > li > a:link,
.nav-main .navlevel-02 > li > a:visited,
.nav-main .navlevel-02 > li > span {
	display: block;
	color: #888;
	cursor: pointer;
}

.nav-main .navlevel-02 > li > a:focus,
.nav-main .navlevel-02 > li > a:hover,
.nav-main .navlevel-02  li > a:active,
.nav-main .navlevel-02 > li:hover > a,
.nav-main .navlevel-02 > li.showbydefault > a,
.nav-main .navlevel-02 > li.active > a,
.nav-main .navlevel-02 > li.active > span,
.nav-main .navlevel-02 > li > span:hover,
.nav-main .navlevel-02 > li > span.clicked {
	color: #000;
}

.nav-main .navitem-02 .navlevel-02 { left: -74px }
.nav-main .navitem-03 .navlevel-02 { left: 0; }
.nav-main .navitem-04 .navlevel-02 { left: 0; }
.nav-main .navitem-05 .navlevel-02 { left: 0; }
.nav-main .navitem-06 .navlevel-02 { left: auto; right: -4px; }



/* ----------------------------------------------------- main navigation 3rd level */

.nav-main .navlevel-03 {
	display: none;
	padding: 4px 0 2px 10px;
}

#wrapper .nav-main .navlevel-03 > li {
	text-transform: none;
	padding: 4px 0 2px 0;
	float: none;
	line-height: 1.1em;
	letter-spacing: 0;
	font-weight: normal;
}

.nav-main .navlevel-03 > li > a {
	display: block;
}

.nav-main .navlevel-03 > li > a:link,
.nav-main .navlevel-03 > li > a:focus {
	color: #888;
}

.nav-main .navlevel-03 > li > a:focus,
.nav-main .navlevel-03 > li > a:hover,
.nav-main .navlevel-03 li > a:active,
.nav-main .navlevel-03 li.active > a {
	color: #000;
}


/* ----------------------------------------------------- product navigation */

#str-showmore,
#str-showless {
	display: none;
}

.navitem-02 .navlevel-02 {
	width: 662px;
	height: 545px;
	padding-top: 11px;
}

#wrapper .navitem-02 .navlevel-02 > li {
	float: left;
	text-align: left;
	font-weight: bold;
	width: auto;
	padding: 0 13px 20px 0;
	margin: 0 15px 0 1px;
	background: url(img/arrow-down.gif) right 4px no-repeat!important;
	border: none;
	position: static;
	width: auto;
}

.nav-main .navitem-02 .navlevel-02 > li.has-children > a {
	background: none;
}

#wrapper .nav-main .navlevel-02 .navitem-02-01 { padding-left: 0; background: none;}


/* ----------------- level 3 */

#wrapper .navitem-02 .navlevel-03 {
	display: none;
	position: absolute;
	left: 17px;
	top: 33px;
	border: none;
	width: 662px;
	border-top: 1px solid #000;
	padding: 0;
	height: 508px;
	background: none;
}

#wrapper .navitem-02 li.active > .navlevel-03 {
	display: block;
}

#wrapper .navitem-02 .navlevel-03 > li {
	width: 159px;
	text-align: left;
	background: url(img/blackline159.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 20px 1px 0;
}

.navitem-02 .navlevel-03 > li > a {
	background: url(maps/navi-logos-159x74.gif) -300px 0 no-repeat;
	display: block;
	width: 159px;
	height: 47px;
	overflow: hidden;
	text-indent: -999em;
	margin: 4px 0;
}

#wrapper .navlevel-03 > li > a {
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.4;
}

#wrapper .navlevel-03 > li > a:hover,
#wrapper .navlevel-03 > li > a:focus,
#wrapper .navlevel-03 > li.active > a,
#wrapper .navlevel-03 > li.showbydefault > a {
	opacity: 1;
}

#wrapper .navlevel-02 .navlevel-03 > li.navimore {
	background: none;
	margin-top: 10px;
	border: none;
}

#wrapper .navlevel-02 .navlevel-03 > li.navimore a {
	opacity: 1;

}

#wrapper .navlevel-03 form {
	margin-top: 8px;
}

#wrapper .navlevel-03 form input[type=text] {
	width: 133px;
	float: left;
	margin-bottom: 8px;
}

#wrapper .navlevel-03 form .iconbutton {
	float: right;
}

#wrapper .navlevel-03 form .fakebutton {
	clear: both;
}



/* ----------------- level 4 */

#wrapper .navitem-02 .navlevel-04 {
	position: absolute;
	left: 171px;
	top: 0;
	width: 515px;
	display: none;
	height: 508px;
}

#wrapper .navitem-02 li:hover > .navlevel-04 {
display: block;
}


#wrapper .navitem-02 .navlevel-04 li {
	float: left;
	margin-right: 7px;
}

#wrapper .navitem-02 .navlevel-04 a {
	display: block;
	width: 159px;
	border-bottom: 1px dotted #999;
}

#wrapper .navitem-02 .navlevel-04 a:focus,
#wrapper .navitem-02 .navlevel-04 a:hover,
#wrapper .navitem-02 .navlevel-04 a:active {
	border-bottom: 1px solid #000;
}


/* ----------------------------------------------------- product navi defaults  */

#wrapper .nav-main .navlevel-02 .showbydefault > ul,
#wrapper .nav-main .navlevel-02 .active > ul {
	display: block;
}

#wrapper .nav-main .showbydefault > a,
#wrapper .nav-main .active > a {
	font-weight: bold;
}


/* ----------------------------------------------------- user status box */

div.statusbox {
	z-index: 3;
	position: absolute;
	left: 575px;
	top: 61px;
}

.statusbox {
	float: right;
	width: 377px;
	padding: 8px 12px 7px 15px;
	border-left: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
}

.statusbox p {
	float: left;
	margin-right: 5px;
}

.statusbox a:link,
.statusbox a:visited {
	text-decoration: underline;
}

.statusbox a:focus,
.statusbox a:hover,
.statusbox a:active {
	text-decoration: none;
	color: #666;
}




/* ----------------------------------------------------- content boxes */

.box-area {
	position: absolute;
	left: 575px;
	top: 104px;
	width: 420px;
	height: 20px;
}

.teaser-area {
	width: 356px;
	overflow: hidden;
}

.box {
	margin-bottom: 13px;
}

.box p {
	margin-bottom: 4px;
	clear: both;
}

.box p.oneline {
	margin-bottom: 4px;
	overflow: hidden;
	height: 17px;
	clear: both;
}

.box .date {
	float: left;
	margin-right: 3px;
}

.portrait-box {
	width: 196px;
	margin-right: 12px;
	float: left;
}

.teaser-area .portrait-box {
	width: 165px;
	margin-right: 12px;
}

.portrait-box .boxwrap {
	padding: 6px 14px 11px 14px;
	overflow: hidden;
	border: 1px dashed #aaa;
	border-top: none;
}

.portrait-box .teaser-img {
	height: 94px;
	width: 165px;
	padding: 0 1px;
	overflow: hidden;
	vertical-align: bottom;
}

.portrait-box .scaling-teaser-img {
	padding: 0 1px;
	overflow: hidden;
	vertical-align: bottom;
}

.landscape-box,
.landscape-text-box {
	clear: both;
	margin-right: 14px;
}

.salonbox {
	margin-top: 14px;
}

.teaser-area .landscape-box,
.teaser-area .landscape-text-box {
	margin-right: 12px;
}

.landscape-box .boxwrap {
	padding: 10px 15px 10px 15px;
	overflow: hidden;
	height: 72px;
	border: 1px dashed #aaa;
	border-right: none;
}

.dynamic-landscape {
	height: auto !important;
	width: 218px;
}

.landscape-text-box .boxwrap {
	padding: 10px 15px 10px 15px;
	overflow: hidden;
	min-height: 78px;
	border: 1px dashed #aaa;
}

.landscape-box .teaser-img {
	float: right;
	height: 94px;
	width: 94px;
}

.landscape-box a img {
	float:right;
	position:relative;
}

.landscape-box .scaling-teaser-img {
	float: right;
}

.panel-text-box {
	float: left;
	width: 165px;
	margin-right: 12px;
}

.panel-text-box .boxwrap {
	padding: 6px 14px 11px 14px;
	overflow: hidden;
	border: 1px dashed #aaa;
}

.citation {
	border: 1px dashed #C0C0C0;
	padding: 10px 15px;
	color: #A0A0A0;
	margin-bottom: 10px;
	width: 311px;
}

.citation > p:last-child {
	margin-bottom: 0;
}


.citation a {
	color: #A0A0A0;
}

.floatingimage-left, .citationimage {
	float: left;
	margin: 6px 8px 0px 6px;
}

.floatingimage-right {
	float: right;
	margin: 4px 8px 0px 6px;

}
/* different style for textpic (96px image height) */
.textpic .floatingimage-left {
	float: left;
	margin: 12px 8px 0px 6px;
}
.textpic .floatingimage-right {
	float: right;
	margin: 12px 8px 0px 6px;
}

	div.textpic-imagewrap { padding: 0; }

	/* div: this will place the images side by side */
	div.textpic div.textpic-imagewrap div.textpic-image { float: left; }
	/* ul: this will place the images side by side */
	div.textpic div.textpic-imagewrap ul { list-style: none; margin: 0; padding: 0; }
	div.textpic div.textpic-imagewrap ul li { float: left; margin: 0; padding: 0; }
	/* dl: this will place the images side by side */
	div.textpic div.textpic-imagewrap dl.textpic-image { float: left; }
	div.textpic div.textpic-imagewrap dl.textpic-image dt { float: none; }
	div.textpic div.textpic-imagewrap dl.textpic-image dd { float: none; }
	div.textpic div.textpic-imagewrap dl.textpic-image dd img { border: none; }
	/* fe-editing icons */
	dl.textpic-image { margin: 0; }
	dl.textpic-image dt { margin: 0; display: inline; }
	dl.textpic-image dd { margin: 0; }
	/* clearer */
	div.textpic-clear { clear: both; }
	/* margins around images: */
	/* pictures on left, add margin on right */
	div.textpic-left div.textpic-imagewrap .textpic-image,
	div.textpic-intext-left-nowrap div.textpic-imagewrap .textpic-image,
	div.textpic-intext-left div.textpic-imagewrap .textpic-image {
		display: inline;
		margin-right: 10px;
	}

	/* pictures on right, add margin on left */
	div.textpic-right div.textpic-imagewrap .textpic-image,
	div.textpic-intext-right-nowrap div.textpic-imagewrap .textpic-image,
	div.textpic-intext-right div.textpic-imagewrap .textpic-image {
		display: inline;
		margin-left: 10px;
	}

	/* pictures centered, add margin on left */
	div.textpic-center div.textpic-imagewrap .textpic-image {
		display: inline;
		margin-left: 10px;
	}

	div.textpic div.textpic-imagewrap .textpic-image .textpic-caption { margin: 0; }
	div.textpic div.textpic-imagewrap .textpic-image img { margin: 0; }

	/* space below each image (also in-between rows) */
	div.textpic div.textpic-imagewrap .textpic-image { margin-bottom: 5px; }
	div.textpic-equalheight div.textpic-imagerow { margin-bottom: 5px; display: block; }
	div.textpic div.textpic-imagerow { clear: both; }

	/* no margins around the whole image-block */
	div.textpic div.textpic-imagewrap .textpic-firstcol { margin-left: 0px !important; }
	div.textpic div.textpic-imagewrap .textpic-lastcol { margin-right: 0px !important; }

	/* add margin from image-block to text (in case of "text w/ images") */
	div.textpic-intext-left div.textpic-imagewrap,
	div.textpic-intext-left-nowrap div.textpic-imagewrap {
		margin-right: 10px !important;
	}
	div.textpic-intext-right div.textpic-imagewrap,
	div.textpic-intext-right-nowrap div.textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* positioning of images: */

	/* above */
	div.textpic-above div.textpic-text { clear: both; }
	/* center (above or below) */
	div.textpic-center { text-align: center; }
	div.textpic-center div.textpic-imagewrap { margin: 0 auto; }
	div.textpic-center div.textpic-imagewrap .textpic-image { text-align: left; }

	div.textpic-center h2, div.textpic-center div.textpic-text { text-align: left; }

	/* right (above or below) */
	div.textpic-right div.textpic-imagewrap { float: right; }
	div.textpic-right div.textpic-text { clear: right; }

	/* left (above or below) */
	div.textpic-left div.textpic-imagewrap { float: left; }
	div.textpic-left div.textpic-text { clear: left; }

	/* left (in text) */
	div.textpic-intext-left div.textpic-imagewrap { float: left; }

	/* right (in text) */
	div.textpic-intext-right div.textpic-imagewrap { float: right; }

	/* right (in text, no wrap around) */
	div.textpic-intext-right-nowrap div.textpic-imagewrap { float: right; clear: both; }

	/* left (in text, no wrap around) */
	div.textpic-intext-left-nowrap div.textpic-imagewrap { float: left; clear: both; }



/* ----------------------------------------------------- individual content boxes */

#salonfinderbox input,
#salonfinderbox .iconbutton {
	float: left;
}

#salonfinderbox #postalcode { width: 40px; margin-right: 3px;}
#salonfinderbox #location { width: 160px; }



/* ----------------------------------------------------- content columns for product pages */

.col1 {
	position: relative;
	margin-top: -120px;
	width: 435px;
	min-height: 630px;
	float: left;
	z-index:-1;
}

.branding-image {
	height: 635px;
}


.col2 {
	margin-top: 100px;
	float: left;
	width: 342px;
	min-height: 300px;
	margin-right: 23px;
}

.col2 a {
	text-decoration: underline;
}

.col2 a:hover {
	text-decoration: underline;
	color: #333333;
}

/**
 * normal_wide col2 variation for wider pages.
 *
 * @-zf-layout normal_wide
 */
.col2.wide {
	margin-right:0px;
	width: 545px;
}

.col3 {
	margin-top: 100px;
	float: left;
	min-height: 300px;
	width: 180px;
	overflow: hidden;
	padding-bottom: 20px;
}

/* ----------------------------------------------------- detail tabs on product page */

.detailtabs {
}

.detailtabs > dt {
	padding: 6px 7px;
	float: left;
	cursor: pointer;
	position: relative;
	z-index: 5;
	border: 1px dashed #fff;
	border-bottom: none;
}

.detailtabs dt span {
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 26px;
	height: 17px;
	display: block;
	text-indent: -999em;
}

.detailtabs dt.active {
	border-color: #aaa;
	background: #fff;
}

.detailtabs > dd {
	font-size: 10px;
	z-index: 4;
	top: -1px;
	position: relative;
	float: left;
	left: 0;
	padding: 10px;
	width: 320px;
	border: 1px dashed #aaa;
	margin-bottom: 20px;
	line-height: 14px;
}

.detailtabs h3 {
	font-size: 10px;
	margin: 0 10px 0 0;
}

dt.tab-application span { background-position: 0 0; }
dt.tab-application:hover span,
dt.tab-application.active span { background-position: 0 -17px; }

dt.tab-stylist span { background-position: -26px 0; }
dt.tab-stylist:hover span,
dt.tab-stylist.active span { background-position: -26px -17px; }

dt.tab-sizeandprice span { background-position: -52px 0; }
dt.tab-sizeandprice:hover span,
dt.tab-sizeandprice.active span { background-position: -52px -17px; }

dt.tab-ingredients span { background-position: -78px 0; }
dt.tab-ingredients:hover span,
dt.tab-ingredients.active span { background-position: -78px -17px; }

dt.tab-nuances span { background-position: -104px 0; }
dt.tab-nuances:hover span,
dt.tab-nuances.active span { background-position: -104px -17px; }

dt.tab-download span { background-position: -130px 0; }
dt.tab-download:hover span,
dt.tab-download.active span { background-position: -130px -17px; }

dt.tab-tellafriend span { background-position: -156px 0; }
dt.tab-tellafriend:hover span,
dt.tab-tellafriend.active span { background-position: -156px -17px; }

dt.tab-salonhome span { background-position: 0 0; }
dt.tab-salonhome:hover span,
dt.tab-salonhome.active span { background-position: 0-17px; }

dt.tab-salondetails span { background-position: -26px 0; }
dt.tab-salondetails:hover span,
dt.tab-salondetails.active span { background-position: -26px -17px; }

dt.tab-salonhours span { background-position: -52px 0; }
dt.tab-salonhours:hover span,
dt.tab-salonhours.active span { background-position: -52px -17px; }




/* ----------------------------------------------------- forms/boxes in right column */

.col3 fieldset,
.col3 .sidebox {
	border: 1px dashed #aaa;
	padding: 7px 10px 9px 10px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.col3 .sidebox dl.events dd ul {
	margin-bottom: 3px;
}

.col3 .sidebox dl.events dd ul li {
	background: none;
	padding-bottom: 0px;
	padding-left: 5px;
}

fieldset h3,
.sidebox h3 {
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 12px;
}

.col3 fieldset select {
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 10px;
}

.col3 fieldset input.onebutton {
	width: 134px;
}

.col3 #salonfinderbox input#postalcode {
	width: 22px;
}

.col3 #salonfinderbox input#location {
	width: 85px;
}

.sidebox .morelink {
	/*font-weight: bold;*/
}

.sidebox hr {
	border: none;
	border-top: 1px dotted #aaa;
	margin: 10px 0;
}

.sidebox img.teaser-img {
	background: #fff;
	margin: -8px 0 0 -11px;

}

.sidebox .images {
	overflow: hidden;
	width: 170px;
	margin: 0 0 -12px 0;
}

.sidebox .images li {
	float: left;
	padding: 0 3px 3px 0;
	margin: 0 7px 7px 0;
	background: url(img/thumbshade.gif) right bottom no-repeat;
	width: 70px;
	height: 70px;
}

.sidebox .images li a {
	float: left;
	border: 1px solid #ccc;
	width: 68px;
	height: 68px;
	line-height: 68px;
	text-align: center;
}

.sidebox .images li img {
	vertical-align: middle;
	margin: 0 0 1px 0;
	padding: 0 0 1px 0;
}

.sidebox .images li a:hover,
.sidebox .images li a:focus,
.sidebox .images li.active a {
	border-color: #666;
}

/* ----------------------------------------------------- boxes on left sidebar */

.col1 .sidebox {
	margin-top: 115px;
	margin-left: 17px;
}


/* ----------------------------------------------------- navigation on right sidebar */

.filter-navi {
	margin-bottom: 3px;
}

.filter-navi dl {
	padding-left: 10px;
}

.download.filter-navi dl {
	padding-left: 0px;
}
.download.filter-navi .filter-navi-first-sub {
	margin-left:-13px;
}

.filter-navi dt,
.filter-navi dd {
	padding-left: 13px;
}

.filter-navi dt {
	font-weight: bold;
	margin: 3px 0 0 0;
	background: url(img/arrow-down.gif) 1px 50% no-repeat;
}

.filter-navi dd.active a {
	margin-right: 13px;
	padding-right: 13px;
	background: url(img/check.gif) right 1px no-repeat;
}

.sidebox .sidenavi li {
	font-weight: bold;
	padding: 0;
	background: none;
}

.sidebox .sidenavi li li {
	margin-left: 13px;
}

.sidebox .sidenavi ul {
	margin: 0 0 4px 0;
}

.sidebox .sidenavi li li {
	font-weight: normal;
}

.sidenavi a:link,
.sidenavi a:visited {
	color: #888;
}

.sidebox .sidenavi .active a {
	color: #000;
}

.sidebox .sidenavi .active li a {
	background: none;
}

/** filter navi v2: todo consider unification with v1 */
.filter-navi ol {
	list-style-type:none;
	padding-left: 13px;
}
.filter-navi div.h {
	padding-left: 13px;
	font-weight: bold;
	margin: 3px 0 0 0;
	background: url(img/arrow-down.gif) 1px 50% no-repeat;
}

.filter-navi div.h.closed {
	background: url(img/arrow-right.gif) 1px 50% no-repeat;
}

.filter-navi div.h.no-sel {
	background: none;
}

.filter-navi li {
	margin: 0px;
	padding: 0px;
}

.filter-navi li.active a {
	padding-right: 13px;
	background: url(img/check.gif) right 1px no-repeat;
}

/* ----------------------------------------------------- Content blocks */

.block {
	margin: 1.5em 0 2em 0;
}

.event-detail .block {
	margin-bottom: 1.5em;
}

.event-detail .block ul {
	margin-bottom: 0px;
}

.event-detail .block ul p {
	line-height: 17px;
	margin-bottom: 0px;
}

.block-image-left img {
	float: left;
	margin: 0 12px 12px 0;
}

.event-detail .block-image-left img {
	margin-bottom: 9px;
}

img.morelink-icon {
	float: none;
	margin: 0 !important;
}

.block h3 {
	margin: 0;
}

.block ul li {
	padding-left: 0;
	background: none;
	padding-bottom: 4px;
	line-height: 13px;
}

/* ----------------------------------------------------- Salonfinder */

.salonfinder input {
	width:100px;
}

#streetchoose a.active {
	font-weight: bold;
}

#salonfinderform {
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px dotted #aaa;
}

#salonfinderform select,
#salonfinderform input {
	width: 50px;
	margin-right: 4px;
	font-size: 12px;
	line-height: normal;
}

#salonfinderform input {
	padding: 2px 0 2px 3px;
}

#salonfinderform .location {
	width: 240px;
	margin-right: 0;
}

#salonfinderform button {
	margin-top: 2px;
}

.salonprofil {
	border-bottom: 1px dotted #aaa;
	padding: 0 0 9px 0;
	margin: 10px 0 30px 0;
	clear: both;
	overflow: hidden;
}

.salonprofil .salonfacts {
	float: left;
	width: 160px;
}

.salonprofil .brandlist {
	float: right;
	width: 182px;
}

.salonprofil .brandlist li {
	width: 52px;
	height: 52px;
	margin: 0;
	padding: 0;
	margin: 0 0 8px 8px;
	float: left;
	overflow: hidden;
	text-indent: -999px;
	background: url(maps/brandlogos.gif) 0 0 no-repeat;
}

.brandlist li.pm { background-position: 0 -1px; }
.brandlist li.teatree { background-position: -60px -1px; }
.brandlist li.me { background-position: -120px -1px; }
.brandlist li.pmprohair { background-position: 0 -60px; }
.brandlist li.ufc { background-position: -60px -60px; }
.brandlist li.jpp { background-position: -120px -60px; }
.brandlist li.tex { background-position: -180px -1px; }
.brandlist li.protools { background-position: -180px -60px; }

#wrapper .salonprofil p {
	overflow: hidden;
	margin-bottom: 4px;
}

.salonprofil .clickicon {
	margin: 5px 8px 0 0;
}


.salonprofil h2 {
	font-weight: bold;
	margin: 0;
}

.salonprofil .detailtabs {
	margin-top: 7px;
	clear: both;
	display: none;
	height: 160px;
}

.salonprofil .detailtabs img {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #888;
}

.salonprofil .detailtabs dt span {
	background-image: url(maps/detailtabs-salonprofil.gif);
}

#streetfilter {
	width: 96%;
	float: none;
	margin-bottom: 5px;
}

#streetchoose {
	overflow: hidden;
	margin: 0;
}

#streetchoose li {
	background: none;
	float: left;
	padding: 0;
	margin-right: 10px;
}

#streetchoose li.active a {
	font-weight: bold;
}


/* ----------------------------------------------------- Listings */

.list,
.imglist {
	padding: 0 0 5px 0;
	clear: both;
}

.list li.list,
.imglist li.list {
	border-bottom: 1px dashed #999;
	padding: 8px 0;
	min-height: 30px;
}

.list h3,
.list p,
.list div {
	margin: 0 0 0 64px;
}

.list div.intro {
	margin: 0;
	float: left;
	width: 64px;
}

.imglist li.list {
	width: 340px;
	float: left;
}

.imglist h3,
.imglist p,
.imglist div {
	margin: 0;
	float: left;
	width: 260px;
	display: block;
}

.imglist span {
	display: block;
}

.imglist div.paginate,
.imglist div.paginate div {
	margin: 0px;
}

.imglist div.intro {
	margin: 0 10px 0 0;
	float: left;
	width: 70px;
}

.imglist h6 {
	font-weight: normal;
}

/* ----------------------------------------------------- Inbox single message */

.singlemessage {
	border-top: 1px solid #000;
}

.singlemessage .single-navi {
	padding: 5px 0;
	text-align: right;
	overflow: hidden;
	margin: 0;
}

.singlemessage .single-navi li {
	background: none;
	padding: 0;
	display: inline;
	float: right;
}

.singlemessage .single-navi li.back {
	float: left;
}

.singlemessage .date {
	float: right;
}

.singlemessage .messageheader {
	padding: 4px 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
}
.singlemessage .message {
	padding: 6px 0 1em 0;
	border-bottom: 1px solid #000;
	margin-bottom: 6px;
}

/* ----------------------------------------------------- Tables */

table {
	width: 100%;
	border-top: 1px solid #000;
	border-collapse: collapse;
}

td, th {
	padding: 1px;
}

th {
	border-bottom: 1px solid #000;
}

td {
	border-bottom: 1px dashed #aaa;
}

tbody tr:hover {
	background: #efefef;
}

table a:focus,
table a:hover,
table a:active {
	text-decoration: none;
}

.unread {
	font-weight: bold;
}

.inboxlist .tcol1 {
	width: 102px;
}

.inboxlist .tcol3,
.requestlist .tcol3 {
	width: 60px;
}

.requestlist .tcol1 {
	width: 30px;
	padding: 0 1px;
}

.requestlist .icon {
	margin: 0 1px -5px 2px;
	float: none;
	display: block;
}

/**
 * pagedArea
 *
 * defining the styles needed for messages listings
 * that can be paged via ajax.
 *
 * @section pagedArea
 */
.pagedArea {
	background: #fff url(img/ajax-loader.gif) center center no-repeat;
	height:146px;
	margin-top:-9px;
	overflow:hidden;
	position:relative;
}

 .pagedArea .loader {background-image: none; background-color:#fff;}
 .pagedArea .pagedAreaList {height:119px; border-bottom: 0px solid purple; border-top: 1px solid #000;}
 .pagedArea .pagedAreaList table {border-bottom: 1px solid #fff; border-top:0;}
 .pagedArea .pagedAreaList table tr {}
 .pagedArea .pagedAreaList table td {
	 height:17px;
	 vertical-align: top;
	 overflow:hidden;
 }

 .pagedArea .pagedAreaControl {border-top: 1px solid #000; text-align:right; position:relative; top:0; width:342px;}
 .pagedArea .pagedAreaControl .tablepaging {display:block; width:auto; float:right; border:0;}
 .pagedArea .pagedAreaControl .tablepaging ul,
 .pagedArea .pagedAreaControl .tablepaging h4,
 .pagedArea .pagedAreaControl .tablepaging li {display:block; float:left; margin:0; padding:0; width:auto;}
 .pagedArea .pagedAreaControl .tablepaging h4,
 .pagedArea .pagedAreaControl .tablepaging li {padding-right:6px;}

 .pagedArea .pagedAreaControl .tablepaging li.nav {width:6px; overflow:hidden; text-indent: 16px;}
 .pagedArea .pagedAreaControl .tablepaging li.nav a {display:block; background:url(img/arrow-left-end.gif) 0 center no-repeat; float:left; height:17px; width:6px;}
 .pagedArea .pagedAreaControl .tablepaging li.nav.prev a {background-image: url(img/arrow-left.gif);}
 .pagedArea .pagedAreaControl .tablepaging li.nav.next a {background-image: url(img/arrow-right.gif);}
 .pagedArea .pagedAreaControl .tablepaging li.nav.last a {background-image: url(img/arrow-right-end.gif);}

 div.paginationControl a,
 div.paginationControl a:hover {
 	text-decoration: none;
 }

/**
 * Basics
 *
 * defining multi useable, speaking classes
 *
 * @section basic
 */
.clear {clear:both;}

/* ----------------------------------------------------- Table Paging */

.tablepaging {
	text-align: right;
	padding-top: 3px;
	border-top: 1px solid #000;
	margin-top: -1px;
	margin-bottom: 25px;
}

.col2 .tablepaging * {
	display: inline;
	text-align: right;
}

.col2 .tablepaging li {
	display: inline;
	list-style: none;
	background: none;
	padding: 0;
	margin: 0 0 0 5px;
}

.tablepaging .active {
	font-weight: bold;
}

.tablepaging a:link,
.tablepaging a:visited {
	text-decoration: underline;
}

.tablepaging a:focus,
.tablepaging a:hover,
.tablepaging a:active {
	text-decoration: none;
	color: #777;
}

.col2 .tablepaging a.first,
.col2 .tablepaging a.prev,
.col2 .tablepaging a.next,
.col2 .tablepaging a.last {
	text-indent: -999em;
	text-align: left;
	color: #fff;
	background: url(img/arrow-right.gif) 0 3px no-repeat;
}

.col2 .tablepaging a.prev {
	background-image: url(img/arrow-left.gif);
}

.col2 .tablepaging a.first {
	width:12px;
	background-image: url(img/arrow-left-end.gif);
}

.col2 .tablepaging a.last {
	background: url(img/arrow-right-end.gif) 0 3px no-repeat;
}



/* ----------------------------------------------------- Forms */

.pm-form {
	padding: 0 0 15px 0;
}

.pm-form fieldset {
	border-bottom: 1px dashed #999;
	padding: 8px 0;
}

.pm-form .field {
	position: relative;
	clear: both;
	min-height: 22px;
	margin-bottom: 1px;
}

.pm-form .error {
	background: #e5bebf;
}

.pm-form .field label {
	float: left;
	width: 120px;
	font-weight: bold;
	padding-top: 3px;
	height: 19px;
	font-size:100%;
}

.pm-form input[type=text],
.pm-form input[type=password] {
	font-size: 11px;
	padding: 2px 0 3px 0;
	width: 219px;
	display: block;
	margin-top: 1px;
	margin-right: 1px;
}
.pm-form input.date {
	width: 100px;
}
.pm-form input.field-captcha {
	margin-left:120px;
}

.pm-form textarea {
	font-size: 11px;
	padding: 2px 0 3px 0;
	width: 220px;
	height: 70px;
	line-height: 1.3em;
}

.pm-form select {
	font-size: 10px;
	width: 219px;
}

.pm-form .labellist {
	padding-left: 120px;
}

.pm-form .form-errors > li {
	border: solid #900 1px;
	padding: 0px 5px 0px 30px;
	background: url(img/icon-error.gif) 5px 5px no-repeat #e5bebf;
	margin-bottom: 2px;
}
.pm-form .form-errors * li {
	background: none;
	padding-bottom: 0px;
}

.pm-form .errortext .bottom {
	display: block;
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 220px;
	height: 20px;
	background: url(img/errorbox-bottom.gif) 0 0 no-repeat;
}

div.error label {
	margin-left: -3px;
	padding-left: 3px;
	background: #e5bebf;
}

.pm-form .field.submit {
	margin: 8px 0;
}

#formid,
.formid {
	position: absolute;
	top: -1000px;
	left: -1000px;
}


/* ----------------------------------------------------- Lightbox */

#lb-background {
	position: fixed!important;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.iframewrapper,
.magwrapper {
	position: fixed!important;
	z-index: 101;
	background: #fff;
}

.iframewrapper {
	overflow: hidden;
}

iframe#lb-content {
	border: 1px solid #000;
}

.iframewrapper a,
.magwrapper a {
	position: absolute;
	top: 4px;
	right: 4px;
}

/**
 * login lightbox
 *
 * @section lightbox
 * @subsection login
 */
input#remember {
	vertical-align: bottom;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0pt;
	width: 16px;
}

#lb-login-background {
	position: fixed!important;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

#lb-login-content.login {
	border: 1px solid #000;
	background: #fff;
	left: 0;
	position: fixed!important;
	top: 43px;
	z-index: 101;
}

#lb-login-close {
	position:absolute;
	right:3px;
	top:3px;
}

#lb-login-content.login h1 {
	border-bottom:1px solid #000000;
	font-size:12px;
	font-weight:bold;
	margin: 10px 18px;
	padding-bottom:2px;
}

#lb-login-content.login div.loader {
	background:#ffffff url(img/ajax-loader.gif) no-repeat scroll center center;
	margin:0 18px;
}

#lb-login-content.login div.loader.done {
	background:#ffffff none;
}

#loginbox form.pm-form {padding-bottom:0;}
#loginbox div.body {
	min-height: 86px;
	padding-bottom: 10px;
}

#loginbox h2 {display:none;}

#loginbox .login-link {
	margin-top: 5px;
	width: 129px;

}

/**
 * Downloads list
 *
 * @section downloads
 */
div#download-list div.loader,
div.news-downloads div.loader {
	background:#ffffff url(img/ajax-loader.gif) no-repeat scroll center center;
	height:20px;
}

div#download-list div.result,
div.news-downloads div.result,
div.event-detail div.booking-status {
	background: #e5e5e5 url(img/icon-info.gif) no-repeat 4px 4px;
	border: 1px solid #999;
	padding: 5px 4px 4px 24px;
}

/**
 * Search module
 *
 * @section extsearch-content
 */
input#term-extended {
	width: 320px;
}

div#search-content h3 {
	margin-top: 20px;
}

div#search-content .errorbox {
	background: #E5BFBF url(img/icon-error.gif) no-repeat 4px 4px;
	border: 1px solid #990000;
	margin: 10px 12px 10px 0;
	padding: 4px 24px;
}

div#search-content .errorbox p {
	margin: 0 8px;
}

div#search-content p {
	margin: 20px 0px 20px 0px;
}

.searchResult h2 {
	margin-bottom: 3px;
}

div#search-content .searchResult {
        margin: 35px 0px 35px 0px;
}

div#search-content span.searchHighlighted {
	background-color: #E0E0E0;
}

div#search-content a.searchresult_header:link,
div#search-content a.searchresult_header:visited,
div#search-content a.searchresult_header:focus {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

div#search-content a.searchresult_header:hover,
div#search-content a.searchresult_header:active,
div#search-content a.searchresult_header:hover *,
div#search-content a.searchresult_header:active * {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

div#search-content a.searchresult_text:link,
div#search-content a.searchresult_text:visited,
div#search-content a.searchresult_text:focus {
	text-decoration: none;
}

div#search-content a.searchresult_text:active,
div#search-content a.searchresult_text:hover,
div#search-content a.searchresult_text:active *,
div#search-content a.searchresult_text:hover * {
	text-decoration: underline;
}

div#search-content .search-explanation p {
	margin: 0px 0px 5px 0px;
}

div#search-content .search-explanation h3 {
	margin: 20px 0px 0px;
}

#search-content input[type="radio"] {
	margin-top: 1px;
	vertical-align: middle;

}
#search-content label {
	vertical-align:middle;
	font-size: 10px;
}


/* ----------------------------------------------------- News Listings */

.newslist {
	padding: 0 0 5px 0;
}

.newslist li {
	border-bottom: 1px dashed #999;
	padding: 8px 0;
	min-height: 30px;
}

.newslist h3,
.newslist p {
	margin: 0 0 0 64px;
}

.newslist div {
	float: left;
	width: 64px;
}


/* ------------------------------------------------------- Pagination */
/* used in the message module */
.table-paginate {
	float:right;
	margin-bottom:10px;
	margin-top:5px;
}
.paginate {
	float:right;
	margin-bottom:10px;
	margin-top:10px;
}
.paginate a {
	text-decoration: none;
}

ul.paginationControl li {
    padding: 0;
    background: none;
    float: left;
    margin-left: 3px;
}

ul.paginationControl li a:hover {
    text-decoration: none;
}

ul.paginationControl li a span {
    cursor: pointer;
}

.paginate-button {
	height: 15px;
	min-width: 15px;
	text-align: center;
	font: 10px Arial;
    color: #000;
	padding-top: 1px;

}

ul.paginationControl li.paginate-clear span {
    display: block;
    height: 15px;
}

ul.paginationControl li.paginate-prev a,
ul.paginationControl li.paginate-prev span {
	background: transparent url(img/paginate/prev.png) no-repeat scroll left top;
    display: block;
    height: 15px;
    width: 15px;
}

ul.paginationControl li.paginate-next a,
ul.paginationControl li.paginate-next span {
	background: transparent url(img/paginate/next.png) no-repeat scroll left top;
    display: block;
    height: 15px;
    width: 15px;
}

ul.paginationControl li.paginate-page-active {
	background: transparent url(img/paginate/paginate_bg_active_left.png) no-repeat left top;
}

ul.paginationControl li.paginate-page-active span {
	background: transparent url(img/paginate/paginate_bg_active_right.png) no-repeat right top;
    margin: 0;
    height: 15px;
    display: block;
}

ul.paginationControl li.paginate-page-active span span {
	background: transparent url(img/paginate/paginate_bg_active_span.png) repeat-x left top;
    display: block;
    padding: 1px 0 0;
    margin: 0 3px;
    height: 15px;
    min-width: 10px;
}

ul.paginationControl li.paginate-page-inactive {
	background: transparent url(img/paginate/paginate_bg_inactive_left.png) no-repeat left top;
}

ul.paginationControl li.paginate-page-inactive a {
	background: transparent url(img/paginate/paginate_bg_inactive_right.png) no-repeat right top;
    margin: 0;
    height: 15px;
    display: block;
    z-index: 1000;
}

ul.paginationControl li.paginate-page-inactive a span {
	background: transparent url(img/paginate/paginate_bg_inactive_span.png) repeat-x left top;
    display: block;
    padding: 1px 0 0;
    margin: 0 3px;
    height: 15px;
    min-width: 10px;
    z-index: 10;
}

/* ------------------------------------------------------- Pagination */
/* used in the images module */

#wrapper #paging .paginate {
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	}

/** my pm styles */
table.bonuspoints {
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-collapse: collapse;
	margin-bottom: 8px;
}

table.bonuspoints th {
	font-weight: bold;
}

table.bonuspoints tr:first-child th {
	border-bottom: none;
}

table.bonuspoints td.info {
	width: 125px;
}

table.bonuspoints th.last-child,
table.bonuspoints td.last-child {
	padding-right: 0px;
}

table.bonuspoints th,
table.bonuspoints td {
	padding-right: 6px;
}
th.pointcount-neg {
	text-align: right;
}
th.pointcount {
	text-align: right;
}
td.pointcount-neg {
	color: red;
	text-align: right;
}
td.pointcount {
	color: green;
	text-align: right;
}

.mypm textarea {
	width: 180px;
	height: 60px;
	padding: 3px;
	line-height: 1.3em;
}

.mypm .nested-table {
	border-bottom: medium none;
	width: 327px;
	margin-left: 15px;
}

.mypm label,
.mypm input[type="radio"],
.mypm input[type="checkbox"] {
  vertical-align:middle;
}

.mypm .mypm-selector {
	font-size: 11px;
	font-weight: normal;
}

.mypm input[type="text"],
.mypm input[type="password"],
.mypm input[type="file"],
.mypm textarea {
	width: 169px;
	margin-bottom: 2px;
}
.mypm select {
	width:176px;
}
.mypm .sleak {
	width:210px;
}
.mypm .sleak input {
	width: 50px;
}

.mypm img {
	margin-left: 3px;
}

.mypm dt {
	float: left;
	width: 120px;
	font-weight: bold;
}

.mypm label, .mypm legend {
	font-weight: bold;
	font-size: 11px;
}

.mypm input[type="checkbox"] {
	margin-right: 2px;
}

.mypm .labellist label {
	font-weight: normal;
}

.mypm dd {
	float: left;
	padding: 3px;
}

.mypm hr {
	border-top-style: dashed;
}

.mypm h3 {
	font-weight: bold;
	font-size: 12px;
}

.mypm table {
	 border-top: none;
	 border-bottom: solid black 1px;
}

.mypm th {
	font-weight: bold;
        width: 220px;
}

.mypm tr,
.mypm td,
.mypm th	 {
	border-bottom: none;
}

.mypm tbody tr:hover {
	background: none;
}

.mypm #captcha-input {
	margin-left:124px;
}

.mypm .errortext {
	border: solid #900 1px !important;
	padding: 0px 5px 0px 30px !important;
	background: url(img/icon-error.gif) 5px 5px no-repeat #e5bebf !important;
}
.mypm .errortext * li {
	background: none;
	padding-bottom: 0px;
}
.mypm .form-errors > li {
	border: solid #900 1px !important;
	padding: 0px 5px 0px 30px !important;
	background: url(img/icon-error.gif) 5px 5px no-repeat #e5bebf !important;
}
.mypm .form-errors * li {
	background: none;
	padding-bottom: 0px;
}

.mypm .field {
	margin-bottom: 10px !important;
}

.mypm .number {
	font-weight: bold;
}

.mypm .info {
	margin-bottom: 8px;
}

.mypm .message,
.mypm.message {
	background: #e5e5e5 url(img/icon-info.gif) no-repeat 4px 4px;
	border:1px solid #999;
	padding: 4px 4px 4px 25px;
	margin-bottom: 5px;
	margin-top: 4px;
	float: none;
}

.mypm.error {
	background: #e5bebf url(img/icon-error.gif) no-repeat 4px 4px;
	border:1px solid #900;
	padding: 4px 4px 4px 25px;
	margin-bottom: 5px;
	margin-top: 4px;
}

.mypm .description {
	clear:both;
}

.mypm .salonform .description {
	width:182px;
}

.mypm .line {
	border-bottom: dashed #aaa 1px;
	width: 312px;
	clear: both;
}

.mypm.event-registration .line {
	border-bottom: dashed #ccc 1px;
	width: 312px;
	clear: both;
	margin-bottom: 8px;
	padding-top: 5px;
}

.mypm .mypm-form {
        float: left;
        position: relative;
}

.mypm .mypm-form dd #submit{
        margin-left: 88px;
        margin-right: 0px !important;
}

.captcha-form img {
	margin-left: 124px;
	margin-bottom: 10px;
}


div#tagcloud {
	text-align: center;
	line-height: 22px;
}

div#tagcloud a.tagCloud_1,
div#tagcloud a.tagCloud_2,
div#tagcloud a.tagCloud_3,
div#tagcloud a.tagCloud_4,
div#tagcloud a.tagCloud_5 {
	color: #9A9A9A;
	font-family: Arial;
}

div#tagcloud a.tagCloud_1,
div#tagcloud a.tagCloud_1:visited,
div#tagcloud a.tagCloud_1:active {
	font-size: 90%;
}

div#tagcloud a.tagCloud_2,
div#tagcloud a.tagCloud_2:visited,
div#tagcloud a.tagCloud_2:active {
	font-size: 120%;
}

div#tagcloud a.tagCloud_3,
div#tagcloud a.tagCloud_3:visited,
div#tagcloud a.tagCloud_3:active {
	font-size: 150%;
}

div#tagcloud a.tagCloud_4,
div#tagcloud a.tagCloud_4:visited,
div#tagcloud a.tagCloud_4:active {
	font-size: 180%;
}

div#tagcloud a.tagCloud_5,
div#tagcloud a.tagCloud_5:visited,
div#tagcloud a.tagCloud_5:active {
	font-size: 210%;
}

div#tagcloud a.tagCloud_1:hover,
div#tagcloud a.tagCloud_2:hover,
div#tagcloud a.tagCloud_3:hover,
div#tagcloud a.tagCloud_4:hover,
div#tagcloud a.tagCloud_5:hover {
	text-decoration: underline;
}

/**
 * jQuery autocomplete
 *
 * @section jquery autocomplete
 */
body .ac_results,
body .ac_results li {
	font-family:arial,sans-serif;
	font-size:10px;
}

body .ac_results strong {
	text-decoration:underline;
}

body .ac_results, div.suggestHeader {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
}

body .ac_results, div.suggestHeader:hover {
	background-color: #FFFFFF;
	color: #000000;
}

div.search_suggest_result ul li {
	padding: 0px;
}

div.search_suggest_result ul li div {
	padding: 2px 5px;
	min-width: 120px;
}

.indicator {
	background: url(img/ajax-loader.gif) center center no-repeat !important;
	color: transparent;
	border: none;
}


optgroup {
	font-style: normal;
}

a.factsheet {
	font-weight: bold;
	font-size: 11px;
}

/**
 * eMag Iframe wrapper
 */
.magwrapper h1 {
	border-bottom: 1px solid #000000;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 18px 0;
	padding-bottom: 2px;
}

.magwrapper .head {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.magwrapper iframe {
	border-top: 0px;
}

.magwrapper iframe#lb-content {
	border-top: 0px;
}

/* journalist info line below the news header */
.journalist-info {
	font-size: 10px;
	margin-bottom: 45px;
}


/* unsupported Browser Information Lightbox */
.unsupportedBrowser {
    margin: 10px;
    width: 340px;
}
.unsupportedBrowser h2 {
    font-size: 16px;
}

/* special indicator style for links */
.indicator-link {
	display: inline-block;
	width: 30px;
	height: 15px;
	vertical-align: middle;
}
#password-strength {
	padding-left: 120px;
	background-color: white;
	clear: both;
}

.password-strength-bar {
	overflow: visible;
	filter: none !important;
}

/* ------------------------------------------------------- */
.form-element.jqerror {
	background-color: #e5bebf;
	padding: 1px;
}

.form-element.jqerror.errortext {
	background-color: #e5bebf;
	width: 305px;
	margin: 3px 0px;
}

label.jqerror {
	font-weight: normal;
}

.form-element p {
	margin-bottom: 0;
}

.mypm dd fieldset {
	margin-left: -3px;
}
.mypm .form-element {
	width: 340px;
}
li.jqerror {
	padding: 5px 0 0 15px
}
dd.jqerror.errortext {
	width: 305px;
}
.mypm .errorfield {
	background-color: #e5bebf;
	line-height:21px;
	float:left;
	width:340px;
	padding:1px;
}


.trainerdata tr {
	border-bottom: 1px dashed #ccc;
	padding: 2px 0;
}

.trainerdata th {
	width: 170px;
}

.trainerdata td:last-child {
	text-align: right;
}

.trainerdata tr:last-child {
	border-bottom: none;
}

.trainerdata tr.headerrow {
	border-bottom: 1px solid black;
}

.trainerdata table {
	border: none;
	margin-top: 25px;
}

/* ------------------------------------------------------- */
/* Facebook I like button */
/* ------------------------------------------------------- */
div#fb_likebutton {
	clear: both;
}

div#fb_likebutton.fb_likebutton_border_top {
	border-top: 1px dashed #C0C0C0;
	padding-top: 12px;
	margin-top: 18px;
}