

* {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #cccccc;
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #282828;
  background-image: url('/_common/img/page_bg.gif');
  background-repeat: repeat-y;
  background-position: center top;
}

font, th, td, p, div {
  line-height: 15px;
}

h1 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

img {
  border: 0;
}

a:link, a:active, a:visited {
  color: #ffffff;
  text-decoration: none
}

h2 {
  font-size: 18px;
  padding-bottom: 5px;
}

b {
  color: #ffffff;
}

a.arrow, a.arrowRed, a.arrowBack, a.arrowForward, a.arrowBlack {
  text-decoration: none;
  height: 11px;
  
}


a.arrowPdf {  
  text-decoration: none;
}

a.arrow img {
  display: inline;
  position: static;
  width: 7px;
  background-image: url('/_common/img/arrow_standard.gif' );
  background-repeat: no-repeat;
  background-position: top left;
  height: 11px;
  margin: 0;
  padding-right: 3px;
  float: left;
}

a.arrowRed img {
  display: inline;
  position: static;
  width: 7px;
  background-image: url('/_common/img/arrow_standard_red.gif' );
  background-repeat: no-repeat;
  background-position: top left;
  height: 11px;
  margin: 0;
  float: left;
}

a.arrowBlack img {
  display: inline;
  position: static;
  width: 7px;
  background-image: url('/_common/img/arrow_black.gif' );
  background-repeat: no-repeat;
  background-position: top left;
  height: 11px;
  margin: 0;
  float: left;
}

a.download img {
  display: inline;
  position: static;
  width: 12px;
  background-image: url('/_common/img/icon_pdf_small.gif' );
  background-repeat: no-repeat;
  background-position: top left;
  height: 14px;
  margin: 0;
  float: left;
  padding-right:4px;
}

a.arrowBack, a.arrowForward {
  float: left;
}

a.arrowBack{
  padding-right: 4px;
} 

a.arrowForward {
  padding-left: 4px;
  float:left;
}

a.arrowForward img {
  display: inline;
  position: static;
  width: 7px;
  height: 11px;
  background-image: url('/_common/img/arrow_standard.gif'  );
  background-repeat: no-repeat;
  background-position: top left;
  margin:0px;
  margin-left:6px;
}

a.arrowBack img {
  display: inline;
  position: static;
  width: 7px;
  height: 11px;
  background-image: url('/_common/img/arrow_standard_left.gif' );
  background-repeat: no-repeat;
  background-position: top left;
  margin:0px;
  margin-right:3px;
}

a.arrowPdf img {
  vertical-align: middle;
}

.pdfLabel {
  margin-left:10px;
  vertical-align:middle;
}

.hidden {
 display: none;
}

#visualHeadline .hidden{
  display: block;
  color: #ffffff;
  font-size: 30px;
  line-height: 32px;
  padding-left: 12px;
}

.clearFloat {
  clear: both;
}

.navigationLabel {
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  height: 11px;
}

div#cover {
  overflow: hidden;
  text-align: center;
}

#body {
}

div#page {
  position: relative;
  color: #FFF;
  width: 1020px;
  text-align: left;
  background-color: #000;
  margin: 0px auto;
  min-height: 650px;
}

div#head {
  position: absolute;
  width: 1020px;
  z-index: 2000;
}

div#head #headBg {
  width: 1020px;
  height: 78px;
  background-image: url('/_common/img/head_bg.png');
  background-repeat: no-repeat;
  *background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_common/img/head_bg.png", sizingMethod="image" );
}

div#head #searchboxContainer {
  position: absolute;
  top: 20px;
  right: 180px;
  background-image: url('/_common/img/searchbox_bg.jpg');
  background-repeat: no-repeat;
  width: 108px;
  height: 15px;
  padding: 4px 10px 5px 30px;
}
div#head #logo {
  position: absolute;
  top: 0px;
  right: 0px;
}

div#head #searchboxContainer form {
  display: inline;
}

div#head #searchboxContainer input {
  border: none;
  background: none;
  width: 110px;
  height: 15px;
  color: #999999;
}

#main {
  clear: both;
}

div.content {
  position: relative;
  top:0;
  left: 77px;
  height: 100%;
  padding-bottom:65px;
  }

div.content h3 {
  color: #ffffff;
  margin: 0px;
}

div.content .imagesContainer {
margin-top:15px;
margin-bottom:29px;
  
}

div.content .imagesContainerContentBasic {
float:left;  
}

div.content .imagesContainerContentBasic .visual {
padding-bottom:21px;
}

div.content .copy {
  margin-bottom: 9px;
  width:620px;
}

div#right {
  position: absolute;
  top: 250px;
  right: 0px;
  width: 240px;
  min-height: 200px;
  -height: 200px;
  padding: 80px 0 0 0;
  background-image: url('/_common/img/right_bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
}

#visual {
  background-repeat: no-repeat;
}

#visual #visualCaption {
  overflow: hidden;
}


#visual #visualHeadline {
  position: relative;
  width: 690px;
  padding-top: 160px;
  z-index: 1000;
}

#visual #visualHeadlineImage {
  width: 940px;
}

#visual #visualCopy {
  margin-left: 77px;
  width: 345px;
  color: #CCC;
  margin-bottom: 20px;
  line-height:16px;
}

#visual #visualCopyLong {
  margin-top: 5px;
  margin-left: 77px;
  width: 610px;
  color: #CCC;
  margin-bottom: 20px;
  line-height:16px;
}

span.link img.arrow {
  display: inline;
  position: static;
  width: 7px;
  height: 11px;
  background-image: url('/_common/img/arrow_standard.gif'  );
  background-repeat: no-repeat;
  background-position: top left;
  margin-top: -1px;
  padding-right: 3px;
}

span.link img.arrowRed {
  display: inline;
  position: static;
  width: 7px;
  height: 11px;
  background-image: url('/_common/img/arrow_standard_red.gif'  );
  background-repeat: no-repeat;
  background-position: top left;
  margin-top: -1px;
}

h1.small {
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
  padding-left: 76px;
}

h1.medium {
  color: #ffffff;
  font-size: 30px;
  line-height: 32px;
  padding-left: 12px;
}

h1.large {
  color: #ffffff;
  font-size: 42px;
  line-height: 45px;
  padding-left: 72px;
}


/****************/
/* teaser */
/****************/
div#showroomTeaser {
  position: absolute;
  top: 244px;
  right: 33px;
  -right: 23px;
  width: 166px;
}

div#showroomTeaser span.link {
  background-color: #cc0000;
  color:#FFFFFF;
  display: block;
  padding: 5px 5px 5px 12px;
}

div#flashTeaserContainer {
  position: absolute;
  top: -180px;
  right: 0px;
  width: 260px;
  height: 340px;
  display:none;
}

/* attributes that are the same for all three kind of teaser*/
#teaserContainer,
.teaserContainer {
  overflow: hidden;
  width: 680px;
  margin-top: 30px;
}

#teaserBigContainer {
  overflow: hidden;
  width: 720px;
  margin-top: 30px;
}

.teaserContent {
  position: relative;
  top:0;
  left: 0;
  float: left;
}

#teaserContainer .teaserSmall,
#teaserContainer .teaserSmallWallpaper,
.teaserContainer .teaserSmall {
  float: left;
  width: 340px;
  margin-bottom: 12px;
}

#teaserContainer .teaserSmall img,
#teaserContainer .teaserSmallWallpaper img,
.teaserContainer .teaserSmall img {
  display: inline;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}

#teaserContainer .teaserSmall .teaserContent,
.teaserContainer .teaserSmall .teaserContent {
  cursor: pointer;
  width: 200px;
}
#teaserBigContainer .teaserBig .teaserBigContent {
  padding-top:9px;
  width: 196px;
}
#teaserBigContainer .teaserList{
  padding-top:9px;
  float: left;
  width: 176px;
  margin-bottom: 12px;
}
#teaserBigContainer .teaserList .teaserListContent {
  width: 160px;
}
#teaserBigContainer .teaserListContent p{
 padding:0;
 margin:0;
 padding-bottom:3px;
}
#teaserBigContainer .teaserBig {
  float: left;
  width: 238px;
  margin-bottom: 12px;
}


#teaserContainer .teaserSmall a h3,
#teaserContainer .teaserSmallWallpaper a h3,
.teaserContainer .teaserSmall a h3 {
  color: #ffffff;
  margin: 0px;
  padding: 0px;
}

#teaserContainer .teaserSmall a p,
#teaserContainer .teaserSmallWallpaper a p,
.teaserContainer .teaserSmall a p {
  margin: 0px;
  padding: 0px;
  color: #CCC;
}


#teaserContainer .teaserCombi, 
.teaserContainer .teaserCombi,
#contentContainer .teaserCombi{
  float: left;
  width: 620px;
  margin-bottom: 27px;
  margin-top: 11px;
}

#teaserContainer .teaserCombi .teaserContent, 
.teaserContainer .teaserCombi .teaserContent, 
#contentContainer .teaserCombi .teaserContent{
  width: 370px;
}

#teaserContainer .teaserCombi img.visual, 
.teaserContainer .teaserCombi img.visual, 
#contentContainer .teaserCombi img.visual {
  float: left;
  margin-right: 20px;
  margin-top: 3px;
}

#teaserContainer .teaserCombi .teaserContent h3, 
.teaserContainer .teaserCombi .teaserContent h3, 
#teaserBigContainer .teaserBigContent h3,
#contentContainer .teaserCombi h3 {
  margin: 0px;
  padding-bottom: 2px;
  padding-top: 0px;
}
#teaserContainer .teaserCombi .teaserContent h3,
#contentContainer .teaserCombi h3 {
  padding-bottom: 0px;
}
#teaserBigContainer .teaserListContent h3{
  margin: 0px;
  padding-bottom: 3px;
  padding-top: 0px;
}
#teaserContainer .teaserCombi p, 
.teaserContainer .teaserCombi p, 
#teaserBigContainer .teaserBigContent p, 
#contentContainer .teaserCombi p {
  margin: 0px;
  padding-bottom:10px;
  color: #CCC;
}
#teaserContainer .teaserCombi p{
 line-height:16px;
}
#languageSelectionContent {
  overflow: hidden;
  width: 930px;
  margin-top: 18px; 
  z-index:1000;
}

#languageSelectionContent .teaserCountrySelection {
  float:left;
  width: 424px;
  height: 90px;
  margin-bottom: 39px;
}

#languageSelectionContent .teaserCountrySelection img.visual {
  float: left;
  margin-right: 20px;
}

#languageSelectionContent .teaserCountrySelection .teaserContent {
  float: left;
  width: 300px;
  margin-bottom: 20px;
}

.left72px{
  margin-left:50px;
}
/*tables*/
table {
  width: 610px;
  padding:0px;
  margin:0px; 
}


table#hasMoreInfo {
padding-bottom:11px;
}
table#hasMoreInfo td {
  padding-bottom: 26px;
}
table#dateOnly td {
  padding-bottom: 9px !important;
  padding-bottom: 9px;
  padding-top: 0px;

}


td {
  padding-right: 20px;
}
.dateLocation {
  width: 146px;
}

.image {
  width: 134px;
}

.dateOnly {
  width: 104px;
}


/************************/
/* content-combi        */
/************************/
#contentCombiContent {
  width:620px;
}
#contentCombiContent .copy {
  margin-top: 16px;
  margin-bottom: 3px;
}
div.linkPdf{
margin-top:10px;
}
div#slideNavigation {
  clear:both;
  margin-top: 18px;
}
/************************/
/* content-table       /
 /************************/
#contentTableContent {
  width:620px;
}
#contentTableContent .copy {  
  margin-top: 0px !important;
  margin-top: 8px; /*to fix IE6 position*/
}

#contentTableContent h3 {
  padding-top: 3px !important;
  padding-top: 13px; /*to fix IE6 position*/  
}

#contentTableContent table {
  margin-top: 9px; 
}
/************************/
/* content-basic        */
/************************/
#contentCombiContent #contentContainer {
  overflow: hidden;
  width: 680px;
  margin-top: 0px;
}
/************************/
/* gallery-specific     */
/************************/
div#galleryNavigation {
  margin-top: 18px;
}

div#galleryNavigation ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

div#galleryNavigation ul li {
  float: left;
  margin-right: 7px;
}

div#galleryNavigation ul li a {
  color: #9C9C9C;
  line-height: 18px;
}

div#galleryNavigation ul li a:hover, div#galleryNavigation ul li.active a {
  color: #FFF;
}
/******************************************/
/* sub-navigation-specific     */
/******************************************/
/* THIS PART HAS BEEN MOVED TO MAINNAVIGATION.CSS TO COLLECT ALL STANDART NAVIGATION RELATED STYLES AT ONE PLACE */
/************************/
/* sifr text replacement*/
/************************/
/* These are standard sIFR styles... do not modify */
.sifr {
}

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/************************/
/* forms                */
/************************/
#formRight {
  float: left;
  width: 450px;
  padding-left: 40px;
  padding-top: 26px;
}

#formLeft {
  float: left;
  width: 394px;
  padding-left: 3px;
  padding-top: 26px;
}

label {
  float: left;
  clear: both;
  display: block;
  width: 114px;
  margin-bottom: 12px;
}


input, textarea, select {
  float: left;
  width: 256px;
  border: 1px solid #7d7d7d;
  font-size: 12px;
  color: #000000;
  margin-bottom: 12px;
}

select {
-width:259px;
}
textarea {
  height: 126px;
}

form {
  display: inline;
}

.disclaimer {
  width: 258px;
  padding-left: 116px;
  clear: both;
}

option {
  background: none;
  width: auto;
  color: #000000;
}

.red {
  color: #cc0000;
}

fieldset {
  float: left;
  display: block;
  width: 256px;
  border: none;
  padding-bottom:0px;
  *margin-bottom: 5px;
}

fieldset input {
  width: auto;
  border: none;
  background: none;
  border: 1px solid #7d7d7d;
  font-size: 12px;
  color: #000000;
  float: left;
  display: block;
  margin-right: 10px;
  margin-top: 0px !important;
  margin-top: 0px; /*to fix IE6 position*/
}

fieldset label {
  width: auto;
  clear: none;
  float: left;
  display: block;
  padding-right: 2px;
  white-space: nowrap; /*to fix IE6 wrapping*/
}


fieldset.standardInput {
  width: auto;
  border: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  clear: none;
}

fieldset.standardInput input {
  background-color: #ffffff;
  font-size: 12px;
  margin: 0px;
  margin-top: 0px !important;
  margin-top: 0px;
}

fieldset.standardInput input.input215px {
  width: 213px;
  -width: 211px;
  margin-right: 7px;
}

fieldset.standardInput input.input35px {
  width: 33px;
}

fieldset.standardInput input.input57px {
  width: 55px;
  margin-right: 7px;
}

fieldset.standardInput input.input191px {
  width: 192px;
  -width: 190px;
}
input.radio{
  border:none;
  width: auto;
  height: auto;
  margin-top: 0px; /*to fix IE6 position*/

}
.formButton {
  background-color: #cc0000;
  display: block;
  padding: 5px 5px 5px 8px;
  text-align: left;
  border: none;
  width: 258px;
  color: #ffffff;
 /* background-image: url('/_common/img/button_background.gif' );
  background-repeat: no-repeat;*/
  margin-top: 15px;  
  margin-left: 114px !important;
  margin-left: 58px; /*to fix IE6 position*/
}

.requestNowButton{
  background-color: #767676;
  display: block;
  padding: 3px 5px 3px 8px;
  text-align: left;
  border: none;
  width: 176px;
  color: #ffffff;
 /* background-image: url('/_common/img/button_background.gif' );
  background-repeat: no-repeat;*/
  margin-top: 15px;
}
.certificationArchiveForm{
  margin-top:20px;
}
/************************/
/* dealer-locator       */
/************************/
.buttonLeft {
  clear: both;
  float: left;
  margin-top: 10px;
  margin-left: 114px !important;
  margin-left: 58px; /*to fix IE6 position*/
}

#dealerLocatorForm {
  float: left;
  width: 320px;
  padding-bottom: 45px;
  padding-top: 10px;
}


#mapContainer {
  position:absolute;
  top:10px;
  left:350px;
  float: left;
}

#dealerLocatorForm .form {
  float: left;
  display: block;
  width: 320px;
}

#dealerLocatorForm input {
  width: 195px;
}

#dealerLocatorForm input.buttonLeft, #dealerLocatorForm select, #dealerLocatorForm textarea {
  width: 197px;
}

#sidebar {
  float: left;
  display: block;
  overflow: auto;
  width: 310px;
  height: 379px;
  color: #ffffff;
  margin-top: 33px;
}


#locatorClose {
  float: left;
  display: block;
  margin-top: 24px;
}

#map {
  border: 1px solid #7d7d7d;
  overflow: hidden;
  width: 538px;
  height: 510px;
}

#mapPopup {
  position:absolute;
  top:10px;
  left:370px;
  border: 1px solid #7d7d7d;
  overflow: hidden;
  width: 538px;
  height: 384px;
}

#map div, #mapPopup div {
  color: #000000;
}
#map div b, #mapPopup div b {
  color: #000000;
}
#map div a:link, 
#map div a:active, 
#map div a:visited,
#mapPopup div a:link, 
#mapPopup div a:active, 
#mapPopup div a:visited {
  color: #000000;
  text-decoration: none
}

div.locatorItem {
  display: block;
  clear: both;
  cursor: pointer;  
  padding-bottom: 22px;
  width: 290px;
}
div.infoName {
  padding-bottom: 4px;
  font-weight:bold;
  color:#ffffff;
}
div.locatorItem:hover div {
 color:#ffffff;
}


div.infoLeft {
  float: left;
  clear: both;
  width: 114px;
}

div.infoRight {
  float: left;
}


/************************/
/* reminder             */
/************************/
#visualCopyPopup{
 padding-left:98px;
 width:460px;
 padding-top:9px;
}

/*****************************/
/* certification-archive     */
/*****************************/

#visual #visualHeadlineResult {
  position: relative;
  width: 690px;
  padding-top: 160px;
  z-index: 1000;
  display:none;
}

#certificationResult{
 width:568px;
 margin-bottom:12px;
}
#certificationResult th{
 background-color:#393939;
 color:#FFFFFF;
 border-bottom:1px solid #000000;
 height:24px;
 font-weight:bold;
 padding-left:10px;
}
#certificationResult td{
 background-color:#0e0e0e;
 height:24px;
 border-bottom:1px solid #000000;
 padding-left:10px;
}
#breadcrumb{
 margin-bottom:3px;
}

#veil{position:absolute; top:0;left:0px;height:100%;width:100%;background-color: #000000;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;z-index:250;visibility:hidden;}
/********************/
/* wallpaper        */
/********************/


#bigImageLayer      {position:absolute; top:  113px; left:  100px; width:100%; height:auto;  visibility:hidden; z-index:301; overflow:hidden;}
.dialogBox          {position:absolute; top:  137px; left:  110px; width: 187px; height:87px; background-color: #000000;z-index:990;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;}
.dialogBoxLnk{position:absolute; top:  137px; left:  110px; padding-right:8px; padding-bottom:5px; z-index:1001; }
.dialogBoxLnk a.arrow {color:#ffffff;}
.dialogBoxHead {padding-left:8px;padding-top:5px;color:#ffffff;background-color:#393939;height:18px;width: 179px;font-weight:bold;}        
.dialogBoxLink {padding-left:8px;padding-top:5px;width: 187px;height:63px;}
        