body
{
  margin-left: 50%;
}

body.home h1
{
  border: 0px red solid;
  top: 8px;
  left: 40px;
  height: 127px;
  width:223px;
}
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: 705px !important;
  min-height: 705px;
}

body.home #search
{
  top: 0px !important;
  bottom: auto !important;
  left: auto !important;
  right: 14px !important;
}
/*****************/
/* 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;
}
.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
{
  z-index: 2;
  top: 313px;
  left: 62px;
  padding: 0px;
  margin: 0px;
  width: 179px;
}

/* Shopping buttons module */

.shoppingButtons
{
    position: relative;
    top: -1px;
    left: 1px;
    display: block;
    width: 287px;
    height: 120px;
    padding-left: 47px;
    padding-top: 10px !important;
    padding-top: 15px;
    margin-top: 0;
    z-index: 1234;
}

*+html .shoppingButtons
{
	padding-top: 15px !important;
}

.shoppin\gButtons
{
    width: 125px;
}

.shoppingButtons span
{
    display: block;
    background-color: transparent;
    border: 1px solid rgb(91,133,173);
    margin-top: 5px;
    margin-bottom: 0;
    height: 19px;
    padding-left: 1px;
    padding-top: 1px;
    width: 127px;
}

.shoppin\gButtons span
{
    width: 124px;
    height: 16px;
}

.shoppingButtons span a
{
    display: block;
    background-color: rgb(91,133,173);
    padding-left: 9px;
    width: 130px;
    height: 15px;
    padding-top: 1px;
    text-decoration: none;
    color: white;
    font-size: 10px;
		border: 1px solid rgb(91,133,173);
}

.shoppingShade
{
    position: absolute;
    top: 273px;
    left: 0;
    width: 223px;
    height: 166px;
    z-index: 0;
    background-image: url(../images/chessboard-light.gif);
    background-repeat: repeat;
}

.shoppin\gShade
{
    background-image: url(../images/transparent/white-05.png);
    background-color: transparent !important;
    background-color: white;
    filter: alpha(opacity=5);
}

.shoppin\gButtons span a
{
    width: 114px;
    height: 14px;
}

.shoppingButtons span a:hover
{
    color: rgb(91,133,173);
    background-color: white;
}

body.home .shoppingButtons
{
    top: -20px;
}

/*body.home .shoppingButtons span
{
    border: 1px solid white;
}*/
p.michelin
{	
		padding-left: 65px;
		padding-top: 60px;
    
}

body.home .shoppingButtons 
{
  top: 0px;
  left: 0px;
  width: 177px;
  /*height: auto;*/
  padding: 13px 0px 0px !important;
  margin: 0px;
}
body.home .shoppingButtons span 
{
  width: 176px;
  background-color: #FFFFFF;
  height: 19px;
}                                         
body.home .shoppingButtons span a
{
  padding: 0px;
  padding-left: 20px;
  padding-top: 1px;
  margin: 0px;
  width: 153px;
  height: 15px;
  vertical-align: middle;
}
.homeNavigation
{
  padding-top: 127px;
  top: 0px;
  left: 0px;
  width: 223px;
  height: 312px;
  background-image:url(../images/navi_bg_aktiv.gif);
  background-repeat:no-repeat;
  background-position: 0px 128px;
}

.premier_homeNavigation
{
  padding-top: 127px;
  top: 0px;
  left: 0px;
  width: 223px;
  height: 312px;
  background-image:url(../../../images/jdpower/200803/navi_bg_premier.gif);
  background-repeat:no-repeat;
  background-position: 0px 128px;
}

.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: 11px;
}
/*****************/
/* Porsche Login */
#porscheLogin
{
  z-index: 0;
  position: absolute;
  top: 605px;
  left: 64px;
  width: auto;
  height: auto;
  background-color: #FFFFFF;
}
#p_ssoEmail
{
  font-size:10px;
  line-height: 10px;
}
#porscheLogin .searchbutton
{
  margin:0px;
  padding:0px;
  left: -2px;
}
#porscheLogin .logintext
{
  font-size: 10px;
  padding-bottom: 5px;
  padding-left: 0px;
  margin-left: 0px;
  text-indent: -1px; 
  left: -1px;
}

.loginemail, .loginpassword 
{
  background-color: #F3F3F3;
  border:1px solid #CCCCCC;
  color:#666666;
  font-size:9px !important;
  height:13px;
  margin-right:1px;
  padding:1px;
  vertical-align:middle;
  width:109px;
  margin:0px;
  left: 0px !important;
}
.loginemail 
{
  width:159px;
  padding-left: 13px;
  padding-top: 1px;
  margin-bottom: 7px;
}
.loginpassword
{
  width:141px;
  padding-left: 13px;
  padding-top: 1px;
}
#porscheLogin a
{
    display: block;
    color: #336699;
    text-decoration: none;
    width: 117px;
    padding-top: 6px;
    padding-bottom: 0;
    padding-left: 0px; 
    font-size: 10px;
    text-indent: -1px;
    background-image: url(../../../images/arrow-blue-usapool.gif);
    background-repeat: no-repeat;
    background-position: 42px 8px;
}

#porscheLogin a:hover
{
    color: rgb(204,0,0);
    background-image: url(../../../images/arrow-red.gif);
}
/*****************/


#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.usaPool #navshade1, 
body.canadaPool #navshade1
{
  top: 0px;
  height: 439px;
  width: 223px;
  background-image: none !important;
  opacity: none !important;  
  filter: none !important;
  background-color: transparent !important;
}
body.usaPool #navshade3, 
body.canadaPool #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.usaPool .info, 
body.canadaPool .info  /* flyout */
{
  top: 0px;
  left: 456px;
  width: 495px; /* 527 - 32 padding */
  height: 407px;
}

.home .innerContent 
{
  width:auto;
  padding-top:455px;
  min-height: 290px;
  height: auto;
}

/**************/
/* Cayenne Diesel Module */
.cdcbanner
{
    position: relative;
    top: -1px;
    left: -22px;
    display: block;
    width: 223px;
    height: 120px;
    padding-left: 0px;
    padding-top: 10px !important;
    padding-top: 15px;
    / margin-top: 10px;
    z-index: 1235;
}
.cdcbanner span
{
    display: block;
    background-color: transparent;
    margin-top: 16px;
    margin-bottom: 0;
    height: 119px;
    padding-left: 1px;
    padding-top: 1px;
    width: 223px;
}
.cdcbanner span span
{
    display: block;
    margin-top: 3px;
    padding-left: 8px;
    background: #fff url(../images/arrow-gray.gif) no-repeat left 3px;
    font-size: 10px;
    text-decoration: none;
    
}
.cdcbanner a:hover span
{
    background-image: url(../images/arrow-red.gif);
    color:#FF0000;
}

/* teaser bar */
.teaserBar
{
  display:block;
  position:relative;
  top: 17px;
  left: 49px;
  width: 696px;
  height: 145px;
  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: 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: 176px;
}
.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: 472px;
  width: 15px;
  height: 125px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #E3E3E3; /*#EEF2F5;*/ /* transparent */
}
#teaserbarNavLeft
{
  left: 296px;
}
#teaserbarNavRight
{
  left: 1008px;
}
#teaserbarNavLeft a
{
  background-image: url(../images/teaser-arrow-left-big.gif);
}
#teaserbarNavLeft a:hover
{
  background-image: url(../images/teaser-arrow-left-active-big.gif);
}
#teaserbarNavRight a
{
  background-image: url(../images/teaser-arrow-right-big.gif);
}
#teaserbarNavRight a:hover
{
  background-image: url(../images/teaser-arrow-right-active-big.gif);
}
/**************/

/*****************/
/* submenu items */
body.usaPool div.subnav, 
body.canadaPool div.subnav
{
  width: 223px;
  height: 18px;
  padding: 0px;
  padding-top: 5px;
  text-indent: 24px;
  vertical-align: middle;
  border-bottom:1px solid #CCCCCC;
  background-position:210px 8px;
  /*background-image:url(../images/arrow-black.gif);*/
  opacity: 0.86;  
  filter: Alpha(opacity=86, finishopacity=86, style=2);
}
div.subnav
{
  width: 223px;
  height: 18px;
  padding: 0px;
  padding-top: 5px;
  text-indent: 24px;
  vertical-align: middle;
  border-bottom:1px solid #CCCCCC;
  background-position:210px 8px;
}
.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; }
body.usaPool div.toppos18, 
body.canadaPool 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
{
  overflow: visible;
  position: relative;
  top: 0px;
  width: 223px;
  border: 0px #CCCCCC solid;
  border-bottom: 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;
  height: 47px;
  background-image: url(../images/hg.jpg);
  background-color: white;
}
#topnav2, .topnav2
{
  height: 47px;
  background-image: url(../images/hg.jpg);
  background-color: white;
}
#topnav3, .topnav3
{
  height: 47px;
  background-image: url(../images/hg.jpg);
  background-color: white;
}
#topnav4, .topnav4
{
  height: 47px;
  background-image: url(../images/hg.jpg);
  background-color: white;
}
#topnav5, .topnav5
{
  height: 18px; /* + 5 padding top = 23 */
}
#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
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav11, .topnav11
{
  height: 18px; /* + 5 padding top = 23 */
}
#topnav12, .topnav12
{
  height: 18px; /* + 5 padding top = 23 */
}

#topnav1 a
{
  background-image: url(../images/01boxster.gif);
}
#topnav2 a
{
  background-image: url(../images/02cayman.gif);
}
#topnav3 a
{
  background-image: url(../images/03911.gif);
}
#topnav4 a
{
  background-image: url(../images/04cayenne.gif);
}
#topnav5, #topnav6, #topnav7, #topnav8, #topnav9, #topnav10, #topnav11, #topnav12
{
  /*padding-top: 5px;
  text-indent: 24px;*/
  background-color: #EEF2F5;
  height: 23px;
  /*background-image: url(/images/arrow-gray.gif);
  background-position: 210px 8px;*/
}
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;
}
#topnav5 a.topnavlink, #topnav6 a.topnavlink, #topnav7 a.topnavlink, #topnav9 a.topnavlink, #topnav10 a.topnavlink /* 223 breit, 48 hoch */
{
  padding-top: 5px;
  height: 18px;
  text-indent: 24px;
  background-color: #EEF2F5;
  background-image: url(../images/arrow-black.gif);
  background-position: 210px 8px;
}

#topnav8 a.topnavlink
{
  padding-top: 5px;
  height: 18px;
  text-indent: 24px;
  background-color: #EEF2F5;

}


/***************/

/***************/
/* 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;
    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: 351px;
    right: auto;
}
.bottomRightFlyout img
{
    display: none;
}
.bottomRightFlyout .infoFlyoutElementSecond
{
    position: absolute;
    top: auto;
    bottom: 32px;
}
.bottomRightFlyout .infoFlyoutElementFirst p
{
    line-height: 16px !important;
}
/***************/

/* DEBUG 
#nav_boxster_default_1
{
    display: block !important;
}
.teaserBar
{
    display: none;
    top: 0px;
    left: 0px;
    overflow: visible;
}
#teaserBarWrapper 
{
    display:block;
    height:160px;
    left:49px;
    margin:0px;
    overflow:hidden;
    padding:0px;
    position:relative;
    top:17px;
    width:696px;
}
.teaserNav
{
    width: 100%; 
    height: 100%; 
    display: block; 
    background-color: transparent;
}*/