/* Styleguide pool */

/*bugfix IE6 China indetail Color */
body.specialsPool .footnote{
line-height:1.35em;



}
/* 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: -1000px;
}

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: 153px; /*height: 81px;*/
}

body.swissPool #navigationHomeSub
{
    height: 144px; /*height: 72px; */  
}

/* Tabs: */
body.usaPool .tabContent,
body.canadaPool .tabContent
{
    top: -1px;
} 
body.usaPool .tabs,
body.canadaPool .tabs
{
    margin: 0px;
    padding: 0px;
    height:100%;
} 
body.usaPool .tabs li,
body.canadaPool .tabs li
{
	background: #f5f5f5 url(../images/jdpower/tab-bg.gif) no-repeat right top;
}
body.usaPool .tabs li a img,
body.canadaPool .tabs li a img
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	padding-right: 20px;
  border-top: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}
body.usaPool .tabs li a.lastChild,
body.canadaPool .tabs li a.lastChild
{
    background: #f5f5f5 url(../images/jdpower/tab-last-bg.gif) no-repeat right top;
}

body.usaPool .tabs .selected a.lastChild,
body.canadaPool .tabs .selected a.lastChild
{
  background: #f5f5f5 url(../images/jdpower/tab-last-selected-bg.gif) no-repeat right top;
  border-bottom: none;
}
body.usaPool .tabs .selected a img,
body.canadaPool .tabs .selected a img
{
  top: -1px;
  border-bottom: none;
  padding-left: 19px;
}
/* tab1 braucht links 1px mehr padding */
body.usaPool .tabs .tab1 a img, 
body.canadaPool .tabs .tab1 a img 
{
	padding-left:20px; 
}

body.usaPool .tabs li.selected a.lastChild img,
body.canadaPool .tabs li.selected a.lastChild img
{
	top: -1px;
  border-top: none;
}
body.usaPool .tabs li a.lastChild img,
body.canadaPool .tabs li a.lastChild img
{
  top: -1px;
  border-top: none;
  margin-top: 1px;
}
body.usaPool .tabs .selected,
body.canadaPool .tabs .selected
{
    border-left: 1px #cccccc solid;
    background: #f5f5f5 url(../images/jdpower/tab-selected-bg.gif) no-repeat right top;
    z-index: 120;
}

/*
body.usaPool .tabContent
{
    top: 0px;
} 
body.usaPool .tabs
{
    margin: 0px;
    padding: 0px;
    height:100%;
} 
body.usaPool .tabs li
{
	background: #f5f5f5 url(../images/jdpower/tab_not_selected_test.gif) no-repeat right top;
}
body.usaPool .tabs li a img
{
}

body.usaPool .tabs li a.lastChild
{
    background: #f5f5f5 url(../images/jdpower/tab-last-bg.gif) no-repeat right top;
}

body.usaPool .tabs .selected a.lastChild
{
    background: #f5f5f5 url(../images/jdpower/tab-last-selected-bg.gif) no-repeat right top;
}
body.usaPool .tabs li.selected a img
{
}
body.usaPool .tabs li.selected a.lastChild img
{
    border-top: none;
}
body.usaPool .tabs li a.lastChild img
{
}
body.usaPool .tabs .selected
{
    border-left: 1px #cccccc solid;
    background: #f5f5f5 url(../images/jdpower/tab-selected-bg.gif) no-repeat right top;
    z-index: 10000; 
}
*/

body.usaPool #navshade1, body.usaPool #navshadeSimple1,
body.canadaPool #navshade1, body.canadaPool #navshadeSimple1
{
	width:199px;
} 

body.usaPool #navshade3, body.usaPool #navshadeSimple3, 
body.canadaPool #navshade3, body.canadaPool #navshadeSimple3 
{
	left:424px;
	width:414px;
}

body.usaPool div.subnav,
body.canadaPool div.subnav
{
    width: 199px;
    background-color: white;
    background-image: url(../images/arrow-gray.gif);
    background-repeat: no-repeat;
    background-position: 186px 8px;
    filter: alpha(opacity=86);
    -moz-opacity: .86;
}

body.usaPool div.subna\v,
body.canadaPool div.subna\v
{
    /* width: 136px; */
	width: 184px;
}


/*********
  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: 1px;
}
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 , a.speciallink
{
    background-image:url(../images/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: 432px;
    top: 9px;
    width: 399px;
}
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 #knowledgeBase p.footnote,
body.canadaPool #knowledgeBase p.footnote
{
	font-size: 10px !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: 367px;
}

body.usaPool .info p,
body.canadaPool .info p
{
	line-height: 15px;
}

body.usaPool .infoImage, body.usaPool .infoImage img,
body.canadaPool .infoImage, body.canadaPool .infoImage img
{
    height: 142px;
}

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/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/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/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/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 <-
 ********/
