﻿#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; */
  color: White;
}

body div.page
{
  margin-left: -533px;
}

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;
}

body.home #search
{
  top: 0px !important;
  bottom: auto !important;
  left: auto !important;
  right: 14px !important;
}

body.home .dealersearch 
{
  left:62px;
  position:absolute;
  top:551px;
}
body.canadaPool .dealersearch 
{
    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;
}

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: 176px;
  background-color: #FFFFFF;
}
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: 0px;
  left: 0px;
  width: 223px;
  height: 251px;
  background-image:url(botonera_on.gif);
  background-repeat:no-repeat;
  background-position: 0px 80px;
}
.homeNavigationLangSelect
{
  background-image: none;
}
body.silverstonePool .homeNavigation
{
  background-image: none;
}
.page, body.usaPool .page 
{
  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.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.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.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;
}

/**************/
/* teaser bar */
.teaserBar
{
  display:block;
  position:absolute;
  top: 17px;
  left: 49px;
  width: 696px;
  height: 119px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.teaserBar li
{
  clear: both;
  position: absolute;
  display: inline;
  top: 0px;
  left: -200px; /* -> default Position ausserhalb des sichtbaren Bereichs 
                   -> korrekte Position wird per Javascript gesetzt wenn 
                      die Teaserbar zum ersten mal gescrollt wird */
  width: 167px;
  height: 130px; /*123px;*/ /*119px;*/
  padding-right: 9px;
}
.teaserBar li a
{
  width: 167px;
}
.teaserBar .teaser1, .teaserBar .teaser2, .teaserBar .teaser3, .teaserBar .teaser4 
{
  left: auto;
  padding-right: 9px;
}
.teaserBar .teaser1
{
  left: 0px;
}
.teaserBar .teaser2
{
  left: 167px;
}
.teaserBar .teaser3
{
  left: 352px;
}
.teaserBar .teaser4
{
  left: 528px;
}
.teaserBar li a img, .teaserBar .teaser1 a img, .teaserBar .teaser2 a img, .teaserBar .teaser3 a img, .teaserBar .teaser4  a img
{
  border: 0px black solid;
}
.teaserBar li a span, .teaserBar .teaser1 a span, .teaserBar .teaser2 a span, .teaserBar .teaser3 a span, .teaserBar .teaser4  a span
{
  margin-top: 6px;
}
#teaserbarNavLeft, #teaserbarNavRight
{
  position: absolute;
  top: 515px;
  width: 15px;
  height: 87px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #E3E3E3; /*#EEF2F5;*/ /* transparent */
}
#teaserbarNavLeft
{
  left: 296px;
}
#teaserbarNavRight
{
  left: 1008px;
}
#teaserbarNavLeft a
{
  background-image: url(teaser-arrow-left.gif);
}
#teaserbarNavLeft a:hover
{
  background-image: url(teaser-arrow-left-active.gif);
}
#teaserbarNavRight a
{
  background-image: url(teaser-arrow-right.gif);
}
#teaserbarNavRight a:hover
{
  background-image: url(teaser-arrow-right-active.gif);
}
/**************/

/*****************/
/* submenu items */
body.usaPool div.subnav 
{
	font-size: 11px !important;
}
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: 18px;
  padding: 0px;
  padding-top: 5px;
  text-indent: 24px;
  vertical-align: middle;
  border-bottom: 1px solid #CCCCCC;
  border-right: 0px solid #666666;
  background-position: 210px 8px;
  background-image: url(arrow-black.gif);
  background-repeat: no-repeat;
  opacity: 0.86;  
  filter: Alpha(opacity=86, finishopacity=86, style=2);
}
.toppos1 { top: 9px; }
.toppos2 { top: 34px; }
.toppos3 { top: 58px; }
.toppos4 { top: 80px; }
.toppos5 { top: 105px; }
.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; }

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, 
#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;
  color: #000000;
  z-index: 100000;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
#topnav1, .topnav1 
{
  top: 0px;
}

#topnav5, .topnav5
{
  border-bottom: 1px #CCCCCC solid; /* #cccccc */
}


#topnav1, .topnav1,
#topnav2, .topnav2,
#topnav3, .topnav3,
#topnav4, .topnav4,
#topnav5, .topnav5
{
  height: 47px;
  background-image: url(hg.jpg);
  background-color: white;
}

#topnav6, .topnav6
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav7, .topnav7
{
  height: 18px;/* + 5 padding top = 23 */
}
#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(resp_comp.jpg);
}
#topnav2 a
{
  background-image: url(resp_imp.jpg);
}
#topnav3 a
{
  background-image: url(resp_indum.jpg);
}
#topnav4 a
{
  background-image: url(resp_naut.jpg);
}
#topnav5 a
{
  background-image: url(resp_moto.jpg);
}

#topnav6, #topnav7, #topnav8, #topnav9, #topnav10, #topnav11, #topnav12, #topnav13, #topnav14, #topnav15
{
  background-color: #EEF2F5;
  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;
}

#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 */
{
  padding-top: 5px;
  height: 18px;
  text-indent: 24px;
  background-color: #EEF2F5;
  background-image: url(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;
}

.LineaAle1, .LineaAle2, .LineaAle3, .LineaAle4
{
    border-top: none;
    height:108px;
    margin-top:4px;
    overflow:hidden;
    padding-top:4px;
    padding-bottom:4px;
    position:absolute;
    top:0px;
}

.LineaJap1, .LineaJap2, .LineaJap3, .LineaJap4
{
    border-top: none;
    height:108px;
    margin-top:4px;
    overflow:hidden;
    padding-top:4px;
    padding-bottom:4px;
    position:absolute;
    top:0px;
}

.LineaAme1, .LineaAme2, .LineaAme3
{
    border-top: none;
    height:84px;
    margin-top:-22px;
    overflow:hidden;
    padding-top:-22px;
    padding-bottom:0px;
    position:absolute;
    top:0px;
}

.LineaAme4, .LineaAme5, .LineaAme6
{
    border-top: none;
    height:44px;
    margin-top:65px;
    overflow:hidden;
    padding-bottom:4px;
    position:absolute;
    top:0px;
}

.LineaMoto1, .LineaMoto2, .LineaMoto3, .LineaMoto4
{
    border-top: none;
    height:70px;
    margin-top:-22px;
    overflow:hidden;
    padding-top:-22px;
    padding-bottom:0px;
    position:absolute;
    top:0px;
}

.LineaMoto5, .LineaMoto6, .LineaMoto7, .LineaMoto8
{
    border-top: none;
    height:70px;
    margin-top:49px;
    overflow:hidden;
    padding-bottom:1px;
    position:absolute;
    top:0px;
}

.LineaIta1, .LineaIta2
{
    border-top: none;
    height:108px;
    margin-top:4px;
    overflow:hidden;
    padding-top:4px;
    padding-bottom:4px;
    position:absolute;
    top:0px;
}


.Productos1, .Productos3
{
    border-top: none;
    height:120px;
    margin-top:-24px;
    overflow:hidden;
    padding-top:4px;
    padding-bottom:7px;
    position:absolute;
    top:0px;
}

.Productos2
{
    border-top: none;
    height:108px;
    margin-top:2px;
    overflow:hidden;
    padding-top:4px;
    padding-bottom:4px;
    position:absolute;
    top:0px;
}

.bottomLeftFlyout
{
    left: 0px;
}
.bottomMiddleFlyout
{
    left:168px;
}
.bottomRightFlyout
{
    margin-top:4px;
    padding-top:6px;
    padding-bottom:4px;
    left: 351px;
    right: auto;
}
.bottomRightFlyout img
{
    display: none;
}
/*body div.infoFlyoutElementFirst p
{
	font-size: 10px !important;
}*/

.LineaAle1
{
    left: 0px;
}
.LineaAle2
{
    left:85px;
}
.LineaAle3
{
    left:170px;
}
.LineaAle4
{
    left:292px;
}

.LineaJap1
{
    left: 0px;
}
.LineaJap2
{
    left:97px;
}
.LineaJap3
{
    left:182px;
}
.LineaJap4
{
    left:268px;
}

.LineaAme1
{
    left: 0px;
}
.LineaAme2
{
    left:142px;
}
.LineaAme3
{
    left:263px;
}
.LineaAme4
{
    left:0px;
}
.LineaAme5
{
    left:142px;
}
.LineaAme6
{
    left:240px;
}
.LineaMoto1
{
    left: 0px;
}
.LineaMoto2
{
    left:84px;
}
.LineaMoto3
{
    left:165px;
}
.LineaMoto4
{
    left:267px;
}
.LineaMoto5
{
    left:0px;
}
.LineaMoto6
{
    left:93px;
}
.LineaMoto7
{
    left:187px;
}
.LineaMoto8
{
    left:280px;
}
.LineaIta1
{
    left: 0px;
}
.LineaIta2
{
    left:97px;
}

.Productos2
{
    left:185px;
}

.bottomRightFlyout
{
    margin-top:4px;
    padding-top:6px;
    padding-bottom:4px;
    left: 375px;
    right: auto;
}

.bottomRightFlyout .infoFlyoutElementSecond
{
    position: absolute;
    top: auto;
    bottom: 32px;
}
body.latin-america-esPool .bottomRightFlyout .infoFlyoutElementSecond
{
    bottom: 8px;
}
.bottomRightFlyout .infoFlyoutElementFirst p
{
    line-height: 16px !important;
}
/***************/

.teaserBar
{
    display: none;
    top: 0px;
    left: 0px;
    overflow: visible;
}
#teaserBarWrapper 
{
    display:block;
    height: 130px; /*119px;*/
    left:49px;
    margin:0px;
    overflow:hidden;
    padding:0px;
    position:relative;
    top:17px;
    width:696px;
}
.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
{
	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;
}
