/************************************************
* Avène USA Main-Stylesheet	v1.0				*
* Media: Screen	/ All Broswers					*
* Creator: Tobias Karsch, Birch Cove GmbH DE	*
* Edited with BBEdit on a MacBook				*
************************************************/

body {
    background:#5c7f9f url("../sysimages/background_page_new.jpg") repeat-x top left;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

body.physiciansLayout {
    background:#e0e1e3 url("../sysimages/background_page_grey_new.jpg") repeat-x top left;
}

.none {
display:none;
}

img {
    border: 0;
}

input {
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 11px;
}


/* HEADER 
===================================================================*/

#topwrapperBox {
    display: block;
    width: 100%;
}

#headerBox {
    display: block;
    width: 995px;
    height: 120px;
    margin: 0 0 35px 0;
    padding: 0;
    overflow: visible;
}

#logoBox {
    display: block;
    float: left;
    overflow: hidden;
    width: 155px;
    height: 120px;
    background: url("../sysimages/avene_logo.png") no-repeat transparent;
}

body.physiciansLayout #logoBox {
    background: url("../sysimages/avene_logo.png") no-repeat transparent;
}

#menuBox {
    display: block;
    overflow: visible;
    float: left;
    width: 840px;
    height: 120px;
    background: transparent;
    margin: 0;
    padding: 0;
}

#metaNavigation {
    display: block;
    float: right;
    height: 25px;
    background: #f3f7fb;
    margin: 0 0 35px 0;
}

body.physiciansLayout #metaNavigation {
    background: #f9f9f9;
}

.nlSubscription {
	text-align:right;
	margin-top:30px;
	}
	
.nlSubscription input {
	margin:0 !important;
	}


#mainNavigation {
    clear: both;
    display: block;
    height: 55px;
    width: 840px;
    background: url("../sysimages/main_navi_shadowed.png") no-repeat transparent;
    padding: 0;
    margin: 0;
}

#mainNavigationHidden {
    clear: both;
    display: block;
    height: 55px;
    width: 840px;
    background: url("../sysimages/welcome_to_physicians.jpg") no-repeat transparent center center;
    padding: 48px 0 0 0;
    margin: 0 0 0 55px;
}

#mainNavigationHidden #upperNav,
#mainNavigationHidden #physicianNav,
#mainNavigationHidden #lowerNav {
    display:none;
}

/* MAINAREA
===================================================================*/

#mainwrapperBox {
    display: block;
    overflow: hidden;
    width: 995px;
    margin: 0 0 35px 0;
    padding: 0;
}


/* SIDEBAR
===================================================================*/

#sidebarBox {
    display: block;
    float: left;
    width: 165px;
    margin: 0 10px 0 0;
    padding-left: 155px;
}


/* CONTENT AREA
===================================================================*/

#contentBox {
    display: block;
    float: left;
    width: 665px;
}

#contentHeader1 {
    display: block;
    width: 665px;
    height: 25px;
    background: url("../sysimages/contentbox_head1.png") no-repeat transparent;
    overflow: hidden;
}

#contentHeader1 img{ 
    margin: 0 15px 0 10px;
    padding: 0;
}

#contentHeader2 {
    display: block;
    width: 665px;
    height: 5px;
    background: url("../sysimages/contentbox_head2.png") no-repeat transparent;
    overflow: hidden;
}

#contentBody {
    display: block;
    background: url("../sysimages/contentbox_body.png") repeat-y transparent;
    margin: 0;
    padding: 10px 0 15px 0;
}

#contentFooter {
    display: block;
    width: 665px;
    height: 30px;
    background: url("../sysimages/contentbox_foot.png") no-repeat transparent;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


/* FOOTER
===================================================================*/

#footerBox {
    display: block;
    clear: both;
    width: 100%;
    font-size: 11px;
}

.footerwrapperBox {
    display: block;
    margin: 0 0 0 155px;
    width: 835px;
    overflow: visible;
}

#footerNavigation {
    display: block;
    width: 100%;
    height: 25px;
    background-color:#FFFFFF;
}

#seoNavigation {
    display: block;
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    padding: 15px 0 15px 0;
}


/* SIDEBAR BOXES
===================================================================*/

/* >>> SIDEBAR - REUSED BODY AND FOOTER PARTS <<< */

.sbboxBody {
    display: block;
    width: 165px;
    background: url("../sysimages/sbteaser_body.png") repeat-y transparent;
}

.sbboxBody p,
.sbboxBody ul {
    margin: 0;
    padding: 10px 15px 10px 10px;
    font-size: 11px;
    color: #666666;
}

.sbboxBody ul {
    margin: 0 0 0 10px;
    padding-bottom:0 !important;
}

.sbboxBody img {
    margin: 0 0 0 1px;
    padding: 0;
    border: 0;
}

.sbboxBody a.moreLink {
    display: block;
    background: url("../sysimages/link_more.png") no-repeat right;
    height: 20px;
    padding: 0 20px 0 0;
    margin: 10px 15px 0 10px;
    text-align: right;
    font-size: 10px;
    text-decoration: none;
    color: #666666;
    line-height: 20px;
}

.sbboxBody a:hover,
.sbboxBody a:hover.moreLink2 {
    color: #fa8072;
}

.sbboxBody a.moreLink2 {
    display: block;
    background: url("../sysimages/arrow_contentlink.png") no-repeat transparent left 5px;
    padding: 0 0 0 10px;
    margin: 4px 5px 0 10px;
    text-align: left;
    font-size: 11px;
    text-decoration: none;
    color: #666666;
    line-height: 17px;
}


.sbboxFooter {
    display: block;
    width: 165px;
    height: 15px;
    background: url("../sysimages/sbteaser_foot1.png") no-repeat transparent;
}


/* >>> SIDEBAR - TEASER BOX SMALL HEADLINE <<< */

.teaserBox1 {
    margin-bottom: 10px;
}

.teaserBox1 .sbboxHeader {
    display: block;
    width: 165px;
    height: 30px;
    background: url("../sysimages/sbteaser_head1.png") no-repeat transparent;
    overflow: hidden;
    margin: 0;
}

.teaserBox1 .sbboxHeader img{
    margin: 10px 15px 0 10px;
    padding: 0;
}


/* >>> SIDEBAR - TEASER BOX SMALL HEADLINE <<< */

.teaserBox2 {
    margin-bottom: 10px;
}

.teaserBox2 .sbboxHeader {
    display: block;
    width: 165px;
    height: 50px;
    background: url("../sysimages/sbteaser_head2.png") no-repeat transparent;
    overflow: hidden;
    margin: 0;
}

.teaserBox2 .sbboxHeader img{
    margin: 10px 15px 0 10px;
    padding: 0;
}


/* >>> SIDEBAR - SUBNAVIGATION BOX 1 <<< */

.subnavBox1 {
    margin-bottom: 10px;
    font-size: 11px;
}

.subnavBox1 .sbboxHeader {
    display: block;
    width: 165px;
    height: 25px;
    overflow: hidden;
    background: url("../sysimages/sbteaser_head3.png") no-repeat transparent;
}

.subnavBox1 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.subnavBox1 li {
    display: block;
    width: 160px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
}

.subnavBox1 li.logMessage {
    display: block;
    width: 140px;
    width/: 160px;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
    color:#666666;
    font-weight:bold;
    padding:5px 10px 5px 10px;
}

.subnavBox1 li.killBorder {
    border: none;
}

.subnavBox1 a {
    display: block;
    width: 130px;
    padding: 5px 40px 5px 10px;
    text-decoration: none;
    color: #666666;
    background: url("../sysimages/arrow_submenu_normal.png") no-repeat;
    background-position: 150px 7px;
}

.subnavBox1 a:hover {
    color: #fa8072;
    text-decoration: none;
}

.subnavBox1 .selected {
    background: url("../sysimages/arrow_submenu_selected.png") no-repeat;
    background-position: 150px 7px;
    color: #fa8072;
}

.subnavBox1 .sbboxHeader img{
    margin: 0 15px 0 10px;
    padding: 0;
}

.sbboxNavFooter {
    display: block;
    width: 165px;
    height: 7px;
    background: url("../sysimages/sbteaser_foot2.png") no-repeat;
    overflow: hidden;
}

/* >>> SIDEBAR - LAST VIEWED PRODUCTS <<< */

table.productsLastviewed {
    border-collapse: collapse;
    margin: 20px 0 0 3px;
}

table.productsLastviewed td {
    vertical-align: top;
}

table.productsLastviewed h4{
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0 7px 0 3px;
    color: #999999;
}

table.productsLastviewed a:hover h4{
    color: #fa8072;
}

table.productsLastviewed p{
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 3px 7px 10px 3px;
    color: #999999;
}



/* NAVIGATIONAL ELEMENTS
===================================================================*/

/* >>> HEADER - LOGO HOME LINK <<< */

#logoBox a{
    display: block;
    width: 110px;
    height: 115px;
    margin: 20px 0 0 30px;
    text-decoration:none;
}


/* >>> HEADER - META NAVIGATION <<< */

#metaNavigation {
    color: #666666;
    font-size: 11px;
    padding: 0 5px 0 0;
}

#metaNavigation fieldset {
    margin:0;
    padding:0;
    border:0;
}

#metaNavigation a {
    text-decoration: none;
    color: #666666;
    margin: 0 15px 0 0;
}

#metaNavigation a:hover {
    color:#fa8072;
    text-decoration: none;
}

#metaNavigation ul {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 15px;
}

#metaNavigation ul li {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 0;
    padding:0;
}

#searchField{
    display: block;
    float: left;
    height: 12px;
    width: 150px;
    border: 1px solid #999999;
    margin: 5px 5px 0 30px;
    color: #999999;
    font-size: 10px;
    padding: 0 0 1px 0;
}

#subscriptionField {
    display: inline-block;
    height: 12px;
    width: 150px;
    border: 1px solid #999999;
    margin: 5px 5px 0 30px;
    color: #999999;
    font-size: 10px;
    padding: 0 0 1px 0;
}

#metaNavigation input.submit {
    border: 0;
    margin: 5px 5px 0 0;
}

/* >>> HEADER - MAIN NAVIGATION <<< */

#mainNavigation ul {
    list-style-type: none;
    margin: 0 0 0 4px;
    padding: 0;
}

#mainNavigation li a {
    display: block;
    padding: 0 5px 0 5px;
    background: url("../sysimages/divider_mainnav.png") no-repeat;
    background-position: top right;
}

#mainNavigation img {
    border: 0;
}

#mainNavigation .killDivider {
    background-image: none;
}

/* >>> HEADER - MAIN NAVIGATION UPPER <<< */

#upperNav {
    display: block;
    float: left;
    width: 700px;
    height: 25px;
    padding-left: 0;
    overflow: visible;

}

#upperNav a {
    padding: 10px;
}

#upperNav ul {
    margin-left: 120px;
}

#upperNav li {
    float: left;
    position: relative;
}

#upperNav li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border-top: none;
  z-index: 500;
}

#upperNav ul.dropdown {
    top: 25px;
    left: auto;
    margin: 0 0 0 5px;
    padding: 0 10px 10px 0;
    font-size: 11px;
    background: url("../sysimages/allprodlayer_shadow.png") no-repeat bottom right;
}

#upperNav ul.dropdown li {
    display: block;
    float: none;
    line-height: 12px;
    border: 1px solid #999999;
    border-top: none;
}

#upperNav ul.dropdown li a{
    display: block;
    width: 150px;
    background: #fbcbc3;
    text-decoration: none;
    color: #666666;
    line-height: 14px;
    padding: 5px 5px 5px 5px
}

#upperNav ul.dropdown li a:hover{
    background: #ffffff;
    color: #666666;
}

#upperNav li:hover ul, #uppernav li.over ul {
    display: block;
}


/* >>> HEADER - MAIN NAVIGATION PHYSICIANS <<< */

#physiciansNav {
    display: block;
    float: left;
    width: 135px;
    height: 25px;
}

#physiciansNav a {
    display: block;
    width: 140px;
    height: 25px;
    text-align: center;
    background: none;
}

/* >>> HEADER - MAIN NAVIGATION LOWER <<< */

#lowerNav {
    clear: both;
    display: block;
    width: 835px;
    height: 25px;
}

#lowerNav li {
    display: block;
    float: left;
    margin-top:1px;
}

/* >>> LAYER - ALL PRODUCTS NAVIGATION <<< */

.menuOpenIcon {
    height:23px;
    display:block;
    padding:8px 0 0 8px;
    margin:0 !important;
}

.menuOpenIcon a {
    margin:0 !important;
    padding:0 !important;
}

#allproductsLayer {
    display: block;
    position: absolute;
    top: 110px;
    left: 155px;
    color: #666666;
    display: none;
    z-index: 0;
}

#allproductsWrapper {
    padding: 0 10px 10px 0;
    background: url("../sysimages/allprodlayer_shadow.png") no-repeat bottom right;
    left: 0;
}

#allproductsLayer span {
    padding: 5px;
    font-weight: bold;
    font-size:13px;
}

#allproductsLayer table {
    position: relative;
    bottom: 0;
    border: none;
    border-collapse: collapse;
    font-size: 11px;
    margin-left: 1px;
    width: 834px;
}

#allproductsLayer td {
    border: 1px solid #999999;
    background: #fbcbc3;
}

#allproductsLayer td:hover {
    border: 1px solid #999999;
    background: #ffffff;
}

#allproductsLayer td a {
    display: block;
    color: #666666;
    padding: 5px;
    text-decoration: none;
    line-height: 12px;
}

#allproductsLayer td a:hover {
    background: #ffffff;
    color: #666666;
}

#allproductsLayer tr.noborder td {
    border-top: none;
}

#allproductsLayer tr.physiciansNavsec td{
    line-height: 25px;
        background: #dedede;
}

#allproductsLayer tr.physiciansNavsec a{
    display: inline;
    background: url("../sysimages/arrow_contentlink.png") no-repeat transparent center right;
    text-decoration: none;
    padding-right: 10px;
    color: #666666;
    font-size: 11px;
    line-height: 25px;
    font-weight: bold;
}

#allproductsLayer tr.physiciansNavsec a:hover {
    color: #fa8072;
}


/* >>> LAYER - ALL PRODUCTS LINKBOX <<< */

.allProductsLinkbox,
.allProductsLinkboxHover,
.allProductsLinkboxAct {
    width:265px;
    height:155px;
    display:block;
    overflow:hidden;
    margin:20px 30px 0 20px;
    padding:0;
    cursor:pointer;
}

.allProductsLinkbox{
    background:transparent url(../sysimages/bg_allProductsLinkbox.png) no-repeat left top;
}

.allProductsLinkbox h2,
.allProductsLinkbox a.moreLink,
.allProductsLinkbox p{
    filter:alpha(opacity=35) !important;
    -moz-opacity: 0.35 !important;
    opacity: 0.35 !important;
}

.allProductsLinkboxHover h2,
.allProductsLinkboxHover a.moreLink,
.allProductsLinkboxHover p{
    /*filter:alpha(opacity=100) !important;*/
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
}

.allProductsLinkboxHover,
.allProductsLinkboxAct{
    background:transparent url(../sysimages/bg_allProductsLinkbox_act.png) no-repeat left top;
}

.allProductsLinkbox h2,
.allProductsLinkboxHover h2,
.allProductsLinkboxAct h2{
    width:248px;
    height:18px;
    display:block;
    overflow:hidden;
    margin:0 !important;
    padding:20px 0 0 15px !important;
}


.allProductsLinkbox p,
.allProductsLinkboxHover p,
.allProductsLinkboxAct p{
    width:248px;
    height:42px;
    display:block;
    overflow:hidden;
    margin:0 !important;
    padding:15px 10px 0 15px !important;
    font-weight:bold;
    font-size:13px !important;
}

.allProductsLinkbox a.moreLink,
.allProductsLinkboxHover a.moreLink,
.allProductsLinkboxAct a.moreLink,
.allProductsLinkboxAct a.moreLinkAct{
    display: block;
    background: url("../sysimages/link_more.png") no-repeat center right;
    height: 20px;
    padding: 0 22px 0 0 !important;
    margin:6px 15px 8px 0 !important;
    text-align: right;
    font-size: 10px;
    text-decoration: none;
    color: #666666;
    line-height: 20px;
    text-transform: uppercase;
}

.allProductsLinkbox a:hover.moreLink,
.allProductsLinkboxHover a:hover.moreLink,
.allProductsLinkboxAct a:hover.moreLink{
    color:#fa8072;
}

.allProductsLinkboxAct a.moreLinkAct {
    color:#fa8072;
    font-weight:bold !important;
}

#allProductsLinkbox1 {
    float:left;
}

/* >>> SIDEBAR - SUB NAVIGATION /// SEE SIDEBAR BOXES SECTION <<< */


/* >>> CONTENTAREA - CONTENT FOOTER NAVIGATION <<< */

#contentFooter ul {
    float: right;
    list-style-type: none;
    margin: 0 15px 0 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 10px;
}

#contentFooter li {
    display: block;
    float: left;
    height: 25px;
    margin: 0 0 0 30px;
    padding: 0;
}

#contentFooter a {
    display: block;
    line-height: 25px;
    padding: 0 20px 0 0;
    margin: 0;
    text-decoration: none;
    color: #999999;
}

#contentFooter a:hover {
    color:#fa8072;
    text-decoration: none;
}

a.tellfriendLink {
    background: url("../sysimages/icon_mail.png") no-repeat transparent right;
}

a.tellfriendLink:hover {
    background: url("../sysimages/icon_mail_over.png") no-repeat transparent right;
}

a.printLink {
    background: url("../sysimages/icon_print.png") no-repeat transparent right;
}

a.printLink:hover {
    background: url("../sysimages/icon_print_over.png") no-repeat transparent right;
}

a.topLink {
    background: url("../sysimages/icon_top.png") no-repeat transparent right;
}

a.topLink:hover {
    background: url("../sysimages/icon_top_over.png") no-repeat transparent right;
}


/* >>> FOOTER - FOOTER NAVIGATION <<< */

#footerNavigation {
    color: #666666;
}

#footerNavigation a {
    text-decoration: none;
    color: #666666;
}

#footerNavigation a:hover {
    color:#fa8072;
    text-decoration: none;
}
#footerNav_left{
    float: left;
}

#footerNav_left ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footerNav_left li {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0 15px 0 0;
    padding: 0;
}

#footerNav_right {
    display: block;
    float: right;
    text-transform: uppercase;
    height: 25px;
    line-height: 25px;
}

#footerNav_right img {
    vertical-align: text-bottom;
}


/* >>> FOOTER - SEO NAVIGATION <<< */

#seoNavigation a {
    text-decoration: none;
    color: #999999;
    background: url("../sysimages/divider_seonav.png") no-repeat right;
    padding-right: 10px;
}

#seoNavigation a:hover {
    color: #fa8072;
    text-decoration: none;
}

#seoNavigation ul {
    float: left;
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#seoNavigation li {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding:0;
}

#seoNavigation .killDivider {
    background-image: none;
}

/* CONTENT AREA BLOXX
===================================================================*/

/* >>> CONTENT COLUMN SET - BASIC 2 COLUMNS<<< */

#contentBody table.twoColumns {
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

#contentBody table.twoColumns td {
    vertical-align: top;
}


/* >>> CONTENT TEASER MODEL <<< */

.contentTeaser {
    position: relative;
    display: block;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    background: top;
}

#contentBody table.twoColumns .contentTeaser {
    margin: 0 25px 0 0;
}

.contentTeaser p {
    visibility: hidden;
    margin: 0;
    padding: 0;
}

.contentTeaser a.moreLink_left {
    display: block;
    background: url("../sysimages/link_more.png") no-repeat right top;
    height: 15px;
    padding: 0 20px 0 0;
    font-size: 11px;
    text-decoration: none;
    color: #999999;
    line-height: 15px;
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.contentTeaser a.moreLink_right {
    display: block;
    background: url("../sysimages/link_more.png") no-repeat right top;
    height: 15px;
    padding: 0 20px 0 0;
    font-size: 11px;
    text-decoration: none;
    color: #999999;
    line-height: 15px;
    position: absolute;
    bottom: 10px;
    right: 15px;
}


.contentTeaser a:hover {
    color: #fa8072;
}

#contentcolumnRight {
    padding-right: 0;
    width: auto;
}

/* >>> COMPOSITION SLIDER FOR DETAILED PRODUCTS INFORMATION <<< */

.compositionOpen {
    margin: 20px 0 10px 20px;
    font-size: 11px;
}

.compositionOpen a {
    text-decoration: none;
    background: url("../sysimages/arrow_composition_closed.png") no-repeat;
    background-position: center left;
    color: #666666;
    padding-left: 10px;
}

.compositionOpen a:hover{
    color: #fa8072;
}

.compositionDetail {
    display: none;
    padding-bottom: 20px;
}

#contentBox .compositionDetail p {
    font-size: 9px;
    text-transform: uppercase;
    padding-left: 10px;
}

/* >>> EXPAND/COLLAPSE BOX <<< */



.expandBoxOpen {

    margin: 20px 0 5px 20px;

    font-size: 11px;

    background: url("../sysimages/background_skintypes_bottom.png") no-repeat bottom left;

    display: block;

    padding:0 0 5px 0;

}



.expandBoxOpen a {
    text-decoration: none;
    background: url("../sysimages/background_skintypes_top.png") no-repeat top left;
    background-position: center left;
    color: #666666;
    padding:0 10px 7px 25px;
    display: block;
}



.expandBoxOpen a:hover{

    color: #fa8072;

}



.expandBoxDetail {

    display: none;

    padding-bottom: 20px;

    margin: 20px 0 5px 20px;

    background-color:#eaeaea;

}



.expandBoxDetail p {

    font-size: 9px;

    padding-left: 10px;

}


/* TYPOGRAPHIC ELEMENTS
===================================================================*/

#contentBox {
    color: #666666;
}

#contentBox h1 {
    padding: 0;
    margin: 10px 30px 0 20px;
    color: #fa8072;
    font-family: Times New Roman, Times, serif;
    font-weight: normal;
    font-size: 22px;
}

#contentBox h1.subpages {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
}

#contentBox h2 {
    padding: 0;
    margin: 0 30px 0 20px;
    font-size: 16px;
    font-weight: normal;
}

#contentBox h3 {
    padding: 0;
    margin: 20px 30px 0 20px;
    font-size: 11px;
    font-weight: bold;
    color: #fa8072;
}

#contentBox h4 {
    padding: 0;
    margin: 20px 30px -15px 20px;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
}

#contentBox p {
    font-size: 11px;
    margin: 20px 30px 0 20px;
    padding: 0;
    line-height: 15px;
}

#contentBox .imagefull {
    margin:20px 30px 0pt 20px;
    padding: 0;
}

a {
    text-decoration: none;
    color: #fa8072;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #fa8072;
}

/* >>> LINK TYPES WITH ICON <<< */

#facebox span.arrowedLink a,
#contentBox span.arrowedLink a,
#contentBox a.arrowedLink {
    background: url("../sysimages/arrow_contentlink.png") no-repeat transparent center right;
    text-decoration: none;
    padding-right: 10px;
    color: #fa8072;
    font-size: 11px;
    line-height: 11px;
}

#facebox span.arrowedLink a:hover,
#contentBox span.arrowedLink a:hover,
#contentBox a:hover.arrowedLink {
    text-decoration: underline;
}

#contentBox a.offpageLink {
    background: url("../sysimages/icon_external_link.png") no-repeat transparent center right;
    text-decoration: none;
    padding-right: 15px;
    color: #fa8072;
    font-size: 11px;
    line-height: 11px;
}

#contentBox a:hover.offpageLink {
    text-decoration: underline;
}

#contentBox a.pdfLink {
    background: url("../sysimages/icon_pdf.png") no-repeat transparent center right;
    text-decoration: none;
    padding-right: 15px;
    color: #fa8072;
    font-size: 11px;
    line-height: 11px;
}

#contentBox a:hover.pdfLink {
    text-decoration: underline;
}

#contentBox a.documentLink {
    background: url("../sysimages/icon_document.png") no-repeat transparent center right;
    text-decoration: none;
    padding-right: 15px;
    color: #fa8072;
    font-size: 11px;
    line-height: 11px;
}

#contentBox a:hover.documentLink {
    text-decoration: underline;
}

#contentBox a.emailLink {
    background: url("../sysimages/icon_mail.png") no-repeat transparent center right;
    text-decoration: none;
    padding-right: 15px;
    color: #fa8072;
    font-size: 11px;
    line-height: 11px;
}

#contentBox a:hover.emailLink {
    text-decoration: underline;
}


/* >>> HORIZONTAL CONTENT DIVIDER <<< */

#contentBody hr {
    margin: 20px 20px 0 20px;
    color: #bebebe;
    background: #bebebe;
    height: 1px;
    border: 0;
    clear: both;
}

/* >>>  PAGINATION FOR RESULT PAGES <<< */

#contentBody hr.paginationDivider {
    margin: 20px 20px 20px 20px;
    color: #bebebe;
    background: #bebebe;
    height: 1px;
    border: 0;
    clear: both;
}

#contentBody p.counterPagination {
    float: left;
    padding: 0 0 5px 0;
}

#contentBody p.linksPagination {
    float: right;
    padding: 0 0 5px 0;
    text-transform: uppercase;
}

#contentBody p.linksPagination a {
    color: #666666;
    text-decoration: underline;
}

#contentBody p.linksPagination a:hover {
    color: #fa8072;
    text-decoration: underline;
}

#contentBody p.linksPagination a.nextLink, #contentBody p.linksPagination a.previousLink {
    text-decoration:none;
}

/* >>> UNORDERED LISTS <<< */

#contentBody ul {
    list-style-image: url("../sysimages/bullet_unorderedlist.png");
    font-size: 11px;
    margin: 20px 25px 10px 0;
    padding: 3px 0 0 35px;
}


/* INDIVIDUAL LAYOUT - HOMEPAGE
===================================================================*/

/* >>> MAIN SPACER TO ADJUST FOOTER <<< */

#hptopwrapperBox {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 350;
}

#hpmainSpacer {
    display: block;
    height: 685px;
    width: 100%;
}


/* >>> ALL PRODUCTS TEASER <<< */

#allprodteaserBox {
    display: block;
    position: absolute;
    top: 110px;
    left: 155px;
    width: 340px;
    height: 360px;
    overflow: hidden;
    z-index: 100;
}

#allprodteaserBox p {
    font-size: 10px;
    color: #666666;
    margin: 50px 30px 30px 30px;
    border: 1px solid #999999;
    background: #ffffff;
    padding: 10px;
}

#allprodteaserBox p a {
    color: #666666;
}

/* >>> TESTIMONIAL BUBBLE <<< */

#testimonialBox {
    display: none;
    position: absolute;
    margin: 160px 0 0 510px;
    width: 225px;
    z-index: 100;
}

#testimonialTop {
    display: block;
    width: 225px;
    font-family: Times New Roman, serif;
    overflow: visible;
    background: url("../sysimages/hp_testimonial_top.png") no-repeat;
    padding: 10px 0 10px 0;
}

#testimonialTop p {
    font-size: 20px;
    color: #666666;
    padding: 0;
}

#testimonialTop p.testimonialQuotation {
    font-size: 20px;
    margin: 0 25px -15px 15px;
}

#testimonialTop span.quotein {
    font-size: 40px;
    line-height: 10px;
    color: #fa8072;
    vertical-align: bottom;
}

#testimonialTop span.quoteout {
    font-size: 40px;
    color: #fa8072;
    vertical-align: top;
}

#testimonialTop p.testimonialDetail {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 25px 10px 15px;
}

#testimonialTop a.moreLink {
    display: block;
    width: 55px;
    background: url("../sysimages/link_more.png") no-repeat top right;
    padding: 0 0 0 15px;
    font-size: 11px;
    text-decoration: none;
    color: #666666;
    line-height: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

#testimonialTop a:hover.moreLink {
    color: #fa8072;
}

#testimonialBottom {
    display: block;
    width: 225px;
    height: 7px;
    background: url("../sysimages/hp_testimonial_bottom.png") no-repeat;
}

/* >>> KEY VISUAL FACES <<< */

#facesBox {
    display: block;
    position: absolute;
    top: 110px;
    left: 494px;
    width: 500px;
    height: 360px;
    overflow: hidden;
    z-index: 100;
}

/* >>> TEASER BOXES <<< */

#hpteaserBox {
    position: absolute;
    display: block;
    height: 175px;
    width: 840px;
    margin-top: 470px;
    margin-left: 155px;
    z-index: 200;
}

#hpteaserBox p {
    margin: 0;
    padding: 0;
}

.hpTeaser {
    display: block;
    float: left;
    width: 265px;
    height: 175px;
    background: url("../sysimages/teaserbox_home.png") no-repeat;
    margin-right: 15px;
    padding: 0;
    font-size: 11px;
    color: #666666;
    overflow: hidden;
}

.hpteaserHead {
    display: block;
    width: 240px;
    height: 30px;
    margin: 10px 15px 0 10px;
}

.hpteaserBody {
    display: block;
    width: 260px;
    height: 130px;
}

.hpteaserText {
    display: block;
    width: 140px;       /* Variabel: bis max. 240px */
    height: 85px;
    float: right;       /* Variabel: right oder left */
    margin: 10px;
    overflow: hidden;
}

.hpteaserText a {
    text-decoration: none;
    color: #fa8072;
}

.hpteaserMorelink {
    clear: both;
    display: block;
    width: 240px;
    height: 15px;
    margin: 0 10px 10px 10px;
    text-align: right;
}

.hpteaserMorelink a {
    display: block;
    background: url("../sysimages/link_more.png") no-repeat right top;
    height: 15px;
    padding: 0 20px 0 0;
    font-size: 11px;
    text-decoration: none;
    color: #666666;
    line-height: 15px;
}

.hpteaserMorelink a:hover {
    text-decoration: none;
    color: #fa8072;
}

/* DERIVED LAYOUT - HOMEPAGE PHYSICIANS
===================================================================*/

#allprodphysiciansBox {
    display: block;
    position: absolute;
	border:0 !important;
    top: 120px;
    left: 155px;
    width: 540px;
    height: 400px;
    overflow: hidden;
    z-index: 100;
}

#allprodphysiciansBox p {
    font-size: 10px;
    color: #666666;
    margin: 50px 30px 30px 30px;
    border: 1px solid #999999;
    background: #ffffff;
    padding: 10px;
}

#allprodphysiciansBox p a {
    color: #666666;
}

#dispensingteaserBox {
    display: block;
    position: absolute;
    top: 285px;
    left: 710px;
    width: 265px;
    height: 155px;
    overflow: visible;
    z-index: 100;
    margin: 0;
    padding: 0;
}

/* INDIVIDUAL LAYOUT - SPLASHPAGE
===================================================================*/

/* >>> MAKING FOOTER POSITIONED ABLSOLUTE <<< */

#splasherfooterBox {
    display: block;
    position: absolute;
    margin-top: 620px;
    display: block;
    clear: both;
    width: 100%;
    font-size: 11px;
}

#splasherteaserBox {
    display: block;
    position: absolute;
    margin: 110px 0 0 155px;
    width: 835px;
    height: 540px;
    z-index: -10;
}


/* INDIVIDUAL LAYOUT - ABOUT AVENE
===================================================================*/

/* >>> TABLE POSITIONING THE TEASERS <<< */

#contentBody table.aboutaveneTeaser {
    margin: 0 10px 0 10px;
    border-spacing: 10px;
    border-collapse: separate;
}

#contentBody table.aboutaveneTeaser td{
    padding: 0;
    margin: 0;
}


/* INDIVIDUAL LAYOUT - CLINICAL STUDIES
===================================================================*/

/* >>> TABLE FOR OVERVIEW DATA <<< */

#contentBody table.prodoverview3columns {
    margin: 0 10px 0 10px;
    border-spacing: 10px;
    font-size: 11px;
    text-align: center;
    border-collapse: separate;

}

#contentBody table.prodoverview3columns td{
    padding: 0;
    margin: 0 15px 0 0;
}

#contentBody .prodoverview3columns h2 {
    font-size: 11px;
    color: #fa8072;
    font-weight: bold;
    margin: 10px 0 10px 0;
    padding: 0;
}


/* INDIVIDUAL LAYOUT - CLINICAL STUDY
===================================================================*/

/* >>> TABLE FOR HEADER <<< */


#contentBody td.adjustCenter {
    padding-right: 25px;
    text-align: left;
    vertical-align: top;
}

/* >>> TABLE FOR DATA <<< */

#contentBody table.clinicalStudy {
    background: url("../sysimages/background_hl_clinical_study.png") no-repeat;
    width: 620px;
    margin: 10px 25px 0 20px;
    padding: 0;
    border-collapse: collapse;
    font-size: 11px;
}

#contentBody table.clinicalStudy th {
    vertical-align: top;
    text-align: left;
    padding: 0 10px 0 10px;
    line-height: 25px;
    color: #fa8072;
}

#contentBody table.clinicalStudy td {
    vertical-align: top;
    border-bottom: 1px solid #bebebe;
    padding: 10px 10px 10px 10px;
}


#contentBody table.clinicalStudy td table.imgtext-table{
    margin: 0 !important;
    padding: 0 !important;
    width:20%;
}

#contentBody table.clinicalStudy td table.imgtext-table td {
    border: 0 !important;
    padding: 0 !important;
}

#contentBody table.clinicalStudy tr.killDivider td {
    border-bottom: none;
}

#contentBody table.clinicalStudy p {
    margin: 0;
    padding: 0;
}

/* INDIVIDUAL LAYOUT - PRODUCT DETAIL
===================================================================*/

/* >>> TABLE TO SEPERATE CONTENT IN 2 COLUMNS <<< */

#contentBody table.productDetail {
    border-collapse: collapse;
    border-spacing: 0;
}

#contentBody table.productDetail td {
    vertical-align: top;
}

/* >>> INDIVIDUAL HEADLINES <<< */

#contentBody table.productDetail h1 {
    text-transform: uppercase;
    font-size: 18px;
}

#contentBody table.productDetail h2 {
    text-transform: uppercase;
    font-size: 18px;
}

#contentBox table.productDetail h3 {
    margin: 20px 30px -15px 20px;
}

#contentBox table.productDetail .imagefull {
    margin: 0 0 0 20px!important;
}

.compositionOpen a {
    cursor: pointer;
    text-decoration: none;
}

/* >>> PRODUCTS CAROUSEL <<< */

#contentBody table.carouselBox {
    margin: 35px 0 0 20px;
}

#contentBody table.carouselBox td {
    vertical-align: middle;
}

#contentBody .productsCarousel {
    width:340px !important;
    overflow:hidden;
}

#contentBody .productsCarousel table.carouselSingleproduct {
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    width: 170px;
}

#contentBody table.carouselSingleproduct td{
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

#contentBody .productsCarousel li {
    display: block;
    width: 180px;
    height: 140px;
    overflow: hidden;
}

#contentBody .productsCarousel img {
    float: left;
    margin-right: 10px;
}

#contentBody .productsCarousel h4 {
    margin: 0 0 10px 0;
    padding: 0;
}

#contentBody .productsCarousel p {
    margin-bottom: 10px;
    margin: 0 0 10px 0;
    padding: 0;
}

#contentBody table.carouselBox .next {
    cursor: pointer;
}

#contentBody table.carouselBox .prev {
    cursor: pointer;
}

#contentBody table.carouselBox .disabled {
    display:none;
}

/* INDIVIDUAL LAYOUT - PRODUCT GROUP BY INDICATION
===================================================================*/

/* >>> TABLE FOR PRODUCT OVERVIEW <<< */

#contentBody table.productoverviewIndication {
    margin: 40px 25px 0 20px;
    border-collapse: collapse;
}

#contentBody table.productoverviewIndication td {
    vertical-align: top;
    padding-bottom: 20px;
}

#contentBody table.productoverviewIndication h2 a {
    text-decoration: none;
    color: #666666;
}

#contentBody table.productoverviewIndication h2 a:hover {
    color: #fa8072;
}

/* INDIVIDUAL LAYOUT - SKIN TYPES / TYPE
===================================================================*/

/* >>> NAVIGATIONAL LIST FOR SKINTYPES <<< */

#contentBody ul.skinTypes {
    list-style-type: none;
    list-style-image: none;
    margin: 20px 0 0 20px;
    padding: 0;
}

#contentBody ul.skinTypes li {
    display: block;
    background: url("../sysimages/background_skintypes_bottom.png") no-repeat bottom left;
    margin: 0 0 5px 0;
    padding: 0;
}

#contentBody ul.skinTypes li a {
    display: block;
    background: url("../sysimages/background_skintypes_top.png") no-repeat top left;
    margin: 0 0 0 0;
    padding: 5px 10px 7px 25px;
    color: #666666;
    text-decoration: none;
    width: 510px;
}

#contentBody ul.skinTypes li a:hover {
    color: #fa8072;
}

#contentBody ul.skinTypes span {
    font-size: 16px;
}

/* >>> SUBNAVIGATIONAL LIST FOR SKINTYPE <<< */

#contentBody ul.skintypeSubnav {
    list-style-type: none;
    list-style-image: none;
    margin: 20px 0 0 20px;
    padding: 0;
}

#contentBody ul.skintypeSubnav li {
    display: block;
    background: url("../sysimages/background_skintype_bottom.png") no-repeat bottom left;
    margin: 0 0 5px 0;
    padding: 0;
}

#contentBody ul.skintypeSubnav li a {
    display: block;
    background: url("../sysimages/background_skintype_top.png") no-repeat top left;
    margin: 0 0 0 0;
    padding: 8px 10px 7px 25px;
    color: #666666;
    text-decoration: none;
    width: 180px;
}

#contentBody ul.skintypeSubnav li a:hover {
    color: #fa8072;
}

#contentBody ul.skintypeSubnav span {
    font-size: 16px;
}

/* INDIVIDUAL LAYOUT - SITEMAP
===================================================================*/

/* >>> LIST FOR SITEMAP ITEMS <<< */

#contentBody ul.sitemapList {
   list-style-image: none;
   list-style-type: none;
   padding: 0;
   margin: 20px 0 0 20px;
   line-height: 15px;

}

#contentBody ul.sitemapList li {
   font-weight: bold;
   text-transform: normal;
   font-size: 11px;
   margin: 0 0 0 0;
}

#contentBody ul.sitemapList li ul  {
   list-style-image: none;
   list-style-type: none;
   padding: 0;
   margin: 0 0 10px 20px;
}

#contentBody ul.sitemapList li ul li {
   font-weight: normal;
   text-transform: none;
   font-size: 11px;
   margin: 0;
}

#contentBody ul.sitemapList li ul li ul{
   list-style-image: none;
   list-style-type: none;
   padding: 0;
   margin: 0 0 10px 20px;
}

#contentBody ul.sitemapList li ul li ul li {
   font-weight: normal;
   text-transform: none;
   font-size: 11px;
   margin: 0;
}

#contentBody ul.sitemapList a {
   color: #666666;
}

#contentBody ul.sitemapList a:hover {
   color: #fa8072;
}

/* INDIVIDUAL LAYOUT - SKINTYPE
===================================================================*/

/* >>> SKINTYPE NAVIGATION ON RIGHT COLUMN <<< */

#contentBody table.skintypeLinks {
    margin: 10px 0 0 15px;
    padding: 0;
    border-spacing: 5px;
}

#contentBody table.skintypeLinks td {
    padding: 0;
}

#contentBody table.skintypeLinks a{
    display: block;
    width: 65px;
    height: 20px;
    background: url("../sysimages/background_skintypenav.png") no-repeat;
    font-size: 11px;
    line-height: 20px;
    padding: 0 5px 0 15px;
    color: #666666;
}

#contentBody table.skintypeLinks a:hover {
    color: #fa8072;
    text-decoration: none;
}

/* INDIVIDUAL LAYOUT - SPECIAL AD
===================================================================*/

/* >>> GRAPHICAL AD <<< */

img.specialAd {
    margin: 20px 20px 0 20px;
}

/* >>> PRODUCTS TABLE <<< */

#contentBody_Specialad table.specialadProducts {
    border-collapse: collapse;
    margin: 0 5px 0 0;
    padding: 0;
    border-spacing: 0;
}

#contentBody_Specialad table.specialadProducts td{
    border-left: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    padding-bottom: 10px;
}

#contentBody_Specialad table.specialadProducts td img{
    margin: 10px 0 0 10px;
}

#contentBody_Specialad table.specialadProducts h3, #contentBody_Specialad table.specialadProducts h4, #contentBody_Specialad table.specialadProducts p {
    margin: 0;
    padding: 10px 10px 0 10px;
}

#contentBody_Specialad table.specialadProducts tr.killborderBottom td {
    border-bottom: none;
}

#contentBody_Specialad {
    display: block;
    background: url("../sysimages/contentbox_body.png") repeat-y transparent;
    margin: 0;
    padding: 0;
}

#contentBody_Specialad table.twoColumns {
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

#contentBody_Specialad table.twoColumns td {
    vertical-align: top;
}

/* >>> ADDITIONAL SEARCH FIELD <<< */



form.searchformAdditional  {

    vertical-align: bottom;

}



input.searchfieldAdditional {

    height: 12px;

    width: 150px;

    border: 1px solid #999999;

    padding: 0;

    color: #999999;

    font-size: 10px;

 }



input.searchsubmitAdditional {

    border: 0;

    margin: 0;

    vertical-align: bottom;

    margin: 5px 5px 0 0;

}



.tx-indexedsearch-whatis {

    display:none;

}



ul.browsebox {

    display:block;

    text-align:right;

    margin:4px 25px 4px 0 !important;

}



.browsebox li {

    display:inline;

    margin:2px;

}



.browsebox li a {

    color:#fa8072;

}



li.tx-indexedsearch-browselist-currentPage a{

    color:#666666 !important;

}



/* INDIVIDUAL LAYOUT - CONTACT US & SEND A FRIEND FORMS
===================================================================*/

form.contactForm label {
    display: block;
    float: left;
    width: 120px;
    text-align: left;
}

form.contactForm input{
    width: 250px;
    border: 1px solid #bebebe;
}

form.contactForm textarea{
    width: 250px;
    border: 1px solid #bebebe;
}

form.contactForm select{
    width: 250px;
    border: 1px solid #bebebe;
}

form.contactForm .submitButton {
    width: 57px;
    height: 9px;
    border: 0;
    margin-left: 120px;
}

form.contactForm .resetButton {
    width: 45px;
    height: 9px;
    border: 0;
    margin-left: 10px;
}

#contentBox form.contactForm p {
    clear: both;
    margin-top: 10px;
}

form.contactForm span {
    color: #fa8072;
}

#contentBox form.contactForm p.formButtons {
    margin-top: 30px;
}

#contentBox #addressField {
    height: 400px;
}

/* >>> DYNAMIC SUBJECT FIELD<<< */


/* INDIVIDUAL LAYOUT - LOGIN PHYSICIANS FORM
===================================================================*/

table.loginForm {
    margin:20px 30px 0pt 20px;
}

table.loginForm td label {
    width: 100px;
    text-align: left;
}

table.loginForm td input{
    border: 1px solid #bebebe;
    color: #666666;
}

table.loginForm td {
    font-size:11px;
}

table.loginForm .arrowedLink{
    line-height:16px !important;
}

/* INDIVIDUAL LAYOUT - DEFAULT FORM
===================================================================*/

form.defaultForm label {
    display: block;
    float: left;
    width: 100px;
    text-align: left;
}

form.defaultForm input{
    width: 170px;
    border: 1px solid #bebebe;
    color: #666666;
}

form.defaultForm select{
    width: 170px;
}

form.defaultForm span {
    color: #fa8072;
}

#contentBox form.defaultForm p {
    clear: both;
    margin-top: 10px;
}

form.defaultForm .submitButton {
    width: 57px;
    height: 9px;
    border: 0;
    margin-left: 100px;
}

#contentBox form.defaultForm p.formButtons {
    margin-top: 30px;
}

.readonlyField {
    background-color:#EEEEEE;
}

p.radio label.radioNormal {
    display: block;
    float: left;
    width: 100px;
    text-align: left;
    margin:0;
}

p.radio label {
    display: inline;
    width: 100px;
    float:none;
    text-align: left;
    margin:0 4px 0 2px;
}

input.radioField,
input.tx-srfeuserregister-pi1-radio,
input.noWidth{
    width: auto !important;
    border: 0!important;
}


/* INDIVIDUAL LAYOUT - DISPENSING PHYSICIANS FORM
===================================================================*/

/* >>> APPLIEANCE FORM <<< */

form.dispensingForm label {
    text-align: left;
    margin:0;
    font-weight:bold;
}

form.dispensingForm input{
    width: 150px;
    border: 1px solid #bebebe;
    color: #666666;
}

.tx-srfeuserregister-pi1 a {
    padding-left:0 !important;
}

form.dispensingForm textarea{
    width: 150px;
    height: 150px;
    border: 1px solid #bebebe;
}

form.dispensingForm select{
    width: 150px;
    border: 1px solid #bebebe;
    color: #666666;
}

form.dispensingForm .submitButton {
    width: 57px;
    height: 9px;
    border: 0;
    margin-left: 100px;
}

form.dispensingForm .submitButtonContact {
    width: 89px;
    height: 11px;
    border: 0;
    margin-left: 500px;
}

form.dispensingForm .resetButton {
    width: 45px;
    height: 9px;
    border: 0;
    margin-left: 10px;
}

form.dispensingForm #titleField {
    width: 60px;
}

form.dispensingForm #birthDay, form.dispensingForm #birthMonth {
    width: 30px;
}

form.dispensingForm #birthYear {
    width: 40px;
}

form.dispensingForm #newsletterField {
    vertical-align: bottom;
}

form.dispensingForm span {
    color: #fa8072;
}

#contentBox form.dispensingForm p {
    clear: both;
    margin-top: 10px;
}

form.dispensingForm span {
    color: #fa8072;
}

#contentBox form.dispensingForm p.formButtons {
    margin-top: 20px;
}

/* INDIVIDUAL LAYOUT - ALL PRODUCTS
===================================================================*/

/* >>> PRODUCTS LIST <<< */

#contentBox ul.allproductsList {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}

#contentBox ul.allproductsList li {
    display: block;
    float: left;
    width: 130px;
    height: 220px;
    text-align: center;
    padding: 20px 0 0 0;
    margin: 0;
    overflow: hidden;
}

#contentBox ul.allproductsList li h4 {
    margin: 0 0 0 20px;
    text-align: left;
     height:50px;
}

#contentBox ul.allproductsList li p {
    margin: 10px 0 0 20px;
    text-align: left;
}

#contentBox ul.allproductsList li a {
    text-transform: none;
}

/* AJAX DIALOG
===================================================================*/

/* >>> OVERLAY <<< */

#jDialogOverlay {
    background:#ffffff;
    filter:alpha(opacity=40);
    -moz-opacity:.40;
    opacity:.40;
    z-index:1000;
    display:none;
}

#jDialogProgressBar {
    position:fixed;
    display:block;
    top: 10px;
    left:20px;
    width:220px;
    height:19px;
    display:none;
    z-index:900000;
}

.DialogContainer{
    background:#cccccc;
    text-align:left;
    width:510px;
    float:left;
    position:relative;
    padding: 10px;
    z-index:1001;
    display:none;
}

/* TYPO3 Special Definitionen
===================================================================*/

table.imgtext-table {
    margin:10px 10px 0 20px !important;
    }

#teaserWrapper table.imgtext-table {
    margin:10px 10px 0 10px !important;
    }

.error {
    color:red;
    }

.tx-mhbranchenbuch-pi1 table td,
.tx-sakkaradirectory-pi1 table td {
    vertical-align:top;
    }

/* Testimonials
===================================================================*/

.testimonials_left {
    margin-left: 20px;
    width: 350px;
    float: left;
}
.testimonials_right {
    float: left;
    width: 132px;
}

.testimonials_img {
    width: 56px;
    margin-right: 33px;
    float: left;
}
.testimonials_text {
    width: 228px;
    margin-right: 33px;
    float: right;
}

.testimonials_name {
    margin-top: 20px;
    height: 29px;
    color: #FA8072;
    font-weight: bold;
}

.testimonials_rightHdl {
    margin-top: 20px;
    height: 29px;
    font-weight: bold;
}

#contentBox .testimonials_text p {
    margin: 0;
}

#contentBox .testimonials_products p {
    margin: 0;
}
#contentBox .testimonials_products a.arrowedLink {
    background-position: left 2px;
    padding-left: 10px;
    padding-right: 0;
    display: block;
}
#contentBox .testimonials_products br {
    line-height: 4px;
}
#contentBox .testimonials_products ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}
#contentBox .testimonials_products li {
    margin-bottom: 4px;
}

#contentBody hr.testimonials_hr {
    margin: 20px 5px 0 0;
}

/* Ratings
===================================================================*/

#ratingsWrap {
    margin-left: 17px;
}

/* club chat teaser
===================================================================*/

.teaserChat {
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 35px;
    width: 476px;
}
.teaserChat .teaserChatHead {
    background: transparent url(../sysimages/teaser_chat_head.png) no-repeat scroll 0 0;
    height: 6px;
}
.teaserChat .teaserChatBody {
    background: transparent url(../sysimages/teaser_chat_body.png) repeat-y scroll 0 0;
    padding-left: 1px;
    padding-right: 4px;
}
.teaserChat .teaserChatFooter {
    background: transparent url(../sysimages/teaser_chat_foot.png) no-repeat scroll 0 0;
    height: 11px;
}
#contentBox #teaserChatHeadline * {
    display: inline;
    margin: 0;
    font-size: 21px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
#teaserChatHeadline {
    margin: 0;
    margin-bottom: 12px;
    background: transparent url(../sysimages/teaser_chat_h1.png) repeat scroll 0 0;
    height: 21px;
    padding-top: 9px;
    padding-left: 12px;
}
#teaserChatImage {
    float: left;
    width: 118px;
    padding-left: 12px;
}
#teaserChatText {
    float: left;
    padding: 0 12px 12px 12px;
    width: 316px; /* 476 - 1 - 5 - 118 - 12 - 12 - 12 */
}
#teaserChatText h2 {
    margin: 0;
    color: #FA8072;
    display: inline;
}
#contentBox #teaserChatText h2 a.offpageLink {
    font-size: 16px;
}
#teaserChatText h3 {
    display: inline;
    font-size: 16px;
    color: #666666;
    margin: 0;
    font-weight: normal;
}
#teaserChatText h1 {
    margin: 0;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}
#contentBox #teaserChatText h1 a.offpageLink {
    font-size: 22px;
    line-height: 22px;
    color: #666666;
}
#teaserChatText p {
    margin: 0;
}
.teaserChatClear {
    clear: both;
}


/********************************************************************************
	Thickbox
*********************************************************************************/
				
				
	#TB_window {
				font: 12px Arial, Helvetica, sans-serif;
				color: #333333;
				}

	#TB_secondLine {
				font: 10px Arial, Helvetica, sans-serif;
				color:#666666;
				}

	#TB_window a:link {color: #666666;}
	#TB_window a:visited {color: #666666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666666;}
	#TB_window a:focus{color: #666666;}
	
	#TB_overlay {
				position: fixed;
				z-index:100;
				top: 0px;
				left: 0px;
				height:100%;
				width:100%;
				}
				
	.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
	.TB_overlayBG {
				background-color:#000;
				filter:alpha(opacity=75);
				-moz-opacity: 0.75;
				opacity: 0.75;
				}
				
	* html #TB_overlay { /* ie6 hack */
				position: absolute;
				height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
				}
				
	#TB_window {
				position: fixed;
				background: #ffffff;
				z-index: 102;
				color:#000000;
				display:none;
				border: 4px solid #525252;
				text-align:left;
				top:50%;
				left:50%;
				}
				
	* html #TB_window { /* ie6 hack */
				position: absolute;
				margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
				}
				
	#TB_window img#TB_Image {
				display:block;
				margin: 15px 0 0 15px;
				border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #666;
				border-left: 1px solid #666;
				}
				
	#TB_caption{
				height:25px;
				padding:7px 30px 10px 25px;
				float:left;
				}
				
	#TB_closeWindow{
				height:25px;
				padding:11px 25px 10px 0;
				float:right;
				}
				
	#TB_closeAjaxWindow{
				padding:7px 10px 5px 0;
				margin-bottom:1px;
				text-align:right;
				float:right;
				}
				
	#TB_ajaxWindowTitle{
				float:left;
				padding:7px 0 5px 10px;
				margin-bottom:1px;
				}
				
	#TB_title{
				background-color:#e8e8e8;
				height:27px;
				}
				
	#TB_ajaxContent{
				clear:both;
				padding:2px 15px 15px 15px;
				overflow:auto;
				text-align:left;
				line-height:1.4em;
				}
				
	#TB_ajaxContent.TB_modal{
				padding:15px;
				}
				
	#TB_ajaxContent p{
				padding:5px 0px 5px 0px;
				}
				
	#TB_load{
				position: fixed;
				display:none;
				height:13px;
				width:208px;
				z-index:103;
				top: 50%;
				left: 50%;
				margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
				}
				
	* html #TB_load { /* ie6 hack */
				position: absolute;
				margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
				}
				
	#TB_HideSelect{
				z-index:99;
				position:fixed;
				top: 0;
				left: 0;
				background-color:#fff;
				border:none;
				filter:alpha(opacity=0);
				-moz-opacity: 0;
				opacity: 0;
				height:100%;
				width:100%;
				}
				
	* html #TB_HideSelect { /* ie6 hack */
				position: absolute;
				height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
				}
				
	#TB_iframeContent{
				clear:both;
				border:none;
				margin-bottom:-1px;
				margin-top:1px;
				_margin-bottom:1px;
				}