/*** Header ***/

#header
{
    margin-bottom: 12px;
    z-index: 999;
}

#header *
{
    z-index: 999;
}

#logo
{
    margin: 18px 0px 0px 15px;
    float:left;
}

#logo img
{
    width:157px;
}

/*** Home ***/

#beforeSliderWrapper
{
    width: 934px;
    height: 235px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    background-image: url('/_img/homepage-blue-header.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#sliderWrapper
{
    width: 934px;
    height: 443px;
    margin: 0px 0px 12px 0px;
    text-align: left;
}
#sliderWrapperVideo
{
    width: 934px;
    height: 521px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}
#sliderStartVideo
{
    width: 934px;
    height: 521px;
    /*background-image: url('/_img/video_bg_overview.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;*/
    margin: 5px 0 0 6px;
}

#sliderWrapperLanding
{
    width: 934px;
    height: 456px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}
#sliderStartLanding
{
    width: 934px;
    height: 456px;
    background-image: url('/_img/landing_bg_overview.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: relative;
}

#sliderStart
{
    width: 934px;
    height: 443px;
    background-image: url('/_img/slider_bg_overview.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#sliderStart.fenipic
{
    background-position: 0px -886px;
}

#sliderStart.fenivir
{
    background-position: 0px -443px;
}

#sliderStart.fenistil
{
    background-position: 0px -1329px;
}

#sliderStart .title
{
    
    color: #fff;
    width: 370px;
    margin: 40px 20px 20px 0px;
    float: right;
    text-align: left;
}

#sliderStart .buttonWrapper.fenipic
{
    background-position: 0px -250px;
}

#sliderStart .buttonWrapper.fenivir
{
    background-position: 0px -500px;
}

#sliderStart .buttonWrapper.fenistil
{
    background-position: 0px -750px;
}

#sliderStart .buttonWrapper
{
    background-image: url('/_img/slider_buttons.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 10px 20px 0px 0px;
    float: right;
    width: 383px;
}

#sliderStart UL
{
    width: 400px;
    margin: 2px 20px 20px 0px;
    /*float: right;*/
    text-align: left;
}

#sliderStart UL LI
{
	margin-bottom: 0px;
}

#sliderStart UL LI A
{
    display: inline-block;
	font-size: 17px;
	text-decoration: none;
	color: #fff;
	background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 70px;
	line-height: 58px;
}

#sliderStart UL LI A div
{
    display: table;
    float: left;
    height: 58px;
    width: 315px;
}

#sliderStart UL LI A div p
{
    display: table-cell;
    vertical-align: middle;
    line-height: 22px;
}

#sliderFenipic
{
    width: 934px;
    height: 443px;
    position:absolute;
    display: inline-block;
    background-image: url('/_img/bg_fenipic.png');
    background-repeat: no-repeat;
    background-position: 6px 5px;
}

#sliderFenivir
{
    width: 934px;
    height: 443px;
    position:absolute;
    display: inline-block;
    background-image: url('/_img/bg_fenivir_overview.png');
    background-repeat: no-repeat;
    background-position: 6px 5px;
}

#sliderFenivirCreme
{
    width: 934px;
    height: 443px;
    position:absolute;
    display: inline-block;
    background-image: url('/_img/bg_fenivir_creme.png');
    background-repeat: no-repeat;
    background-position: 6px 5px;
}

#sliderFenivirCremeTint
{
    width: 934px;
    height: 443px;
    position:absolute;
    display: inline-block;
    background-image: url('/_img/bg_fenivir_tint.png');
    background-repeat: no-repeat;
    background-position: 6px 5px;
}

#sliderFenistil
{
    width: 934px;
    height: 443px;
    position:absolute;
    display: inline-block;
    background-image: url('/_img/bg_fenistil.png');
    background-repeat: no-repeat;
    background-position: 6px 5px;
}

#sliderFenipic .sliderBackButton, #sliderFenivir .sliderBackButton, #sliderFenivirCreme .sliderBackButton, #sliderFenivirCremeTint .sliderBackButton, #sliderFenistil .sliderBackButton
{
    position: absolute;
    width: 150px;
    height: 20px;
    top: 20px;
    left: 40px;
}

#sliderFenipic .sliderBackButton A, #sliderFenivir .sliderBackButton A, #sliderFenivirCreme .sliderBackButton A, #sliderFenivirCremeTint .sliderBackButton A, #sliderFenistil .sliderBackButton A
{
    background-image: url('/_img/arrow_le.png');
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 12px;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}

#sliderFenipic .titleWrapper, #sliderFenivir .titleWrapper, #sliderFenivirCreme .titleWrapper, #sliderFenivirCremeTint .titleWrapper, #sliderFenistil .titleWrapper
{
    margin: 50px 0px 0px 240px;
}

#sliderFenipic .titleWrapper P, #sliderFenivir .titleWrapper P, #sliderFenivirCreme .titleWrapper P, #sliderFenivirCremeTint .titleWrapper P, #sliderFenistil .titleWrapper P
{
    font-family: Arial;
    font-size: 50px;
    line-height: 50px;
    text-decoration: none;
    color: #fff;
    width: 600px;
}

#sliderFenipic .contentWrapper, #sliderFenivir .contentWrapper, #sliderFenivirCreme .contentWrapper, #sliderFenivirCremeTint .contentWrapper, #sliderFenistil .contentWrapper
{
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    margin: 30px 0px 0px 240px;
    width: 350px;
}

#sliderFenivir .titleWrapper, #sliderFenivir .contentWrapper, #sliderFenivirCremeTint .titleWrapper, #sliderFenivirCremeTint .contentWrapper 
{
    margin-left: 320px;
}

#sliderFenipic .contentWrapper UL, #sliderFenivir .contentWrapper UL, #sliderFenivirCreme .contentWrapper UL, #sliderFenivirCremeTint .contentWrapper UL, #sliderFenistil .contentWrapper UL
{
    margin: 20px 0px 5px 0px;
}

#sliderFenipic .contentWrapper UL LI, #sliderFenivir .contentWrapper UL LI, #sliderFenivirCreme .contentWrapper UL LI, #sliderFenivirCremeTint .contentWrapper UL LI, #sliderFenistil .contentWrapper UL LI
{
    background-image: url('/_img/arrow_ri.png');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    line-height: 20px;
    padding-left: 15px;
}

#sliderFenipic .logoAddWrapper, #sliderFenivir .logoAddWrapper, #sliderFenivirCreme .logoAddWrapper, #sliderFenivirCremeTint .logoAddWrapper, #sliderFenistil .logoAddWrapper
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #004589;
    position: absolute;
    width: 200px;
    height: 20px;
}

#sliderFenipic .logoAddWrapper
{
    left: 711px;
    top: 380px;
}

#sliderFenivir .logoAddWrapper
{
    left: 715px;
    top: 380px;
}

#sliderFenivirCreme .logoAddWrapper
{
    left: 715px;
    top: 380px;
}

#sliderFenivirCremeTint .logoAddWrapper
{
    left: 715px;
    top: 380px;
}

#sliderFenistil .logoAddWrapper
{
    left: 704px;
    top: 382px;
}

#teaserWrapper
{
    /*margin-top: 10px;*/
    width: 934px;
    margin-left: -3px;
}

#teaserWrapper A
{
    float: left;
    text-decoration: none;
    cursor:hand;
}

#teaserWrapper A div.teaser
{
    width: 311px;
    height: 186px;
}

#teaserWrapper A div.fenipic
{
    background-image: url('/_img/teaser_1.png');
    background-repeat:no-repeat;
}

#teaserWrapper A div.fenivir
{
    background-image: url('/_img/teaser_2_new.png');
    background-repeat:no-repeat;
}

#teaserWrapper A div.fenistil
{
    background-image: url('/_img/teaser_3_new.png');
    background-repeat:no-repeat;
}

#teaserWrapper A div.teaser p
{
    font-size: 12px;
    font-weight: bold;
    color: #004589;
    float: left;
    margin: 145px 0px 0px 25px; 
}

#teaserWrapper A div.teaser img
{
    float: right;
    margin: 147px 17px 0px 0px; 
}


/*** Content Page ***/

#headerImage 
{
    float:left;
}

#headerImage.tintHeader 
{
    
    width: 920px;
    height: 111px;
    margin-left: 5px;
    margin-top: 5px;
}

#rightShadowContainer
{
    width: 934px;
    background-image: url('/_img/shadow_ri.png');
    background-repeat: repeat-y;
    background-position: 923px 0px;
	text-align: left;
	float: left;
}
/*-DD-USIM10014315150-CONTACT US INFORMATION FENISTIL*/
#rightShadowContainer.style1
{
    margin-top:55px;
}
/*-DD-USIM10014315150-CONTACT US INFORMATION FENISTIL*/

#contentWrapper
{
    background-color: #FFFFFF;
    float: left;
    width: 667px;
    min-height: 471px;
    padding: 0px;
	text-align: left;
}

#content
{
	margin: 23px 80px 30px 60px;
}

/*
#content.fenipic
{
    background-image: url('/_img/fenipic_big.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#content.fenivir
{
    background-image: url('/_img/fenivir_big.png');
    background-repeat: no-repeat;
    background-position: 0px 20px;
}

#content.fenistil
{
    background-image: url('/_img/fenistil_big.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
*/

#content.overview
{
    background-image: url('/_img/bg_prodcts_overview.png');
    background-repeat: no-repeat;
    background-position: 0px 180px;
    height: 415px;
    position: relative;
}


#content p
{
    margin-bottom: 20px;
}

#content .titleWrapper
{
    height: 70px;
    display:table-cell;
    vertical-align:bottom;
}

#content .teaserWrapper 
{
    margin-bottom: 5px;
}

#content .teaserWrapper IMG
{
    float: left;
    margin: -4px 25px 0px -10px;
}

#content .teaserWrapper A
{
    color: #535353;
    text-decoration: none;
}

#content .teaserWrapper A:hover
{
    color: #d73100;
    text-decoration: none;
}

#content .teaserWrapper A P IMG
{
    float: none;
    margin: 0px 0px 0px 5px;
}

#content A.hoverlink
{
    color: #535353;
    text-decoration: none;
}

#content A.hoverlink:hover
{
    color: #d73100;
    text-decoration: none;
}

.infoSliderLink
{
    font-weight: bold;
    text-decoration: none;
    color: #d73100;
    padding-left: 20px;
    margin-bottom: 15px;
    display: inline-block;
}

.infoSliderLink.hide
{
    background-image: url('/_img/arrow_orange_small_ri.png');
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

.infoSliderLink.show
{
    background-image: url('/_img/arrow_orange_small_down.png');
    background-repeat: no-repeat;
    background-position: 0px 4px;
}

.contentList
{
    display: inline-block;
    line-height: 20px;
    padding-left: 20px;
}

.contentList.checklist
{
    list-style-image: url('/_img/cbox.jpg');
    line-height: 20px;
    padding-left: 20px;
    margin-bottom: 20px;  
}

.contentList.disc
{
    list-style-type: disc;
    margin-bottom: 20px;
}

.contentList.alpha
{
    list-style-type: lower-latin;
    margin-bottom: 8px;
}

.contentList.circle
{
    list-style-type: circle;
    margin-bottom: 20px;
}


.button140
{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    float: left;
}

.button140 div
{
    background-image: url('/_img/btn_140.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-align: center;
    width: 140px;
    height: 26px;
    padding: 18px 0px 0px 0px;
    display: inline-block;
}

.button160
{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    float: left;
}

.button160 div
{
    background-image: url('/_img/btn_160.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    text-align: center;
    width: 160px;
    height: 26px;
    padding: 18px 0px 0px 0px;
    display: inline-block;
}


.button190
{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    float: left;
}

.productPicture
{
    position: relative;
}

.productPicture .button190
{
    float:none;
    position: absolute;
}

.fenipic .button190
{
    left: 308px;
    position: absolute;
    top: 145px;    
}

.fenistil .button190
{
    left: 350px;
    position: absolute;
    top: 315px;  
}

b.orange
{
    color:#e83a21;
}

p.orange
{
    margin-bottom: 5px !important;
}

ul.orange
{
    margin: 0 0 20px 0px;
    list-style: none;
}

ul.orange li
{
    padding: 3px 0 3px 13px;
    line-height: 20px;
    background: url(/_img/bullet-orange.png) 1px 10px no-repeat;
}

.fenivir .productPicture img
{
    position: relative;
    right:70px;
}

.fenivir .button190
{
    left: 200px;
    position: absolute;
    top: 120px;   
}

.fenivir .productPicture
{
    margin-bottom: 20px;
}

.button190 div
{
    background-image: url('/_img/btn_190.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    text-align: center;
    width: 190px;
    height: 26px;
    padding: 18px 0px 0px 0px;
    display: inline-block;
}

.button230
{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    float: left;
}

.button230 div
{
    background-image: url('/_img/btn_210.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    text-align: center;
    width: 210px;
    height: 26px;
    padding: 18px 0px 0px 0px;
    display: inline-block;
}

.button140 div.rated, .button190 div.rated
{
    padding-top: 14px !important;
}

.fenivirLink
{
    left: 70px;
    position: absolute;
    top: 220px
}

.fenivirLink img
{
    height: 75px;
    width: 130px;
}

.fenistilLink
{
    left: 305px;
    position: absolute;
    top: 200px;
}

.fenistilLink img
{
    height: 130px;
    width: 140px;
}

.fenipicLink1
{
    left: 45px;
    position: absolute;
    top: 300px;
}

.fenipicLink1 img
{
    height: 100px;
    width: 270px;
}

.fenipicLink2
{
    left: 230px;
    position: absolute;
    top: 185px;
}

.fenipicLink2 img
{
    height: 225px;
    width: 65px;
}

.products .fenivirListItem 
{
    position: relative !important;
    margin-bottom: 50px !important;
}

.products .creme, .products .cremetint
{
    position: absolute !important;
    font-size: 12px !important;
    left: 41px;
    top: 55px;
}

.products .creme.active, .products .cremetint.active
{
    color: #d73100;
}

.products .cremetint 
{
    top: 80px;
}

.productPicture.fenivir img
{
    position: static;
}

.productPicture.fenivir a
{
    left: 310px;
    top: 20px;
}

.sliderFenivirCremeTintButton 
{
    margin-top: 25px;
    clear: both;
}

.sliderFenivirCremeButton 
{
    margin-top: 0px;
    clear: both;
}

#loading_layer{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:999998;
background-color: #FFF;
text-align: center;
margin: 0 auto;
}

#loading_layer img{
position:absolute;
top:50%;
left:50%;
z-index:999999;
text-align: center;
margin-top: -40px;
margin-left: -40px;
}