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.home div.introImage 
{
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0px;
}

body.home div.content
{
  width: auto;
  padding-left: 263px;
}

/*****************/
/* Dealer Search */
body.home .dealersearch 
{
  left:62px;
  position:absolute;
  top:551px;
}
.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;
  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
{
  padding-top: 63px;
  top: 0px;
  left: 0px;
  width: 223px;
  height: 376px; /*312px;360*/
}

.page, body.usaPool .page
{
  width: 1063px;
  background-image: none;
}

/*****************/
#porscheLogin
{
  z-index: 0;
  position: absolute;
  top: 605px;
  left: 64px;
  width: 178px; /*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;
}


#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;
  zoom: 1;
}

body.usaPool #navshade1 
{
  top: 0px;
  height: 439px;
  width: 223px;
  background-image: none !important;
  opacity: none !important;  
  filter: none !important;
  background-color: transparent !important;
}

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.usaPool .info  /* flyout */
{
  top: 0px;
  left: 456px;
  width: 495px; 
  height: 407px;
}

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

/**************/
/* teaser bar */
.teaserBar
{
  display:block;
  position:relative;
  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; 
  width: 167px;
  height: 130px;
  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;
  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(../../images/nav/teaser-arrow-left.gif);
}
#teaserbarNavLeft a:hover
{
  background-image: url(../../images/nav/teaser-arrow-left-active.gif);
}
#teaserbarNavRight a
{
  background-image: url(../../images/nav/teaser-arrow-right.gif);
}
#teaserbarNavRight a:hover
{
  background-image: url(../../images/nav/teaser-arrow-right-active.gif);
}
/**************/

/*****************/
/* submenu items */
body.usaPool div.subnav 
{
	font-size: 11px !important;
}

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:  8px; }
.toppos2 { top: 17px; }
.toppos3 { top: 41px; }
.toppos4 { top: 65px; }
.toppos5 { top: 89px; }
.toppos6 { top: 113px; }
.toppos7 { top: 137px; }
.toppos8 { top: 161px; }
.toppos9 { top: 185px; }
.toppos10 { top: 209px; }
.toppos11 { top: 233px; }
.toppos12 { top: 257px; }
.toppos13 { top: 281px; }
.toppos14 { top: 305px; }
.toppos15 { top: 329px; }
.toppos16 { top: 353px; }
.toppos17 { top: 377px; }
.toppos18 { top: 401px; }

body.usaPool div.toppos19
{ top: 425px; 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 /* id of menu item, CSS class of shadow */
{
  top: 0px;
  height: 47px !important;
}
#topnav2, .topnav2
{
	height: 47px !important;
	top: 0px;
}
#topnav3, .topnav3
{
	height: 47px !important;
	top: 0px;
}
#topnav4, .topnav4
{
	height: 47px !important;
	top: 0px;
}
#topnav5, .topnav5
{
	height: 47px !important;
	top: 0px;
}
#topnav6, .topnav6
{
	height: 47px !important;
	top: 0px;
}
#topnav7, .topnav7
{
	height: 47px !important;
	top: 0px;
}
#topnav8, .topnav8
{
  height: 47px !important;
  top: 0px;
}

#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(../../images/nav/01si_button.jpg);
  opacity: 1;  
  filter: Alpha(opacity=100, finishopacity=100, style=2);
}
#topnav2 a
{
  background-image: url(../../images/nav/02ergo_button.jpg);
  opacity: 1;  
  filter: Alpha(opacity=100, finishopacity=100, style=2);
}
#topnav3 a
{
  background-image: url(../../images/nav/03sc_button.jpg);
  opacity: 1;  
  filter: Alpha(opacity=100, finishopacity=100, style=2);
}
#topnav4 a
{
  background-image: url(../../images/nav/04tips_button.jpg);
  opacity: 1;  
  filter: Alpha(opacity=100, finishopacity=100, style=2);
}
#topnav5 a
{
  background-image: url(../../images/nav/05rs_button.jpg);
  opacity: 1;  
  filter: Alpha(opacity=100, finishopacity=100, style=2);
}
#topnav6 a
{
  background-image: url(../../images/nav/06ts_button.jpg);
  opacity: 1;  
  filter: Alpha(opacity=100, finishopacity=100, style=2);
}
#topnav7 a
{
  background-image: url(../../images/nav/07pots_button.jpg);
  opacity: 1;  
  filter: Alpha(opacity=100, finishopacity=100, style=2);
}
#topnav8 a
{
  background-image: url(../../images/nav/08db_button.jpg);
  opacity: 1;  
  filter: Alpha(opacity=100, finishopacity=100, style=2);
}


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

#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;
  
}
#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 #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: 286px;
}
.infoFlyoutImage img 
{
    width: auto;
    height: 286px;
}
.bottomFlyout 
{
    width: auto;
    height: 140px;
}
.infoLinkFlyout 
{
    width: 153px;
}
.flyoutProdModel
{
	color:black;
	font-size: 11px !important;
	text-align: right;
}
.flyoutProdName
{
	color:black;
	font-size: 11px !important;
}
.flyoutProdMSRP
{
	color:black;
	font-size: 11px !important;
	text-align: right;
}
.flyoutProdSlogan
{
	color: black;
	font-size: 16px !important;
	font-style: italic;
}

.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:70px;
    margin-top:4px;
    overflow:hidden;
    padding-top:4px;
    padding-bottom:0px;
    position:absolute;
    top:0px;
    width:153px;
}
.bottomLeftFlyout
{
    left: 0px;
}
.bottomMiddleFlyout
{
    left:168px;
}
.bottomRightFlyout
{
    margin-top:4px;
    padding-top:6px;
    padding-bottom:0px;
    left: 334px;
    right: auto;
}

.bottomRightFlyout .infoFlyoutElementSecond
{
    position: absolute;
    top: auto;
    bottom: 32px;
}

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

/******** Product page ********/
#productContainer
{
	width: 1063px;
	margin: 0;
	z-index: 2;
}

#productTitle
{
	float: left;
	padding: 0px 0px 0px 300px;
	font-size: x-large;
	color: #872840;
	width: 360px;
	text-align: center;
	margin-top: 15px;		
}

#productImage
{
	padding: 3px;
	margin: 45px 10px 0px 35px;
	height: 320px;
	width: 480px;
	border: 1px solid silver;
	background-color: #862840;
}

#productImageContainer
{
	float:left;
	width: 530px;
}

#productLowMenu
{
	padding: 15px; 
	float: left;
	margin: 0;
	width: 300px;
}

.productInfoSwap
{
	border: 1px solid silver;
}

#productFeaturesContainer 
{
	float: left;
	width: 485px;
	padding: 10px;	
    margin-top: 45px;
}

.productInfoHeader
{
	margin: 0;
	padding: 5px 10px; 
	background-color: silver;
	font-size: 1em;
	color: #800000;
	font-weight: bold;
}

.productInfoDetails
{
	font-size: .9em;
	padding: 15px; 
}

.productModelMSRP
{
    float: left;
	padding: 8px;
	margin: 0px 10px 0px 235px;
    width: 445px;
    font-weight: bold;
    text-align: center;
	font-size: 1em;
    color: #872840;
}

.productVideoHeader
{
	padding: 5px;
}

.addthis 
{
	padding: 10px;
}

table.tech 
{
	border-width: 0px;
	border-spacing: 2px;
}

table.tech td
{
	border-bottom: 1px solid gray;
	padding: 5px;
	width: 250px;
}

.spectype
{
	font-weight: bold;
}


/************** PRODUCT PAGE MENU ********************/

#productFeaturesSpacer
{
	height: 15px;	
}

#productFeatures 
{
	position: absolute;
	top: 65px;
	background-color: #872840;
	z-index: 0;
	text-align:center;
	width: 100%;
}

#productFeatures ul
{
	padding: .3em 0;
	margin: 0;
	list-style-type: none;
	background-color: #872840;
	color: #FFF;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

#productFeatures li
{
	display: inline;
}

#productFeatures li a
{
	text-decoration: none;
	background-color: #872840;
	color: #FFF;
	padding: .3em 1em;
	border-right: 1px solid #fff;
}

#productFeatures a:link, #featlist a:visited
{
	color: white;
	text-decoration: none;
}

#productFeatures li a:hover
{
	background-color: #530000;
	color: #fff;
	border-top: 3px solid white;
}

/************** END PRODUCT PAGE MENU ********************/


.mainLogo {
  	width: 223px;
    height: 64px;
    top: 0px;
    left: 0px;
    z-index:3;
    position: absolute;
    zoom: 1;
}

body.home .mainLogo, body.subPage .mainLogo
{
    left:40px;
    top:7px;
    z-index:3;
}

.mainLogo a img
{
    width: 223px;
    height: 64px;
    border: 0;
    margin:0;
    z-index: 10;
}
.mainLogo a
{
    width: 223px;
    height: 64px;
    padding: 0;
    margin-top: 0;
}

/************* STYLED TABLE ********************/
table.feattable, table.feattable td
{
  border: 1px solid #CCC;
  border-collapse: collapse;
  font-size: 12px;
}
table.feattable
{
  border:none;
  border:1px solid #CCC;
}
table.feattable thead th
{
  background: #862840;
  color: white;  
  padding: 5px 10px;
  border-left: 1px solid #CCC;
}
table.feattable tbody tr td
{
    padding: 5px 10px;
    color: 666;
}
table.feattable tbody tr:hover
{
    background : #B1B1B1;
}
table.feattable tbody tr td a
{
	text-decoration: none;
}
table.feattable tbody tr:hover td a
{
     color: white;
}

table.feattable caption
{
	text-align: left;
	font-size: 120%;
	padding: 10px 0;
	color: #666;
}

/************** SUB PAGES **********************/

.subPageTitle
{
	font-size: x-large;
	color: #872840;
	font-style: italic;
	font-weight: bold;
	margin: 0px 350px 0px 320px;
	padding-top: 15px;
}

.subPageContent
{
	float: left;
	margin-left: 300px;
	margin-top: 10px;
	padding: 15px 20px 20px 0px;
}

.subPageContent a, .subPageContent a, .subPageContent a:visited, .subPageContent a:link
{
   color: #0066CC;
}

.subPageContent a:hover
{
   color: #862840;
}

.subPageMiniHeader
{
	border-top: 1px solid black;
	color: #862840;
	font-weight: bold;
	padding: 5px 0px;
}

/*************** QUOTES ***********************/

.progress_inactive {
   background-color: #DCDCDC;
   font-weight: normal;
   color: #696969;
   padding: 2px 5px;
   border-top: 1px solid gray;
   border-bottom: 1px solid gray;
}

.progress_active {
   background-color: #DCDCDC;
   color: Navy;
   font-weight: bold;
   padding: 2px 5px;
   border-top: 1px solid gray;
   border-bottom: 1px solid gray;
}

/****************** MISC *********************/

.highlight 
{
	color: #862840;
	font-weight: bold;
	font-style: italic;	
}

.littleMenu
{
	margin-top: 350px;
	margin-left: 35px;
	position: absolute;
	width: 200px;
	min-height: 0;
}

.newprodfloatRight {float: right;margin: 0px 0px 10px 10px;border: 1px solid gray;text-align: center;font-size: 8pt;}
.newprodfloatLeft {float: left;margin: 0px 10px 10px 0px;border: 1px solid gray;text-align: center;font-size: 8pt;  cursor: pointer;}

#social 
{
    margin: 0px 50px;
    padding: 0px 30px 10px 30px;    
    text-align: center;
}

#social a 
{
    margin: 2px 10px;     
}

.printfriendly
{
    text-align: right;
    font-size: .8em;
    padding: 0px 10px 12px 0px;
    float: right;
    width: 200px;
} 

.printfriendly a
{
    font-size: inherit;
    text-decoration: none;
}
.printfriendly a:hover
{
    font-size: inherit;
    text-decoration: underline;
}

.productModelMSRPprint
{
	padding: 8px;
    font-weight: bold;
    text-align: center;
	font-size: 1.2em;
    color: #872840;
}