/***************************************************/
/* Pino GmbH */
/***************************************************/

html, body {
     margin:0;
     padding:0;
     height:100%;
}


.doc_content_container{
                        
                        width: 997px;
                        text-align:left;
                        background: #fff url('../images/bg_site.gif') repeat-y;
						margin: 0 auto;
			
}

/*************
  banner
***********/

.app_ban{
                        margin: auto;
                        width: 997px;
						background: url('../images/bg_site.gif') repeat-y;
						
}


.app_ban_border{
                        height:18px;
                        background:#19962B;

}

.logo_box {
						margin-left: 0px;
						padding: 38px  0 0 0;
						width: 193px;
						height: 163px;
}

.logo {
                        text-align:center;
						background: url("../images/pinogmbh_logo_new.gif");
						width: 130px;
						height: 86px;
						margin-left: 35px;
}

/* Logo for the INCI Popup */

.logo_small  {
						background: url("../images/pinogmbh_logo_small.gif");
						width: 79px;
						height: 51px;
						position: relative;
						margin-left: 560px;
						margin-top: -20px;
}


#header_container {
						width: 786px;
						position: absolute;
						top: 0px;						
						margin-left: 198px;
}

.claim{
                        font:bold italic 30px Futura, Arial, Helvetica;
                        position:absolute;
                        top:31px;
                        left:200px;
                        width:300px;
                        color:#19962B;
}


#offer_button {		
						position: absolute;
						margin-left: 630px;
						height:201px;
						top: 0px;
						background: #b70f46;
						filter:alpha(opacity=70);
						-moz-opacity:0.70;
						opacity:0.70;
						width:102px;
						display: none;
						z-index: 99;
}

#offer_text {
						position: absolute;
						margin-left: 633px;
						top: 122px;
						z-index: 1004;
						display: none;
}


.app_ban_box{
                        position:relative;
                        top: -25px;
                        left: 630px;
                        border:0px;
						width:180px;
						z-index: 1003;
}

.text_search {
						color: #666666;
						font-size: 10px;
						width: 102px;
						}


.btn_go {
                       
						border-top:1px solid #CBDFD4;
                        border-right:1px solid #335441;
                        border-bottom:1px solid #335441;
                        border-left:1px solid #CBDFD4;
                        background: transparent;
						font: bold 10px/17px Trebuchet MS;
                        color:#fff;
                        padding:0px 0 0px 0;
                        margin:1px 0 ;
}


.text_go a {
						color: #FFF;
}




.btn_search {
						text-transform:uppercase;
}


.btn_search a, 
.btn_search a:link,		
.btn_search a:visited,
.btn_search a:hover,
.btn_search a:active{
						color: #fff;
						font: 10px Trebuchet MS;
						text-transform:uppercase;
						margin: 1px 0;
						border:1px solid red;
}

.app_ban_nav_bg_classic {
						top: 173px;
						position:absolute;
						background: #20861d;
						filter:alpha(opacity=56);
						-moz-opacity:0.56;
						opacity:0.56;
						height: 28px;
						width: 787px;
						z-index: 1002;
}

.app_ban_nav{
                        position:absolute;
						margin: auto;
						top: 173px;
						z-index:1003;
						
}

.app_ban_nav p{
                        position:relative;
                        float:left;
                        margin-left: 4px;
                        width:100px;
						
}
.app_ban_nav p a,
.app_ban_nav p a:link,
.app_ban_nav p a:visited,
.app_ban_nav p a:hover,
.app_ban_nav p a:active{
                        display:block;
                        color:#fff;
                        font: bold 11px Trebuchet MS;
                        /*background:url('../images/bg.app_ban_nav_item.gif') no-repeat;*/
                        text-align:center;
                        text-decoration:none;
						text-transform:uppercase;
                        padding: 6px 0px 3px 0px;
						z-index: 1002;
						letter-spacing: 1px;
}
.app_ban_nav p a,
.app_ban_nav p a.login_link:link,
.app_ban_nav p a.login_link:visited,
.app_ban_nav p a.login_link:hover,
.app_ban_nav p a.login_link:active{
                        /*background:url('../images/bg.app_ban_nav_item_login.gif') no-repeat;*/
}
.app_ban_nav p a:hover,
.app_ban_nav p a.login_link:hover{
                        /*background:url('../images/bg.app_ban_nav_item.hover.gif') no-repeat;*/
}

.app_ban_cart{
                        position:absolute;
                        margin-top: 0px;
						margin-left: 782px;
						z-index: 1004;						
}


.checkout {padding: 0px 0 1px 0;}


.shoppingcart { padding: 0 0 10px 0;}

#sub_bar {
						
						background: #20861d;
						filter:alpha(opacity=15);
						-moz-opacity:0.15;
						opacity:0.15;
						width:786px;
						height: 28px;
						margin-left: -16px;
}


#sub_bar_nav {
						position:relative;
						margin-top: -29px;
						left: -379px;
						letter-spacing: 1px;
						
}


/***********************
  navigation
***********************/
.doc_navigation{
                  width: 207px;
				  float:left;
                  position:relative;
				  top: 0px;
				  left: 5px;				  
				  background:  url('../images/nav_left_shadow.gif') 0px 0px repeat-y;
}

.doc_navigation_width {
				  width: 193px;

}

.doc_navigation_padding{
                  padding:0px 0px 0 0px;
				  
}

.menuhead{
                        text-align:left;
                        display:block;
                        color:#666666;
                        font: bold 12px/14px Trebuchet MS;
                        padding: 6px 0px 6px 25px;
						letter-spacing: 2px;
}

.menuhead_login {
 						text-align:left;
                        display:block;
                        color:#666666;
                        font: bold 12px/14px Trebuchet MS;
                        padding: 19px 0px 6px 25px;
						letter-spacing: 2px;
}

.menu{
                        margin-bottom:8px;
                        padding:8px 10px;
                        color:#111;
						font: normal 11px/14px Trebuchet MS;
}

.menu_cart {
                        
                        color:#666;
						font: normal 10px/14px Trebuchet MS;

}

.menu p,.menu div{		color:#111;}
.products_head_therapy  {background: #f2f8f2; padding-bottom: 10px;}
.products_head_spa      {background: #f1f1f1; padding-top: 24px;}

.products_therapy{              background:#f2f8f2;padding:0 0 10px 0px;margin-bottom:0px;}
.products_spa{              background:#f1f1f1;padding:0 0 10px 0px;margin-bottom:0px;}


.login_head{			padding: 0px 0 0 0;}

.login{					
						background:#fff; 
						padding: 0 15px 0 24px;
						font-size: 11px;
}


.login p{					
						font-size: 11px;
						padding-bottom: 6px;
}

.login_button {
						background: transparent;
						color: #20861d;
						border: 0px;
						margin-left: -9px;
						cursor: hand;
						cursor: pointer;
}


.menuhead_cust {
 						text-align:left;
                        display:block;
                        color:#666666;
                        font: bold 12px/14px Trebuchet MS;
                        padding: 19px 0px 6px 25px;
						letter-spacing: 2px;
						background: #d2e7d2;
						
}

.customer_data {
						background: #d2e7d2;
						padding: 0 15px 0px 24px;
						font-size: 11px;
						letter-spacing: 1px;
						
}


.customer_data  p{
						background: #d2e7d2;
						padding-bottom: 5px;
						font-size: 11px;
						
}



.customer_data p a:link,
.customer_data p a:visited,
.customer_data p a:hover,
.customer_data p a:active{
						
						text-decoration: none;
						font-size: 12px;
}




.cart_head{	  			background:url('../images/cart_bg.gif') no-repeat; 
						width:194px; 
						height: 19px;
 						text-align:left;
                        display:block;
                        color:#fff;
                        font: bold 12px/14px Trebuchet MS;
                        padding: 4px 0px 0px 12px;
						letter-spacing: 2px;
}

.cart{					background:#e8f3e8;}
/*
.bestseller_head{				background:url('../images/bg.bestseller.gif') repeat-x;}
.bestseller{			  		background:#F9F2DD;}
.newsletter_head{				background:url('../images/bg.newsletter.gif') repeat-x;}
.newsletter{			  		background:#F5E3E3;}
*/
.menu p a:link,
.menu p a:visited,
.menu p a:hover,
.menu p a:active{
                       text-decoration:underline;
                       display:block;
                       font: normal 12px/17px Arial, Helvetica, Sans Serif, Verdana;
                       color:#666;
                       text-decoration:none;
}
.menu p a:hover{
                        text-decoration:underline;
}



.menu_cart p a:link,
.menu_cart p a:visited,
.menu_cart p a:hover,
.menu_cart p a:active{
                       text-decoration:underline;
                       display:block;
                       font: normal 12px/17px Arial, Helvetica, Sans Serif, Verdana;
                       color:#666;
                       text-decoration:none;
}
.menu_cart p a:hover{
                        text-decoration:underline;
}





/*
#shadow_navleft_end {
						background: url('../images/nav_left_shadow_end.gif') 1px 0px;
						width: 207px;
						height: 53px;
}
*/

#shadow_navleft_end_test {
						background: url('../images/nav_left_shadow_end_test.gif') 1px 0px;
						width: 207px;
						height: 17px;
}



/***********************
	Return Path
************************/


.return_path{
                        color:#666;
                        padding: 0px 10px 10px 10px;
                        font: bold 11px Trebuchet MS;
						position: relative;
						top: 30px;
						width: 400px;
						
}
.return_path a,
.return_path a:link,
.return_path a:visited,
.return_path a:hover,
.return_path a:active{
                        color:#666;
                        font: bold 11px Trebuchet MS;
                        text-decoration:none;
                        letter-spacing:1px;
}
.return_path a:hover{		text-decoration:underline; color: #20861d;}

a.return_path_active, 
a:link.return_path_active,
a:visited.return_path_active,
a:hover.return_path_active,
a:active.return_path_active{	
						color: #20861d;					
}



/********************************
	Page Iterator
*******************************/


.pageiterator{
                         
						  padding: 2px 10px;
                          margin:  5px 0;
                          width:100%;
						  margin-top: 0px;
						  
}
.pageiterator td{					text-align:right;}
.pageiterator p{
                          font: normal 11px Trebuchet MS;
                          color:#666;
}
.pageiterator span{
                          font: normal 13px Trebuchet MS;
                          padding: 1px 2px;
                          text-decoration:none;
                          color:#20861d;
}
.pageiterator a,
.pageiterator a:link,
.pageiterator a:visited,
.pageiterator a:hover,
.pageiterator a:active{
                          font: normal 13px Trebuchet MS;
                          padding: 1px 2px;
                          text-decoration:none;
                          
                          color:#666;
}
.pageiterator a:hover{    color: #20861d;}
.pageiterator a.pit_img{  background:#fff;padding:2px 0;}




/**********************
  Inhalt
*******************/
div .doc_content{
                  width:741px;
				  background: #FFF;
				  padding: 0px;
				  position: relative;
				  margin-left: 215px;
}
.doc_content_no_nav{top:0;}
.doc_content_padding{padding: 0px 0px 0px 0px;}
.doc_content_no_nav .doc_content_padding{padding: 0px;}

.express{
                  padding: 7px 0 0 0;
                  text-align:left;
				  width: 178px;
				  margin-left: 383px;
}

.express a,
.express a:link,
.express a:visited,
.express a:hover,
.express a:active{
                  text-decoration:none;
                  color:#20861d;
                  font: bold 11px Trebuchet MS;
}



/*************
  footer
****************/

.footer{
                  width: 997px;
                  text-align:center;
				  margin: auto;
				  background: #fff url('../images/bg_site.gif') repeat-y;
				  text-transform:uppercase;
				  font-size:11px;
				  padding:10px 0 20px 0;

}

.footer a{
				  font-size: 11px;
				  text-decoration: none;
				  
}

.footer a:hover{
				  color: #20861d;
				  
}


.footer p{
				  padding: 0 0 10px 0;
				  
}



/***************************************************/
/* shopmatic */
/***************************************************/
.index_headline{
                        text-align:center;
                        padding:5px 10px 4px 10px;
                        background:#E5EDAC;
                        margin-bottom:2px;
}
/* delete all hr of FS*/
hr{width:0px;height:0px;margin:0px;padding:0px;}


/* Keep the original 
.promotion_text{
                    margin:5px 2px;
                    border:1px dotted #990000;
                    background: #f6f6f6;
                    padding:4px;
                    font: bold 13px/17px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                    color:#990000;
}
*/

.promotion_text{
                    margin: 5px 0px;
                    font: bold 11px/17px Trebuchet MS;
                    color:#cc5378;
}

.btn_basket{
                        background:url('../images/addtocart.jpg') no-repeat ;
                        width:70px;
                        height:70px;
                        border:0px;
                        cursor:hand;
                        cursor:pointer;
}

.btn_forfree{
                        background:url('../images/btn/btn_forfree.gif') no-repeat ;
                        width:70px;
                        height:70px;
                        border:0px;
                        cursor:hand;
                        cursor:pointer;
}

.content_container{
                        padding:10px 10px;
}
/* Nachrichten an den Kunden (my_profile)*/
.message{
                        margin:30px;
                        border:1px solid #193042;
                        background: #cee0ee;
                        padding:10px;
}
.core_content{
                        padding:10px;
}

.btn_cart_add { margin: 0; padding: 0; outline:0;}
.btn_cart_add p,
.btn_cart_add a {
						background: url("../images/btn/btn_add_to_card.gif") no-repeat;
						display: block;
						width: 193px;
						height: 24px;
						color: #26931f;
						text-decoration: none;
						font-size: 11px;
						padding: 3px 0 0px 10px;
						
}

.quantity_input input{
						position: absolute;
						margin-top: 0px;
						margin-left: 110px;
						font-size: 11px;						
}


/****************************************
	INCI Popup 
*****************************************/


.inci_cnt {
						background: url("../images/bg_inci.gif") repeat-y;
						height: 250px;
						padding: 0;
						margin: 0;
}



.inci_headline {
						color: #20861d;
						font: normal 15px/16px Trebuchet MS;
						letter-spacing: 2px;
						text-transform: uppercase;
						padding-bottom: 10px;
}


#inci_btns a {
						float: left;
						display: block;
						position: relative;
						top: -80px;
						padding: 0 0 0 20px;
						margin: 0 0 0 10px;
						width: 100px;
}


.btn_close a {
						background: url("../images/icons/btn_close.gif") no-repeat 0 0px;
						color: #666;
						padding: 0 0 0 20px;
						height: 20px;
						text-decoration: none;
						margin-right: 40px;
						
						
}

.btn_print a {
						background: url("../images/icons/btn_print.gif") no-repeat;
						color: #666;
						padding: 0 0 0 20px;
						height:20px;
						text-decoration: none;
						
}

.inci_footer {
						background: #20861d;
						filter:alpha(opacity=15);
						-moz-opacity:0.15;
						opacity:0.15;
						width:554px;
						position: relative;
						margin: -45px 0 0 0;
						height: 44px;
}


.inci_footer_text {
						color: #20861d;
						font-style:italic;
						margin-top: -30px;
						margin-left: 10px;
}

/****************************************
	Basket 
*****************************************/




.basket_cell {			
				border-bottom: 1px solid #20861d;
}




/* cooltreemenu*/

/***************************************************/
/* Therapy Navigation */
/***************************************************/



.clsNodeActive:link {
	color: #20861d;
	text-decoration: none;
	font: normal 12px/20px Trebuchet MS;
	background: url("../images/dot_green.gif") 15px 8px no-repeat;
	padding: 0 0 0 25px;
	letter-spacing: 1px;
	/*
	width: 168px;
	display: block;
	*/
}

.clsNodeActive:hover, .clsNodeActive:active, .clsNodeActive:visited, .clsNodeActive:focus{
  font: normal 12px/20px Trebuchet MS;  
  color:#20861d;
  text-decoration:none;
  padding: 0 0 0 25px;
  background: url("../images/dot_green.gif") 15px 8px no-repeat;
  letter-spacing: 1px;
  /*
  width: 168px;
  display: block;
  */
}



.clsNodeOpened {
  font: normal 12px/20px Trebuchet MS;  
  color:#20861d;
  text-decoration:none;
  padding: 0 0 0 25px;
  background: url("../images/dot_green.gif") 15px 8px no-repeat;
  letter-spacing: 1px;
  /*
  width: 168px;
  display: block;
  */
}


.clsNodeOpened:link {
  font: normal 12px/20px Trebuchet MS;  
  color:#20861d;
  text-decoration:none;
  padding: 0 0 0 25px;
  background:  url("../images/dot_green.gif") 15px 8px no-repeat;
  letter-spacing: 1px;
/*
  width: 168px;
  display: block;
  */
}

.clsNodeOpened1 {
  font: normal 12px/20px Trebuchet MS;
  color:#20861d;
  text-decoration:none;
  background: url("../images/dot_green.gif") 15px 8px no-repeat;
  
}




a.clsNodeL0:link,
a.clsNodeL0:visited,
a.clsNodeL0:hover,
a.clsNodeL0:active{
  text-decoration:none;
  color: #666;
  font: normal 12px/20px Trebuchet MS;
  padding: 0 0 0 25px;
  display: block;

  width:193px;

  letter-spacing: 1px;
}

a.clsNodeL0:hover {
  color: #20861d;
}

/*
.clsNodeL1 {
	display:block;
	width: 168px;
	margin-left: -16px;
	padding: 0px;
	background: #e2efe1;
}
*/

a.clsNodeL1:link,
a.clsNodeL1:visited,
a.clsNodeL1:hover,
a.clsNodeL1:active {
  text-decoration:none;
  color: #666;
  font: normal 12px/20px Trebuchet MS;
  padding: 0 0 0 25px;
  letter-spacing: 1px;
  display: block;
/*
  background: #e2efe1;
  
  width: 152px;
  margin-left: -16px;
  */
}


a.clsNodeL1:hover {
  color: #20861d;
}





/***************************************************/
/* Spa Navigation */
/***************************************************/

.clsNodeActive_spa:link {
	color: #f0972f;
	text-decoration: none;
	font: normal 12px/20px Trebuchet MS;
	background: url("../images/dot_yellow.gif") 15px 8px no-repeat;
	padding: 0 0 0 25px;
    letter-spacing: 1px;

}

.clsNodeActive_spa:hover, .clsNodeActive_spa:active, .clsNodeActive_spa:visited, .clsNodeActive_spa:focus{
  font: normal 12px/20px Trebuchet MS;
  color:#f0972f;
  text-decoration:none;
  padding: 0 0 0 25px;
  background: url("../images/dot_yellow.gif") 15px 8px no-repeat;
  letter-spacing: 1px;

}


.clsNodeOpenedSpa {
  font: normal 12px/20px Trebuchet MS;  
  color:#f7a740;
  text-decoration:none;
  padding: 0 0 0 25px;
  background: url("../images/dot_yellow.gif") 15px 8px no-repeat;
  letter-spacing: 1px;

}


.clsNodeOpenedSpa:link {
  font: normal 12px/20px Trebuchet MS;  
  color:#f7a740;
  text-decoration:none;
  padding: 0 0 0 25px;
  background: url("../images/dot_yellow.gif") 15px 8px no-repeat;
  letter-spacing: 1px;
}



a.clsNodeL0_SPA:link,
a.clsNodeL0_SPA:visited,
a.clsNodeL0_SPA:hover,
a.clsNodeL0_SPA:active{
  text-decoration:none;
  color: #666;
  font: normal 12px/20px Trebuchet MS;
  padding: 0 0 0 25px;
  display: block;
  width:193px;
  letter-spacing: 1px;

}

a.clsNodeL0_SPA:hover {
  color: #f7a740;

}



a.clsNodeL1_SPA:link,
a.clsNodeL1_SPA:visited,
a.clsNodeL1_SPA:hover,
a.clsNodeL1_SPA:active {
  text-decoration:none;
  color: #666;
  font: normal 12px/20px Trebuchet MS;
  padding: 0 0 0 25px;
  letter-spacing: 1px;

}

a.clsNodeL1_SPA:hover {
  color: #f7a740;
}





.buyxgety{
      display:block;
      position:relative;
}
.buyxgety div.buyxgety_img{
}
.buyxgety div.buyxgety_teaser{
}