/*** lpo-3261 usp IT  v1.0 ***/

.teaser {
    width: 1000px;
    height: 100%;
    }
.lpHeader {
    display: block;
    width: 1000px;
    height: 50px;
    }
P.head  {
    width: 350px;
    font: normal 33px/50px times new roman;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    }
SPAN.topLine  {
    border-top: 1px solid #000;
    float: left;
    margin-top: 25px;
    width: 325px;
    }  
HR.bottom  {
    height: 1px;
    border: 0px;
    background-color: #000;
    margin-bottom: 30px;
    width: 1000px;    
    }
    
/*** CONTENT ***/    
          
.leftCol  {
    width: 590px;
    padding-top: 40px;
    float: left;
    }
.rightCol  {
    width: 265px;
    height: 956px;
    background: url("//a1276.ztat.net/lpo/zalando/lp/2013/04/lpo-3261/lp_onsite_helpsite_it_2862_usp_update_03.jpg") 0 40px no-repeat;
    float: right;
    }   
.img10,	
.img20,
.img30,
.img40,
.img50  {	
    float: left;
    }
.img30 {
    margin-top: -5px;
    }
.img40 {
    margin-top: -10px;
    }
.img50 {
    margin-left: -10px;
    margin-top: -3px;
	padding: 0 !important;
    } 
	
.img10 {
    margin-top: -3px;
 }
.content .btn A {
    clear: both;
    float: left;
    display: block;
    margin-bottom: -30px;
    }
.parag  {
    /*background-color:#f9f9f9;*/
    margin-bottom:30px;
    width:  585px;
	height: 165px;
	
    } 
A.content H2 {
    color: #fff;
    background-color: #000;
    display: block;
    font: normal 20px/27px times new roman;
    padding: 4px 0 3px 0; 
    text-align: center;
    width: 585px;
    text-transform: uppercase;
	  }
	  
	  .bottomHead h2 {
    color: #000 !important;
    background-color: none !important;
    display: block;
    font: normal 20px/27px times new roman;
    padding: 4px 0 3px 0; 
    text-align: center;
    width: 585px;
    text-transform: uppercase;
    
    }
A.content H2.large {
    height: 62px;
    }	  
	
.lpFirst {
      font: bold 15px/18px arial,sans-serif;
          padding: 10px 0 23px;
}

A.content P {
    font-size: 14px;
    }
A.content {
    cursor: pointer; 
    }     
A.content:hover {
    text-decoration: none;
    }
A.content:hover h2 {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8; 
    khtml-opacity: 0.8;
    }   
    
.lpSecond {
    margin-left: 10px;
    margin-top: -10px;
    font: bold 15px/18px arial;
    }
    
.lpFirst strong {
    font: bold 15px/18px arial;
    }    
p.left strong {   
    font: bold 15px/18px arial;
    margin-right: 5px;
    }      
.parag .btn  {
    width: 133px;
    position: absolute;	
    right: 10px;
    top: 115px;
    display: block;
    height: 22px;
    }  

.usp1 .btn {
	right: 10px;
    top: 155px;
}	
.usp5 .btn {
	right: 10px;
    top: 130px;
}
.usp1 .btnMore {
    right: 140px; 
    top: 155px !important;
}
.usp5 .btnMore {
    right: 140px; 
    top: 130px !important;
}
.parag .btn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7; 
    khtml-opacity: 0.7;
    }
	
	
	.parag .btnMore  {
    width: 133px;
    position: absolute;	
    right: 140px; 
    top: 115px;
    display: block;
    height: 22px;
    }
	.parag .btnMore:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7; 
    khtml-opacity: 0.7;
    }
      
	  
	  .usp1 {
	 height: 120px !important;
	 } 
	 	  .usp2 {
	 height: 145px !important;
	 } 

	 
/*** GENDER BOXES ***/  


HR.bottom  {
    height: 1px;
    border: 0px;
    background-color: #999;
    width: 1000px;
    margin-bottom: 30px;
    display: block;
    float: left; 
        clear: both;   
    }         
.navBottom {
    height: 317px;
    width: 1000px;
    margin-bottom: 10px;
    overflow: hidden;
    }    
.navFem,
.navMale  {
    height: 317px;
    width: 495px;
    }   
.navFem {
    background: url("//media.ztat.net/media/A1276/lp/data/images/lp/onsite/lpo-531/donnaWall_499x317.jpg") no-repeat 0 0 transparent;
    }
.navMale {
    background: url("//media.ztat.net/media/A1276/lp/data/images/lp/onsite/lpo-531/uomoWall_491x317_2.jpg") no-repeat 0 0 transparent;
    }
.navFem A.wom, 
.navMale A.men{
    display:block;
    height: 317px;
    width: 495px;
    }    
.navFem UL.navLeft,
.navMale UL.navLeft,
.navFem UL.navRight,
.navMale UL.navRight {
    position: absolute;
    top: 130px;
    } 
.navFem UL.navLeft,
.navMale UL.navLeft {
    left: 45px;
    }    
.navFem UL.navRight,
.navMale UL.navRight {
    right: 75px;
    }  

/*** GENDER BOXES NAVIS ***/
         
UL.navLeft LI A,
UL.navRight LI A {
    width: 150px;
    }
UL LI A.head  {
    color: #000;
    display: block;
    font: bold 16px/30px arial;
    text-transform: uppercase;

    }
UL LI A.sub  {
    margin-bottom: 1px;
    }    
UL.navLeft LI A.sub,
UL.navRight LI A.sub  {
    height: 24px;
    color: #fff;
    display: block;
    font: normal 13px/24px verdana;
    padding-left: 5px;
    }    
UL.navLeft LI A.sub.setHeight{
    height: 48px;
    } 
UL LI A.sub SPAN  {
    background-image: url("//media.ztat.net/media/A1276/lp/data/images/lp/onsite/lpo-1082/navArrow.png");
    height: 24px;
    width: 11px;
    display: block;
    float: left;
    margin-right: 5px;
    }    
UL LI A.sub:hover  {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    khtml-opacity: 0.5;
    text-decoration: none;	
    }
.navFem UL.navLeft LI A.sub,
.navFem UL.navRight LI A.sub  {
    background-color: #71003d;
    }
.navMale UL.navLeft LI A.sub,
.navMale UL.navRight LI A.sub  {
    background-color: #1e6869; 
    } 
    
    .footerText h2 {
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    font: bold 23px/27px times new roman;
    color: #000;
}