/* CSS Document */
/* WELCOME screen */

/* 3A4549 dark grey */
/* 626264 light grey */
/* 0A2455 RS blue */
/* 851720 RS uni Red */
/* D36331 Skoda orange */
/* 373645 Skoda purple */
/* 006D5B Skoda green */   /*5*/
/* C6CDCF Skoda grey-white for text */
/* A9111E Tail light red */ /*4*/
/* 98B3C4 Satin grey */
/* 30373D Anthracite grey */
/* 90897F Cappuccino beige */
/* 46727B Island green */
/* 21382E Highland green */ /*3*/
/* 122047 Storm blue */   /*2*/
/* 19377F Dynamic blue */ /*1*/
/* CECFD3 Brilliant silver */
/* 8D011E Flamenco Red */
/* B90B2E Corrida red Uni */
/* 990033 Purple */
/* FAFA89 Light Yellow - bright */
/* E3DE80 Light Yellow */
/* DDD200 Yellow - dark */
/* 078D30 Nice green by me */
/* FDD343 Tour RS Yellow */

/* Background, text color */
body {
background-color: #98B3C4; 
color: #FFFFFF; 
margin: 0;
padding: 0;
/* margin-right: 15px;*/ 
text-align: justify; 
font-family: Arial; 
font-size:14px; 
font-weight:bold; 
}

/* Table border is Brilliant silver or Island green */
/*table {border-color: #46727B; background-color: #3A4549; border-style: double; border-width: 4px; border-collapse: collapse;}*/

/* To avoid annoying interior rows in IE */
/*tr {border-color: #46727B; border-collapse: collapse;}*/

/* To avoid annoying interior rows in IE */
/*th {color: #C6CDCF; background-color: #3A4549; border-color: #46727B; border-collapse: collapse; font-weight: normal}*/

/* Tables with Satin grey text */
/*td {background: #3A4549; color: #98B3C4; border-color: #46727B; font-family: Arial; 
font-size:14px; font-weight: normal}*/

/* White paragraph */
p {color: #000000;font-size: 14px; font-family: Arial;font-weight: bold;}

p.white {color: #FFFFFF;font-size: 14px; font-family: Arial;font-weight: bold; text-align: center;}

/* Years will be highlited */
p.year {color: #FFFFFF}

/* Text is right-aligned */
p.txtright {text-align: right;}

/* Puts everything in center of screen that has this in its "class" */
div.picture {
  text-align: center;
  position: relative;
}

/* Puts everything in center of screen that has this in its "class" */
/* I use it only for pictures momentarily */
div.center {
  text-align: center;
}

/* Text is floated righ to the pictre */
img.floatleft {
  padding: 0 10px 0 0;
  float:left;
}

/* Images not showed in IE6 if this line is missing */ 
img {
position: relative;}

/* Dates will be highlited in Flamenco Red */
em.date {color: #8D011E; font-style: normal;}

/* Engine codes will be highlited */
em.ecode {color: #B90B2E; font-style: normal; font-size: 18px;}

/* Warning text */
em.warning {color: #B90B2E; font-style: normal;}

/* EM HIGHLIGHT: highlighting some text to break the boring black listings in MY */
em.highlight {color: #B90B2E; font-style: normal;}

/* List item: black in MY listings */
li {color: #000000;font-size: 14px; font-family: Arial;font-weight: bold;}

/* Heading1 with orange */
/*h1 {color: #D36331; font-family: Verdana; font-size: 20px;}*/
/* Heading1 with Dynamic blue */
h1 {color: #19377F; font-family: Verdana; font-size: 20px; text-align: center}

/* Heading2: subtitle in light yellow in engine spec. docs */
h2 {color: #E3DE80; font-family: Arial; font-size: 18px;}

/* Heading3: Tail light red in engine spec. docs and Year value in MY */
h3 {color: #A9111E; font-family: Arial; font-size: 16px; font-weight: bold}

/* Heading4: subtitle in type awards, etc. in orange */
h4 {color: #D36331; font-family: Arial; font-size: 20px; font-weight: bold}

/* Links inside li items (like at MY pictures */
.modelyear li a {
/* This would be the best but IE6 sucks, does not know the table display type */
/* display: table-cell;*/
 display: block;
 padding: 8px 0px 8px 25px;
 color: #000;
 font-size: 11pt;
 font-family: trebuchet ms;
 font-weight: bold; /* text-decoration volt */
/* border: 1px solid transparent;*/
 border: 0px solid transparent;
 margin: 0;
}

/* links in model year */
a:link.shortcut {text-decoration: none; font-size: 16px; color: #078d30}
/* no borders around link images */
a:visited.shortcut {text-decoration: none; font-size: 16px; color: #078D30}
a:hover.shortcut {text-decoration: none; font-size: 16px; color: #FDD343}
a:active.shortcut {text-decoration: none; font-size: 16px;}

/* links all green, when mouse is over a link it gets blue */
a:link {text-decoration: none; color: #078d30}
/* no borders around link images */
a img {border-width: 0;}
a:visited {text-decoration: none; color: #078D30}
a:hover {text-decoration: none; color: #FDD343}
a:active {text-decoration: none;}

/* New design table */
/* Table border is Brilliant silver or Island green */
table {border-color: #90897F; background-color: #336699; border-style: hidden; border-width: 4px; border-collapse: collapse;}

/* To avoid annoying interior rows in IE */
tr {border-color: #90897F; border-collapse: collapse;}

/* To avoid annoying interior rows in IE */
th {color: #FAFA89; background-color: #19377F; border-color: #90897F; border-collapse: collapse; font-weight: normal; text-align: center;}

th.dim_title {font-weight: bold; width: 392px; font-size: 15px;}
th.dim_type {font-weight: normal; width: 68px;}

/* Tables with Satin grey text */
td {background: #336699; color: #FFFFFF; border-color: #90897F; font-family: Arial; 
font-size:14px; font-weight: normal}

td.dim_param {width: 155px; text-align: left;}
td.dim_value {width: 65px; text-align: center;}

em.vagcode {color: #A9111E; font-family: Arial; font-size: 16px; font-weight: bold; font-style: italic;}
em.vagdef {color: #FAFA89; font-family: Arial; font-size: 16px; font-weight: bold; font-style: italic;}

/* VIN */
th.vin_title {font-weight: bold; width: 240px; font-size: 15px;}
th.vin_codeheader {font-weight: normal; width: 75px;}
th.vin_descheader {font-weight: normal; width: 485px;}
td.vin_label {width: 240px; text-align: left;}
td.vin_codeentered {width: 75px; text-align: center; font-weight: bold;}
td.vin_codedesc {width: 485px; text-align: center;}

em.validvin {color: #078D30; font-family: Arial; font-size: 16px; font-weight: bold; font-style: normal;}
em.notvalidvin {color: #B90B2E; font-family: Arial; font-size: 16px; font-weight: bold; font-style: normal;}