@charset "UTF-8";
/*############################################################*/
/*#  CSS Document for SEW Webapp                             #*/
/*#  Template IE GUIDE Step1                                 #*/
/*#  version $Revision: 58 $  #*/
/*#  author $Author: m.morgenstern $  #*/
/*#  $Id: IEGUIDE_STEP1.css 58 2010-11-18 22:41:58Z m.morgenstern $    #*/
/*#  $Date: 2010-11-18 23:41:58 +0100 (Do, 18 Nov 2010) $    #*/
/*############################################################*/




/*############################################################*/
/*#                  BASIC CLASSES                           #*/
/*############################################################*/




/*############################################################*/
/*#                  BASIC ELEMENTS                          #*/
/*############################################################*/




/*############################################################*/
/*#                  STRUCTURE                               #*/
/*############################################################*/
.tpl_ieguide .contents #content-ieguide-step2
{
    overflow: auto;
}

.contents
{
    background: url('../Images/mapBg.png') no-repeat 0 10px;
}

.content-top
{
    margin-bottom: 15px;
}

.content-bottom
{
}

.content-bottom-ieguide-step1
{
    position: relative;
    overflow: hidden;
}

.content-bottom-ieguide-step1-loader-wrapper
{
    height: 270px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 948px;
}

.content-bottom-ieguide-step1-loader
{
    margin-top: 80px;
    position: relative;
    text-align: center;
    width: 948px;
    z-index: 10;
}

.content-bottom-ieguide-step1-loader-wrapper-bg
{
    background-color: #FFFFFF;
    background-image: url('../Images/mapBg.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 270px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 948px;
    z-index: 1;
}


.content-left
{
    float: left;
    margin: 0px 0px 0px 39px;
    width: 550px;
}

.content-top .content-left
{
    margin-top: 55px;
}

.content-right
{
    float: left;
    margin: 0px 0px 0px 39px;
    width: 282px;
}

.teaser-iphones
{
    background-color: transparent;
    background-image: url('../Images/iphones.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 190px;
    position: relative;
    width: 282px;
}

.country-chooser
{
    margin: 10px 0px 0px 0px;
    overflow: auto;
}

.country-chooser .country-item
{
    -moz-border-radius: 0px;
    background: none;
    border: none;
    float: left;
    height: 82px;
    margin: 0px 12px 3px 0px;
    position: relative;
    text-align: left;
    width: 75px;
}

.country-chooser .country-item span.flag
{
    display: block;
    height: 33px;
    margin: 13px 0px 0px 21px;
    overflow: hidden;
    width: 33px;
}

.country-chooser .country-item span.selected
{
    background-color: transparent;
    background-image: url('../Images/checked.png');
    background-position: left top;
    background-repeat: no-repeat;
    display: none;
    height: 21px;
    left: 40px;
    position: absolute;
    top: 11px;
    width: 20px;
}

.country-chooser .ui-state-active span.selected
{
    display: inline;
}

.country-chooser .country-item span.country
{
    display: block;
    font-size: 12px;
    margin-top: 6px;
    text-align: center;
}

.button-area
{
    margin: 0px 0px 0px 0px;
    position: static;
    text-align: right;
    width: 275px;
}

.noResultOverlay
{
    background-image: url('../Images/overlayBg.png');
    background-position: left top;
    background-repeat: repeat;
    bottom: 0px;
    display: none;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 1000;
}

.noJSOverlay
{
    background-image: url('../Images/overlayBg.png');
    background-position: left top;
    background-repeat: repeat;
    bottom: 0px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 1000;
}

.exceptionsOverlay
{
    background-image: url('../Images/overlayBg.png');
    background-position: left top;
    background-repeat: repeat;
    display: none;
    bottom: 0px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 1000;
}

.noResultOverlayBox,
.noJSOverlayBox
{
    background-image: url('../Images/noresultBoxBg.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 138px;
    left: 50%;
    margin: -69px 0 0 -258px;
    position: absolute;
    top: 50%;
    width: 516px;
}

.exceptionsOverlayBox
{
    background-image: url('../Images/exceptionsBoxBg.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 324px;
    left: 50%;
    margin: -162px 0 0 -258px;
    position: absolute;
    top: 50%;
    width: 516px;
}

.noResultOverlayBox-wrapper,
.noJSOverlayBox-wrapper
{
    margin: 30px 0px 0px 45px;
    width: 410px;
}

.exceptionsOverlayBox-wrapper
{
    margin: 30px 0px 0px 45px;
    width: 447px;
}

.exceptionsOverlayBox-wrapper .flexcroll
{
    height: 226px;
    overflow: auto;
    margin: 12px 0px 0px 0px;
    width: 430px;
}

.exceptionsOverlayBox-wrapper .flexcroll-item
{
    display: none;
}

#content-ieguide-step2 .content-down-footer
{
	float: left;
    margin-left: 36px;
    width: 755px;
}



/*############################################################*/
/*#                  PARAGRAPHS                              #*/
/*############################################################*/
.content-top .content-left p
{
    width: 442px;
}

.content-bottom .content-left p.subline
{
    color: #919396;
}

.noResultOverlayBox-wrapper p
{
    margin: 22px 0px 0px 0px;
}



/*############################################################*/
/*#                  HEADLINES                               #*/
/*############################################################*/
.teaser-iphones h3
{
    font-size: 20px;
    height: 50px;
    left: 156px;
    overflow: hidden;
    position: absolute;
    top: 34px;
    width: 126px;
}

.exceptionsOverlayBox-wrapper .flexcroll h4
{
    color: #2C353C;
    font-size: 14px;
    margin: 0px 0px 8px 0px;
}

.content-bottom-ieguide-step1-loader h5
{
    font-size: 8px;
    margin-top: 5px;
}



/*############################################################*/
/*#                  IMAGES                                  #*/
/*############################################################*/




/*############################################################*/
/*#                  ATTRIBUTES                              #*/
/*############################################################*/
.teaser-iphones a
{
    height: 165px;
    left: 65px;
    position: absolute;
    top: 25px;
    width: 220px;
    z-index: 10;
}



/*############################################################*/
/*#                  LISTS                                   #*/
/*############################################################*/
.country-chooser-selectors ul
{
    margin: 16px 0px 20px 0px;
    overflow: auto;
}

.country-chooser-selectors ul li
{
    float: left;
    list-style-type: none;
    list-style-position: outside;
    margin: 0px 28px 0px 0px;
}

.exceptionsOverlayBox-wrapper .flexcroll ul
{
    margin: 0px 0px 24px 0px;
}

.exceptionsOverlayBox-wrapper .flexcroll ul li
{
    color: #64707A;
    font-size: 12px;
    list-style-position: outside;
    margin: 0px 0px 8px 15px;
}



/*############################################################*/
/*#                  TABLE                                   #*/
/*############################################################*/




/*############################################################*/
/*#                  FORMS                                   #*/
/*############################################################*/
.power-container
{
    height: 170px;
    margin: 40px 0px 0px 0px;
    position: relative;
}

.power-switch-container
{
    height: 50px;
    margin: 0px 0px 5px 0px;
    overflow: hidden;
}

.power-switch-container .power-switch-container-kw,
.power-switch-container .power-switch-container-hp
{
    margin: 0px 0px 5px 0px;
    width: 282px;
}

#horsepowerSelector-button
{
    display: none;
}

#powerSelector-button,
#horsepowerSelector-button
{
    left: 0px;
    position: absolute;
    top: 55px;
}

.ui-selectmenu
{
    -moz-border-radius: 0;
    background-color: #FFFFFF;
    background-image: none;
    font-size: 12px;
    height: 20px;
}

.ui-selectmenu:hover
{
    color: #23282D;
}

.ui-selectmenu-status
{
    padding-left: 9px;
    padding-top: 1px;
}

.ui-selectmenu-menu li a
{
    line-height: 11px;
}

.button-area input
{
    background-color: #FF0000;
    border: none;
    color: #FFFFFF;
    height: 22px;
    padding: 2px 10px 4px 10px;
}

.button-area input:hover
{
    color: #000000;
    cursor: pointer;
}






/*############################################################*/
/*#                  EXTENSIONS                              #*/
/*############################################################*/
/* Scroll Bar Master Styling Starts Here */
.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0; 
    left: 0;
}

.vscrollerbar {
    width: 36px;
    background-color: transparent;
    background-image: url('../Images/flexcroll.png');
    background-position: -36px 0px;
    background-repeat: repeat-y;
}
.vscrollerbarbeg {
    height: 36px !important;
    width: 36px;
    background-image: url('../Images/flexcroll.png');
    background-position: -108px -27px;
    background-repeat: no-repeat;
}
.vscrollerbarend {
    height: 36px;
    width: 36px;
    background-image: url('../Images/flexcroll.png');
    background-position: -108px -17px;
    background-repeat: no-repeat;
}
.vscrollerbase {
    width: 36px;
    background-color: transparent;
    background-image: url('../Images/flexcroll.png');
    background-position: 0px 0px;
    background-repeat: repeat-y;
}
.vscrollerbar {
    padding: 0px;
    z-index: 2;
}
/* Scroll Bar Master Styling Ends Here */





/*############################################################*/
/*#                  CERTIFYLOGO                             #*/
/*############################################################*/
.certifyLogoOverlay
{
    background-image: url('../Images/overlayBg.png');
    background-position: left top;
    background-repeat: repeat;
    display: none;
    bottom: 0px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 1000;
}

.certifyLogoOverlay .certifyLogoOverlayBox
{
    background-image: url('../Images/certifiyLogoBoxBg.png');
    background-position: left top;
    background-repeat: no-repeat;
    height: 430px;
    left: 50%;
    margin: -218px 0 0 -325px;
    position: absolute;
    top: 50%;
    width: 650px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .certifyLogoOverlayBox-wrapper
{
    margin: 24px 0px 0px 30px;
    width: 447px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container
{
    margin: 28px 0px 0px 30px;
    overflow: hidden;
    width: 650px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo-row
{
    float: left;
    overflow: hidden;
    width: 320px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo-row-left
{
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo-row-right
{
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo
{
	height: 55px;
    margin-bottom: 12px;
    overflow: hidden;
    width: 300px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo .image
{
    float:left;
    margin-right: 22px;
    overflow: hidden;
    width: 60px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo p
{
	float: left;
    font-size: 11px;
    line-height: 1.5;
    width: 180px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo-row-right .logo
{
	height: 115px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo-row-right .logo .image
{
    width: 80px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo-row-right .logo p
{
    width: 160px;
}

.starimage
{
    float:left;
}

.starimage2
{
	position: absolute;
	left:  400px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .addition
{
    bottom: 14px;
    float: left;
    position: absolute;
    right: 20px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .additiontext
{
    font-size: 11px;
    margin-left: 11px;
    margin-top: 3px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo-down .logo
{
    width: 350px;
}

.certifyLogoOverlay .certifyLogoOverlayBox .logo-container .logo-down .logo .image
{
    width: 120px;
}