/* Styleguide pool */

/* bugfix IE 6 911 Carerra Engine Diagram */
#engineDiagramPage1 
{
	height: auto; /* anstelle 420px */
}
#engineDiagramControl 
{
	z-index:10000;
}

body.styleguidePool .navigationHome,
body.styleguide-enPool .navigationHome
{
    background-position: -200px;
}
body.styleguidePool #navigationShade,
body.styleguidePool #navigationHomeSub,
body.styleguide-enPool #navigationShade,
body.styleguide-enPool #navigationHomeSub,
body.specialsPool #navigationShade,
body.specialsPool #navigationHomeSub,
body.fairsPool #navigationShade,
body.fairsPool #navigationHomeSub,
body.messePool #navigationShade,
body.messePool #navigationHomeSub
{
    left: -500px;
}

body.styleguidePool .meta,
body.styleguide-enPool .meta
{
    display: none;
}
body.styleguidePool .shoppingShade,
body.styleguide-enPool .shoppingShade
{
    top: 177px;
    height: 262px;
}
body.styleguidePool .topnav,
body.styleguide-enPool .topnav
{
    background-position: -200px -200px;
}

body.styleguidePool .search,
body.styleguide-enPool .search
{
    display: none;
}
/* Swiss-Pool - Only 3 Menu entries */
body.swissPool #navigationShade
{
    height: 81px;
}
body.swissPool #navigationHomeSub
{
    height: 72px;   
}
body.usaPool #navshade1, body.usaPool #navshadeSimple1,
body.canadaPool #navshade1, body.canadaPool #navshadeSimple1
{
	width:151px;
} 

body.usaPool #navshade2, body.usaPool #navshadeSimple2,
body.canadaPool #navshade2, body.canadaPool #navshadeSimple2
{
	width:158px;
} 
body.usaPool #navshade3, body.usaPool #navshadeSimple3,
body.canadaPool #navshade3, body.canadaPool #navshadeSimple3
{
	width:132px;
} 
body.usaPool #navshade4, body.usaPool #navshadeSimple4, 
body.canadaPool #navshade4, body.canadaPool #navshadeSimple4 
{
	left:223px;
	width:838px;
	z-index:3;
}
body.usaPool div.subnav,
body.canadaPool div.subnav
{
    width: 218px;
    background-position: 186px 8px;
    filter: alpha(opacity=86);
    -moz-opacity: .86;
}
body.usaPool div.subna\v,
body.canadaPool div.subna\v
{
    /* width: 136px; */
	width: 147px;
    background-position: 142px 8px;
}
body.usaPool div.subna\v2,
body.canadaPool div.subna\v2
{
    /* width: 136px; */
	width: 154px;
    background-position: 148px 8px;
}
body.usaPool div.subna\v3,
body.canadaPool div.subna\v3
{
    /* width: 136px; */
	width: 128px;
    background-position: 122px 8px;
}
/*********
  STV 2007.10.25:
     -> JD-Power KBLayer-Umbau */

body.usaPool #knowledgeBase h2, 
body.canadaPool #knowledgeBase h2, 
body.latin-america-enPool #knowledgeBase h2
{
    display:inline;
    vertical-align:top;
    white-space: nowrap;
    border-style:none;
    font-size: 12px;
}
body.usaPool #knowledgeBase h2 img, 
body.canadaPool #knowledgeBase h2 img, 
body.latin-america-enPool #knowledgeBase h2 img
{
    display:inline;
    border-style:none;
}
body.usaPool #kbNext, body.usaPool #kbPrev, 
body.canadaPool #kbNext, body.canadaPool #kbPrev, 
body.latin-america-enPool #kbNext, body.latin-america-enPool #kbPrev
{
    position:relative;
    display:inline;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    white-space: nowrap;
    display:inline;
}
/* End <-
 ********/

/*********
  STV 2007.10.25:
     -> JD-Power Related Links */
.related a
{
    background-image:url(../images/icons/arrow-blue-usapool.gif);
    color: #336699 ; /*#0066CC;*/
}
/* End <-
 ********/
/*********
  STV 2007.10.23:
     -> JD-Power Hauptnavi-Umbau */
/*body.usaPool.home #search p
{
	margin-top: 0px;
	margin-bottom: 0px;
	top: 0px !important;
	left: 22px !important;
}
body.usaPool.home #search p.lastChild
{
    position:absolute;
	top: 30px !important;
}*/

/*  >> verschoben nach CSS.aspx wg CSS-Bug im IE6
.home.usaPool  #search
{
    position:absolute; 
    top: 366px; 
    left:25px; 
    height: 60px; 
    width:177px; 
    border: 0px red solid; 
    overflow:visible;
}

.home.usaPool #p_searchDealer
{
	margin-top: 0px;
	margin-bottom: 0px;
	top: 0px !important;
	left: 22px !important;
}
.home.usaPool #p_searchSite
{
    position:absolute;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 30px !important;
	left:22px !important;
}
.home.usaPool #search .searchfield
{
	background-color: White;
}
*/

body.usaPool .navshadeTopnavL,
body.canadaPool .navshadeTopnavL
{
    background-color:White;
    opacity: 0.4;
    filter:Alpha(opacity=40, finishopacity=40, style=2);
}
body.usaPool .navshadeTopnavD,
body.canadaPool .navshadeTopnavD
{
    background-color:White;
    opacity: 0.86;
    filter:Alpha(opacity=86, finishopacity=86, style=2);
}
body.usaPool .p_search,
body.canadaPool .p_search
{
	margin-top: 0px;
	margin-bottom: 12px;
}
body.usaPool p.lastChild,
body.canadaPool p.lastChild
{
	margin-bottom: 12px;
	margin-top: 0px;
}
body.usaPool .topnav,
body.canadaPool .topnav
{
	border-bottom: 1px #484848 solid;
}

/*body.home .shoppingButtons 
{
	position:absolute; 
	top: 153px; 
	left:0px; 
	width: 220px;
	
	padding-left:46px;
	padding-top: 0px !important;
}
body.usaPool .shoppingButtons
{
	position:relative; 
	top: 2px; 
	/ *left:0px; 
	width: 220px;
	
	padding-left:46px;
	padding-top: 0px !important;* /
}*/

/*  >> verschoben nach CSS.aspx wg CSS-Bug im IE6
.usaPool.home .shoppingButtons
{
	position:absolute; 
	top: 153px; 
	left:0px; 
	width: 220px;
	
	padding-left:46px;
	padding-top: 0px !important;
}

body.usaPool .shoppingButtons span
{
	border: 1px #5B85AD solid;
	width: 126px;
	height: 18px;
	margin-top: 3px;
	margon-bottom: 0px;
}
body.usaPool .shoppingButtons span a
{
	border: 1px #5B85AD solid;
	width: 114px;
	display:block;
}
*/
/* End <-
 ********/

/*********
  STV 2007.10.23:
     -> JD-Power Infolayer (Modell-Flyout) */
body.usaPool .info,
body.canadaPool .info
{
    left: 678px;
    top: 3px;
}
body.usaPool ul.knowledgeBases,
body.canadaPool ul.knowledgeBases,
body.latin-america-enPool ul.knowledgeBases
{
    width:auto;
}
body.usaPool #knowledgeBase p,
body.canadaPool #knowledgeBase p
{
	font-size: 12px !important;
}
body.usaPool div.infoFlyoutElementFirst p,
body.canadaPool div.infoFlyoutElementFirst p
{
	font-size: 10px !important;
}
body.usaPool div.infoFlyoutElementSecond p,
body.canadaPool div.infoFlyoutElementSecond p
{
	font-size: 10px !important;
}
body.usaPool .i\nfo,
body.canadaPool .i\nfo
{
    width: 366px;
}

/*
body.usaPool .infoImage, body.usaPool .infoImage img,
body.canadaPool .infoImage, body.canadaPool .infoImage img
{
    height: 103px;
}
*/
body.usaPool .infoMoreTwoLines,
body.canadaPool .infoMoreTwoLines
{
  position: absolute;
  left: 0;
  top: 361px;
  height: 38px;
  width: 312px;
  background-color: rgb(245,245,245);
  padding-top: 7px;
  padding-left: 16px;
  border-top: 1px solid rgb(203,0,0);
  border-bottom: 1px solid rgb(203,0,0);
}

body.usaPool .infoMoreTwoLines a,
body.canadaPool .infoMoreTwoLines a
{
  display: inline;
  text-decoration: none;
  width: 109px;
  height: 14px;
  float: left;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
  margin-right: 15px;
  margin-bottom: 3px;
  background-image: url(../images/icons/arrow-black.gif);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  color: black;
}

body.usaPool .infoMoreTwoLines a:hover,
body.canadaPool .infoMoreTwoLines a:hover
{
  color: rgb(203,0,0);
  background-image: url(../images/icons/arrow-red.gif);
}

body.usaPool .infoType_pcna,
body.canadaPool .infoType_pcna
{
    display: none;
}

body.usaPool .infoPerformance_pcna,
body.canadaPool .infoPerformance_pcna
{
    top: 0px; /* 176px; */
}

body.usaPool .infoPrice_pcna,
body.canadaPool .infoPrice_pcna
{
    top: 0px; /* 240px; */
}
.infoFlyout
{
    overflow: hidden;
    padding: 16px; 
    display: none; 
    border: 0px red solid;
    width: 367px;
}
.infoFlyoutImage{
	position: relative;
    height:270px;
    width:367px;
    display:block;
    padding-bottom: 14px;
}
.infoFlyoutImage img
{
    height:270px;
    width:367px;
}
.bottomFlyout
{
    border: 0px red solid;
    position:relative;
    overflow: hidden;
    width: 367px;
    height: 107px;
}
.bottomLeftFlyout
{
    /*border: 0px lime solid;*/
    border-top:1px dashed #CCCCCC;
    margin-top:4px; 
    padding-bottom:4px; 
    position:absolute;
    overflow:hidden;
    top:0px;
    left:0px; 
    width:207px; 
    height:107px;
}
.bottomRightFlyout
{
    /*border: 1px blue solid;*/

    position:absolute;
    overflow:hidden;
    top:0px;
    right:0px; 
    width:143px; 
    height:107px;
}

.infoLinkFlyout {
    position:auto;
    background-color:#FFFFFF;
    font-size:10px;
    overflow:hidden;
    width: 207px;
}

.infoLinkFlyout a
{
    position:auto;
    display:block;
    width:207px; 
    background-image:url(../images/icons/arrow-blue-usapool.gif);
    background-position:1px 7px;
    background-repeat:no-repeat;
    border-bottom:1px dashed #CCCCCC;
    color:#336699 ; /*#0066CC;*/
    display:block;
    font-size:10px;
    height:15px;
    margin-top: 1px;
    padding:4px 4px 3px 14px;
    text-decoration:none;
}
.infoLinkFlyout a:hover
{
    background-image:url(../images/icons/arrow-red.gif);
}
.infoFlyoutElementFirst
{
    border: 0px red solid;
    position:relative;
    overflow:hidden;
    top:0px;
    left:0px; 
    width:100%;
    padding-bottom:6px;
    font-size:10px !important;
}
.infoFlyoutElementSecond
{
    border: 0px lime solid;
    position:relative;
    overflow:hidden;
    top:0px;
    left:0px; 
    width:100%;
    font-size:10px !important;
}
/* End <-
 ********/