﻿#homeHead1
{
    top: 59px;
    left: 398px;
}
#homeHead2
{
    top: 59px;
    left: 586px;
}
#homeHead3
{
    top: 59px;
    left: 753px;
}
body 
{
  margin-left: 50%;
}

body.home h1
{
	display: none;
  border: 0px red solid;
  top: 8px;
  left: 40px;
  height: 128px;
  width:223px;
  z-index: 1;
}

body.home h1 a img
{
  /* height: 127px !important; */
  color: White;
}

body div.page
{
  margin-left: -531px;
}

body.home div.introImage 
{
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
}

body.home div.content
{
  width: auto;
  padding-left: 263px;
  height: 710px !important;
  min-height: 710px;
}

/*****************/
/* 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: #ffffff;
}
/*****************/

body.home #p_searchSite
{
    top: 7px !important;
}

body.home p.navigation
{
  position: absolute;
  top: 455px;
  left: 62px;
  padding: 0px;
  margin: 0px;
  width: 179px;
}

body.home .shoppingButtons 
{
  position: absolute;
  left: 0px;
  width: 177px;
  height: auto;
  top: 13px;
  padding: 0px 0px 0px !important;
  /*top: 0px;
  padding: 13px 0px 0px !important;*/
  margin: 0px;
}
body.home .shoppingButtons span 
{
  width: 174px;
  background-color: #FFFFFF;
	border: 1px solid #5B85AD;
}
body.home .shoppingButtons span a
{
  padding: 0px;
  padding-left: 20px;
  padding-top: 1px;
  margin: 0px;
  width: 153px;
  height: 14px;
  vertical-align: middle;
}

.homeNavigation, .homeNavigationLangSelect
{
  padding-top: 79px;
  top: 8px;
  left: 40px;
  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;
  background-image: none;
}


#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: 0px;
  left: 32px;
  height: 455px;
  width:239px;
  /*background-color: transparent !important;*/
  background-image: none !important;
  background-color: #FFFFFF !important; 
  opacity: 0.2; 
  filter: Alpha(opacity=20, finishopacity=20, style=2);
}
#homemenue /* home navigation */
{
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 40px;
  height: 439px;
  width:223px;
  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 
{
  top: 0px;
  height: 439px;
  width: 223px;
  background-image: none !important;
  opacity: none !important;  
  filter: none !important;
  background-color: transparent !important;
}

body.belgiumPool #navshade3,
body.netherlandsPool #navshade3,
body.silverstonePool #navshade3, 
body.brazilPool #navshade3, 
body.middle-eastPool #navshade3, 
body.internationalPool #navshade3, 
body.papPool #navshade3, 
body.australiaPool #navshade3, 
body.canadaPool #navshade3,
body.chinaPool #navshade3, 
body.francePool #navshade3,
body.germanyPool #navshade3, 
body.italyPool #navshade3, 
body.japanPool #navshade3, 
body.latin-america-esPool #navshade3, 
body.latin-america-enPool #navshade3, 
body.portugalPool #navshade3, 
body.russiaPool #navshade3, 
body.spainPool #navshade3, 
body.swissPool #navshade3, 
body.ukPool #navshade3, 
body.usaPool #navshade3  /* flyout shadow */
{
  background-image: none !important;
  background-color: #ffffff !important;
  margin: 0px;
  padding: 0px;
  top: -8px;
  left: 447px; /*462px;*/
  height: 455px;
  width: 544px;
  opacity: 0.2 !important;  
  filter: Alpha(opacity=20, finishopacity=20, style=2) !important;
}
body.belgiumPool .info,
body.netherlandsPool .info,
body.silverstonePool .info, 
body.brazilPool .info, 
body.middle-eastPool .info, 
body.internationalPool .info, 
body.papPool .info, 
body.australiaPool .info, 
body.canadaPool .info,
body.chinaPool .info, 
body.francePool .info,
body.germanyPool .info, 
body.italyPool .info, 
body.japanPool .info, 
body.latin-america-esPool .info, 
body.latin-america-enPool .info, 
body.portugalPool .info, 
body.russiaPool .info, 
body.spainPool .info, 
body.swissPool .info, 
body.ukPool .info, 
body.usaPool .info  /* flyout */
{
  top: 0px;
  left: 456px;
  width: 495px; /* 527 - 32 padding */
  height: 407px;
}

.home .innerContent 
{
  width:auto;
  padding-top:455px;
  min-height: 200px; /*290px;*/
  height: auto;
}



/*****************/
/* submenu items */

body.belgiumPool div.subnav,
body.netherlandsPool div.subnav,
body.silverstonePool div.subnav, 
body.brazilPool div.subnav, 
body.middle-eastPool div.subnav, 
body.internationalPool div.subnav, 
body.papPool div.subnav, 
body.australiaPool div.subnav, 
body.canadaPool div.subnav,
body.chinaPool div.subnav, 
body.francePool div.subnav,
body.germanyPool div.subnav, 
body.italyPool div.subnav, 
body.japanPool div.subnav, 
body.latin-america-esPool div.subnav, 
body.latin-america-enPool div.subnav, 
body.portugalPool div.subnav, 
body.russiaPool div.subnav, 
body.spainPool div.subnav, 
body.swissPool div.subnav, 
body.ukPool div.subnav, 
body.usaPool div.subnav  /* flyout */
{
  width: 223px;
  height: 23px;
  padding: 0px;
  /*padding-top: 5px;*/
  line-height: 24px;
  text-indent: 24px;
  vertical-align: middle;
  border-bottom: 1px solid #CCCCCC;
  border-right: 0px solid #666666;
  background-position: 210px 8px;
  background-image: url(/images/arrow-black.gif);
  opacity: 0.86;  
  filter: Alpha(opacity=86, finishopacity=86, style=2);
}
.toppos1 { top: 80px; }
.toppos2 { top: 104px; }
.toppos3 { top: 128px; }
.toppos4 { top: 152px; }
.toppos5 { top: 176px; }

.toppos1, .toppos2, .toppos3, .toppos4
{
	border-bottom: 1px solid #CCCCCC;
}

body.belgiumPool div.toppos18, 
body.netherlandsPool div.toppos18,
body.silverstonePool div.toppos18, 
body.brazilPool div.toppos18, 
body.middle-eastPool div.toppos18, 
body.internationalPool div.toppos18, 
body.papPool div.toppos18, 
body.australiaPool div.toppos18, 
body.canadaPool div.toppos18,
body.chinaPool div.toppos18, 
body.francePool div.toppos18,
body.germanyPool div.toppos18, 
body.italyPool div.toppos18, 
body.japanPool div.toppos18, 
body.latin-america-esPool div.toppos18, 
body.latin-america-enPool div.toppos18, 
body.portugalPool div.toppos18, 
body.russiaPool div.toppos18, 
body.spainPool div.toppos18, 
body.swissPool div.toppos18, 
body.ukPool div.toppos18, 
body.usaPool div.toppos18
{ top: 416px; border-bottom: none; }
/*****************/

/********************/
/* main menue items */
div.topnav
{
  text-transform: none;
}
#topnav1, .topnav1, 
#topnav2, .topnav2, 
#topnav3, .topnav3, 
#topnav4, .topnav4, 
#topnav5, .topnav5
{
  overflow: visible;
  position: relative;
  top: 0px;
  width: 203px;
  border: 0px #CCCCCC solid;
  border-top: 1px #CCCCCC solid; /* #cccccc */
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  font-size: 11px;
  color: #000000;
  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
{
  height: 15px;
  background-image: url(/Images/arrow-black.gif);
  background-color: #FFFFFF;
	background-position: 210px 8px;
	padding: 4px 10px;
	color: #000000;
}

#topnav5
{
	border-bottom: 1px #CCCCCC solid;
}

a.topnavlink /* 223 breit, 48 hoch */
{
  padding: 0px;
  margin: 0px;
  position: absolute;
  width: 233px;
  height: 47px;
  color: #000000;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-decoration: none;
}

#topnav6 a.topnavlink, #topnav7 a.topnavlink, #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: #EEF2F5;
  background-image: url(/images/arrow-black.gif);
  background-position: 210px 8px;
  
}
#topnav6 a.final, #topnav7 a.final, #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;
}
body.usaPool #topnav6 a.topnavlink, body.usaPool #topnav7 a.topnavlink, body.usaPool #topnav8 a.topnavlink, body.usaPool #topnav9 a.topnavlink, body.usaPool #topnav10 a.topnavlink, body.usaPool #topnav11 a.topnavlink, body.usaPool #topnav12 a.topnavlink, body.usaPool #topnav13 a.topnavlink, body.usaPool #topnav14 a.topnavlink, body.usaPool #topnav15 a.topnavlink /* 223 breit, 23 hoch */
{
	font-size: 11px !important;
}
/***************/

/***************/
/* Flyout Layer*/
.infoFlyoutImage 
{
    width: auto;
    height: auto;
}
.infoFlyoutImage img 
{
    width: auto;
    height: auto;
}
.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: 13px;
    background-position: 0px 8px;
}
.infoLinkFlyout a.first
{
    border-top:1px dashed #CCCCCC;
    padding-top: 5px;
}
.bottomLeftFlyout, .bottomMiddleFlyout
{
    border-top: none;
    height:108px;
    margin-top:4px;
    overflow:hidden;
    padding-top:4px;
    padding-bottom:4px;
    position:absolute;
    top:0px;
    width:153px;
}
.bottomLeftFlyout
{
    left: 0px;
}
.bottomMiddleFlyout
{
    left:168px;
}
.bottomRightFlyout
{
    margin-top:4px;
    padding-top:6px;
    padding-bottom:4px;
    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;
}

.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
{
	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
{
	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
{
	bottom: 3px; 
	text-align: center;
}
