
html{
overflow: hidden;
}

#homeHead1
{
    top: 59px;
    left: 398px;
}
#homeHead2
{
    top: 59px;
    left: 586px;
}
#homeHead3
{
    top: 59px;
    left: 753px;
}
body
{
  margin-left: 50%;
}

body.home h1
{
  border: 0px red solid;
  top: 8px;
  left: 40px;
  height: 128px;
  width:223px;
  z-index: 1;
}

body.home h1 a img
{
  /* height: 127px !important; */

}

body div.page
{
  margin-left: -531px;
}

body.home div.introImage
{
  top: 86px;
  left: 0px;
  width: 1062px;
  height: 466px;
  margin: 0px;
}

body.home div.content
{
  width: auto;
  padding-left: 263px;
  height: 555px !important;
  min-height: 555px;
}

body.belgiumPool div.content
{
  height: 755px !important;
  min-height: 755px;
}

/*****************/
/* Dealer Search */
body.home .dealersearch
{
  left:62px;
  position:absolute;
  top:551px;
}
body.canadaPool .dealersearch /* CA hat atm einen Bluebutton weniger, deshalb um 1 Pos nach oben schieben */
{
    top: 527px;
}
.dealersearch
{
  height: auto;
  position: absolute;
  width: auto;
}
.shoppingButtonDealersearch .searchbutton
{
    position:absolute;
    top:auto !important;
    bottom:2px !important;
    left: 159px !important;
    /*right:0px !important;*/
    width: 18px !important;
}
#dealersearchStandard
{
    display: none !important;
}
#dealersearchHome
{
    display: block !important;
    z-index: 10000;
    top: 551px; /*564px;*/
}
#dealersearchHome span.shoppingButtons
{
    padding-top: 0px !important;
}
.dealersearch .searchfield
{
  display: block;
  position: absolute;
  bottom: 2px;
  margin-right: 1px;
  padding:2px 2px 2px 20px;
  height: 13px;
  width: 134px;
  border: 0px solid #CCCCCC;
  background-color: #8ca9c5;
  color: #FFFFFF;
  font-size: 9px !important;
  vertical-align: middle;
}
.search .searchfield
{
    padding-left: 10px;
    width: 96px;
    background-color: #CCCCCC;
}
/*****************/

body.home #p_searchSite
{
    top: 7px !important;
}

body.home p.navigation
{
  position: absolute;
  top: 455px;
  left: 62px;
  padding: 0px;
  margin: 0px;
  width: 179px;
}


.homeNavigation, .homeNavigationLangSelect
{
  padding-top: 79px;
  top: 0px;
  left: 0px;
  width: 223px;
  height: 360px; /*312px;*/
  /* background-image:url(/images/jdpower/200803/navi_bg_aktiv.gif);
  background-repeat:no-repeat;
  background-position: 0px 80px;*/
}
.homeNavigationLangSelect
{
  background-image: none;
}
body.silverstonePool .homeNavigation
{
  background-image: none;
}
.page, body.usaPool .page /* USA nochmal genauer angeben, da sonst die falsche Breite aus der Pools.css uebernommen wird */
{
  width: 1063px;

}


#footer
{
  background-image: none;
}
#footer .meta
{
    left: 62px;
    text-align: left;
    width: auto;
}
#footer .copyright
{
    left: 296px;
}
#footer .meta, #footer .copyright
{
    line-height: 14px;
}

#homeShadow /* shadow, homenavigation */
{
  z-index: 0;
  position: absolute;
  top: 4px;
  left: 32px;
  height: 523px;
  width:239px;
  /*background-color: transparent !important;*/
  background-image: none !important;
  background-color: #363636 !important;
  opacity: 0.5;
  filter: Alpha(opacity=45, finishopacity=45, style=2);
}
#homemenue /* home navigation */
{
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 40px;
  height: 539px;
  width:223px;
  /*border: 2px solid #FF0000;*/
  background-image: none !important;
  background-color: transparent !important;
  /* background-color: #eef2f5 !important; */
}

body.belgiumPool #navshade1,
body.netherlandsPool #navshade1,
body.silverstonePool #navshade1,
body.brazilPool #navshade1,
body.middle-eastPool #navshade1,
body.internationalPool #navshade1,
body.papPool #navshade1,
body.australiaPool #navshade1,
body.canadaPool #navshade1,
body.chinaPool #navshade1,
body.francePool #navshade1,
body.germanyPool #navshade1,
body.italyPool #navshade1,
body.japanPool #navshade1,
body.latin-america-esPool #navshade1,
body.latin-america-enPool #navshade1,
body.portugalPool #navshade1,
body.russiaPool #navshade1,
body.spainPool #navshade1,
body.swissPool #navshade1,
body.ukPool #navshade1,
body.usaPool #navshade1,
body.pbe-masterPool  #navshade1,
body.pcb-antwerpenPool  #navshade1,
body.pcb-brusselsPool  #navshade1,
body.pcb-geelPool  #navshade1,
body.pcb-gemblouxPool  #navshade1,
body.pcb-gentPool  #navshade1,
body.pcb-knokkePool  #navshade1,
body.pcb-liegePool  #navshade1,
body.pcb-west-vlaanderenPool  #navshade1,
body.canada-pdePool  #navshade1
{
  top: 0px;
  height: 439px;
  width: 223px;
  background-image: none !important;


  background-color: transparent !important;
}

#navshade3
{
    background-image: none !important;
    background-color: #FFFFFF !important;
    margin: 0px;
    padding: 0px;
    top: 72px;
    left: 447px;
    height: 471px;
    width: 544px;
    opacity: 0.2 !important;
    filter: Alpha(opacity=20, finishopacity=20, style=2) !important;
}


body .info
{
  top: 88px;
  left: 494px;
  width: 495px; /* 527 - 32 padding */
  height: 421px;
  border: 1px solid #E3E3E3;
}


.home .innerContent
{
    width:auto;
    padding-top:455px;
    min-height: 200px; /*290px;*/
    height: auto;
}



/*****************/
/* submenu items */
body.usaPool div.subnav
{
        font-size: 11px !important;
}

.toppos1 { top:  8px; }
.toppos2 { top: 32px; }
.toppos3 { top: 56px; }
.toppos4 { top: 80px; }
.toppos5 { top: 104px; }
.toppos6 { top: 128px; }
.toppos7 { top: 152px; }
.toppos8 { top: 176px; }
.toppos9 { top: 200px; }
.toppos10 { top: 224px; }
.toppos11 { top: 248px; }
.toppos12 { top: 272px; }
.toppos13 { top: 296px; }
.toppos14 { top: 320px; }
.toppos15 { top: 344px; }
.toppos16 { top: 368px; }
.toppos17 { top: 392px; }
.toppos18 { top: 416px; }
.toppos19 { top: 440px; }
.toppos20 { top: 464px; }
.toppos21 { top: 488px; }
.toppos22 { top: 512px; }
.toppos23 { top: 536px; }


body div.toppos18
{
    border-bottom: none;
}


/********************/
/* main menue items */
/********************/
div.topnav
{
  text-transform: none;
}
#topnav1, .topnav1,
#topnav2, .topnav2,
#topnav3, .topnav3,
#topnav4, .topnav4,
#topnav5, .topnav5,
#topnav6, .topnav6,
#topnav7, .topnav7,
#topnav8, .topnav8,
#topnav9, .topnav9,
#topnav10, .topnav10,
#topnav11, .topnav11,
#topnav12, .topnav12,
#topnav13, .topnav13,
#topnav14, .topnav14,
#topnav15, .topnav15
{
  overflow: visible;
  position: relative;
  top: 0px;
  width: 223px;
  border: 0px #CCCCCC solid;
  border-top: 1px #CCCCCC solid; /* #cccccc */
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  font-size: 11px;
  z-index: 100000;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
#topnav1, .topnav1 /* id of menu item, CSS class of shadow */
{
  top: 0px;
}

#topnav1, .topnav1,
#topnav2, .topnav2,
#topnav3, .topnav3,
#topnav4, .topnav4,
#topnav5, .topnav5,
#topnav6, .topnav6,
#topnav7, .topnav7
{
  height: 47px;
  /* background-image: url(/images/jdpower/200803/hg.jpg); */
  /*background-image: url(modelrange.gif);*/
  background-position: 0px -603px;
  /*background-color:#EAEAEA;*/
  background-repeat: no-repeat;
}


#topnav8, .topnav8
{
  height: 18px;/* + 5 padding top = 23 */
}
#topnav9, .topnav9
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav10, .topnav10, #topnav11, .topnav11, #topnav12, .topnav12, #topnav13, .topnav13, #topnav14, .topnav14, #topnav15, .topnav15
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav1 a
{
  background-image: url(modelrange.gif);
  background-position: 0px -300px;
  background-repeat: no-repeat;
}
#topnav2 a
{
  background-image: url(modelrange.gif);
  background-position: 0px -200px;
  background-repeat: no-repeat;
}
#topnav3 a
{
  background-image: url(modelrange.gif);
  background-position: 0px -500px;
  background-repeat: no-repeat;
}
#topnav4 a
{
  background-image: url(modelrange.gif);
  background-position: 0px -100px;
  background-repeat: no-repeat;
}
#topnav5 a
{
  background-image: url(modelrange.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#topnav6 a
{
  background-image: url(modelrange.gif);
  background-position: 0px -400px;
  background-repeat: no-repeat;
}

#topnav7 a
{
  background-image: url(modelrange.gif);
  background-position: 0px -600px;
  background-repeat: no-repeat;
}

#topnav8, #topnav9, #topnav10, #topnav11, #topnav12, #topnav13, #topnav14, #topnav15
{
  background-color: #000000;
  height: 23px;
}

a.topnavlink /* 223 breit, 48 hoch */
{
  padding: 0px;
  margin: 0px;
  position: absolute;
  width: 223px;
  height: 47px;
  color: #000000;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-decoration: none;
}

#topnav8 a.topnavlink, #topnav9 a.topnavlink, #topnav10 a.topnavlink, #topnav11 a.topnavlink, #topnav12 a.topnavlink, #topnav13 a.topnavlink, #topnav14 a.topnavlink, #topnav15 a.topnavlink /* 223 breit, 23 hoch */
{
  /*font-size: 10px;*/
  padding-top: 5px;
  height: 18px;
  text-indent: 24px;
  background-color: #FFFFFF;
  /* background-image: url(/images/arrow-black.gif);
  background-position: 210px 8px;*/
  background-image: url(../images/arrows.gif);
  background-position: 210px -592px;
}
#topnav8 a.final, #topnav9 a.final, #topnav10 a.final, #topnav11 a.final, #topnav12 a.final, #topnav13 a.final, #topnav14 a.final, #topnav15 a.final /* 223 breit, 23 hoch */
{
  background-image: none !important;
}


/***************/
/* Flyout Layer*/
.infoFlyoutImage
{
    width: auto;
    height: auto;
}
.infoFlyoutImage img
{
    width: 495px;
    height: 284px;
}
.bottomFlyout
{
    width: auto;
}
.infoLinkFlyout
{
    width: 153px;
}
.infoLinkHeading
{
    /* margin: 0px 0px 0px -1px; */
    margin: 0;
    padding: 0px 0px 13px 0px;
}
.infoLinkFlyout a
{
    width: 135px; /* 135 Breite + Padding 4 + Padding 13 = 152 */
    margin-top: 0px;
    /* padding-top: 5px; */
    padding-left: 0px;
    /* background-position: 0px 8px; */
    background-position: 0px -442px;
}
.infoLinkFlyout a.first
{
    border-top:1px dashed #CCCCCC;
    /* padding-top: 5px; */
}
.bottomLeftFlyout, .bottomMiddleFlyout
{
    border-top: none;
    height:108px;
    margin-top:0px;
    overflow:hidden;
    padding-top:0px;
    padding-bottom:0px;
    position:absolute;
    top:0px;
    width:153px;
}
.bottomLeftFlyout
{
    left: 0px;
}
.bottomMiddleFlyout
{
    left:173px;
    /* background: url(logos/pdflogo.jpg); */
}
.bottomRightFlyout
{
    margin-top:7px;
    height:108px;
    padding-top:7px;
    padding-bottom:0px;
    left: 334px;
    right: auto;
}
.bottomRightFlyout img
{
    display: none;
}
/*body div.infoFlyoutElementFirst p
{
        font-size: 10px !important;
}*/
.bottomRightFlyout .infoFlyoutElementSecond
{
    position: absolute;
    top: auto;
    bottom: 32px;
}
body.belgiumPool .bottomRightFlyout .infoFlyoutElementSecond, body.netherlandsPool .bottomRightFlyout .infoFlyoutElementSecond
{
    /* position: auto;*/
    top: auto;
    bottom: auto;
}

body.latin-america-esPool .bottomRightFlyout .infoFlyoutElementSecond
{
    bottom: 8px;
}
.bottomRightFlyout .infoFlyoutElementFirst p
{
    line-height: 16px !important;
    width:auto;
}
/***************/


.teaserNav
{
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
}
.infoFlyoutFootnote
{
  bottom: -14px;
  position: absolute;
  right: -0px;
  color: #abacad;
}
/* Flyout */
.info, .infoFlyout , .bottomFlyout
{
    overflow: visible;
}

body.germanyPool div.bottomRightFlyout,
body.swissPool div.bottomRightFlyout,
body.ukPool div.bottomRightFlyout,
body.internationalPool div.bottomRightFlyout,
body.francePool div.bottomRightFlyout,
body.italyPool div.bottomRightFlyout,
body.spainPool div.bottomRightFlyout,
body.portugalPool div.bottomRightFlyout,
body.belgiumPool div.bottomRightFlyout,
body.pbe-masterPool  div.bottomRightFlyout,
body.pcb-antwerpenPool div.bottomRightFlyout,
body.pcb-brusselsPool div.bottomRightFlyout,
body.pcb-geelPool div.bottomRightFlyout,
body.pcb-gemblouxPool div.bottomRightFlyout,
body.pcb-gentPool div.bottomRightFlyout,
body.pcb-knokkePool div.bottomRightFlyout,
body.pcb-liegePool div.bottomRightFlyout,
body.pcb-west-vlaanderenPool div.bottomRightFlyout,
body.netherlandsPool div.bottomRightFlyout
{
        width: 151px;
        left:auto;
        right:0px;
        top:-10px;
}
body.germanyPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.swissPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.ukPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.internationalPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.francePool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.italyPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.spainPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.portugalPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.belgiumPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.pbe-masterPool  div.bottomRightFlyout .infoFlyoutElementFirst img,
body.pcb-antwerpenPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.pcb-brusselsPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.pcb-geelPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.pcb-gemblouxPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.pcb-gentPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.pcb-knokkePool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.pcb-liegePool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.pcb-west-vlaanderenPool div.bottomRightFlyout .infoFlyoutElementFirst img,
body.netherlandsPool  div.bottomRightFlyout .infoFlyoutElementFirst img
{
        display:block;
}

body.germanyPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.swissPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.ukPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.internationalPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.francePool div.bottomRightFlyout .infoFlyoutElementSecond,
body.italyPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.spainPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.portugalPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.belgiumPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.pbe-masterPool  div.bottomRightFlyout .infoFlyoutElementSecond,
body.pcb-antwerpenPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.pcb-brusselsPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.pcb-geelPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.pcb-gemblouxPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.pcb-gentPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.pcb-knokkePool div.bottomRightFlyout .infoFlyoutElementSecond,
body.pcb-liegePool div.bottomRightFlyout .infoFlyoutElementSecond,
body.pcb-west-vlaanderenPool div.bottomRightFlyout .infoFlyoutElementSecond,
body.netherlandsPool div.bottomRightFlyout .infoFlyoutElementSecond
{
        bottom: 3px;
        text-align: center;
}



body.pbe-masterPool  .adressfeld,
body.pcb-antwerpenPool .adressfeld,
body.pcb-brusselsPool .adressfeld,
body.pcb-geelPool .adressfeld,
body.pcb-gemblouxPool .adressfeld,
body.pcb-gentPool .adressfeld,
body.pcb-knokkePool .adressfeld,
body.pcb-liegePool .adressfeld,
body.pcb-west-vlaanderenPool .adressfeld
{
        left: -811px;
        top: 560px;
}