/******************************************************************************
 * Main Cascading Style Sheet Zodiac external website
 * at http://www.zodaic.nl
 * Zodiac International B.V. Copyright (c) 2007
 ******************************************************************************
 * Current color scheme:
 *   Oranges:
 *     #ff6313 - mouse over (hoover) top menu text
 *     #f76012 - top menu background and active menu (current pages area) text 
 *     #7b3009 - mouse over (hoover) top menu background
 *     #522006 - active menu (current pages area) background
 *
 *   Yellows:
 *     #
 *     #
 *     #aa7800
 *     #
 *
 *   Grays:
 *     #
 *     #
 *     #
 *     #
 ******************************************************************************
 * Front page flags are from:
 *   Wilson's Free Gifs & Animations at http://www.fg-a.com/flags.htm
 ******************************************************************************
 * Some hints:
 *   Single margin and pading declaration [margin: top right bottom left;]
 *   Single border properties declaration [border: size type color;]
 ******************************************************************************/
body {  
  color: White;
  background-color: Black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin: 4px 0px 4px 0px;
  padding: 0px;
}

hr {
  height: 1px;
  color: #484848;
  background-color: #484848;
  border-width: 0;
}
 
#CONTAINER {
  width: 780px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left:auto;
  margin-right:auto;
}
/* Headers */
#HEADER {
  width:780px;
  height: 78px;
  margin: 0;
  background-image: url('../images/zodiac.gif');
  background-repeat: no-repeat;
  clear: both;
}

#HEADER .Banner {
  width: 535px;
  height: 55px;
  margin: 0px 0px 0px 191px;
}

/* Main menu */ 
#MAIN_MENU {
  background-color: #f76012;
  margin: 2px 0px 0px 191px;
  border-left: 1px solid Black;
}

#MAIN_MENU ul {
  margin: 0px;
  height: 21px;
  padding: 0px;
  list-style: none;
}

#MAIN_MENU li {
  margin: 0px;
  border-right: 1px solid Black;
  float: left;
}

#MAIN_MENU li a {
  color: Black;
  height: 21px;
  line-height: 21px;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 4px;
  float: left;
}

#MAIN_MENU li a:hover {
  color: #ff6313;
  background-color: #7b3009;
}

#MAIN_MENU li.Active {
  color: #f76012;
  background-color: #522006;
  font-weight: bold;
  height: 21px;
  line-height: 21px;
  padding-left: 4px;
  padding-right: 4px;
}

#MAIN_MENU li.Right {
  color: Black;
  height: 21px;
  line-height: 21px;
  text-decoration: none;
  margin-right: 4px;
  float: right;
  border-left: 1px solid Black;
  border-right: 1px solid Black;
}

#MAIN_MENU li.RightActive {
  color: #f76012;
  background-color: #522006;
  font-weight: bold;
  height: 21px;
  line-height: 21px;
  margin-right: 4px;
  float: right;
  border-left: 1px solid Black;
  border-right: 1px solid Black;
  padding-left: 4px;
  padding-right: 4px;
}

/* Sub menu */ 
#SUB_MENU {
  background-color: #484848;
  width:147px;
  margin: 38px 0px 20px 0px;
  float: left;
}

#SUB_MENU ul {
  height: 21px;
  margin: 1px 0px 0px 0px;
  padding-left: 0px;
  list-style: none;
}

#SUB_MENU li {
  margin: 0px 0px 1px 0px;
  float: left;
}

#SUB_MENU li a {
  color: #d49600;
  background-color: #222222;
  width: 135px;
  height: 21px;
  line-height: 21px;
  text-decoration: none;
  padding-left: 4px;
  padding-right: 4px;
  border-left: 4px solid #aa7800;
  float: left;
}

#SUB_MENU li a:hover {
  color: Black;
  background-color: #d49600;
  border-left: 4px solid #ffb500;
}

#SUB_MENU li.Active {
  color: #ffb500;
  background-color: #222222;
  font-weight: bold;
  width: 135px;
  height: 21px;
  line-height: 21px;
  padding-left: 4px;
  padding-right: 4px;
  border-left: 4px solid #ffb500;
}

#SUB_MENU li.Header {
  color: #ffb500;
  background-color: #000000;
  font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif;
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: .005em;
  width: 130px;
  vertical-align: bottom;
  line-height: 21px;
  padding-top: 10px;
  padding-left: 9px;
  padding-right: 4px;
  border-left: 4px solid #aa7800;
}

#SUB_MENU .Highlight {
  color: #ffb500;
  font-stretch: narrower;
  font-variant: small-caps;
  font-style: italic;
  font-weight: normal;
  text-decoration: underline;
}

/* Start area on language select page */ 
#START_AREA {
  width: 760px;
  color: #cccccc;
  font-family: Helv, Helvetica, Arial, sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  word-spacing: normal;
  letter-spacing: .4em;
  margin: 10px 0px 0px 0px;
  padding: 10px;
  background-color: #222222;
  border-top: 1px solid #484848;
  border-bottom: 1px solid #484848;
}

/* Language select menu */ 
#LANGUAGE_SELECT {
  text-align: center;
  margin: 20px 0px 20px 0px;
  padding: 0px;
}

#LANGUAGE_SELECT ul {     
  height: 80px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  border-left: 1px solid #484848;
}

#LANGUAGE_SELECT li {
  margin: 0px;
  padding: 0px;
  border-right: 1px solid #484848;
  float: left;
}
#LANGUAGE_SELECT li a {
  margin: 0px;
  padding: 0px;
  height: 80px;
  color: #ffb500;
  font-weight: bold;
  line-height: 21px;
  text-decoration: none;
  float: left;
}

#LANGUAGE_SELECT li a:hover {
  background-color: #222222;
  text-decoration: underline;
}

#LANGUAGE_SELECT li.FlagUK a {
  width: 129px;
  background-image: url('../images/flag_uk.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
}

#LANGUAGE_SELECT li.FlagUK a:hover {
  background-image: url('../images/flag_uk_anim.gif');
}

#LANGUAGE_SELECT li.FlagDE a {
  width: 129px;
  background-image: url('../images/flag_de.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
}

#LANGUAGE_SELECT li.FlagDE a:hover {
  background-image: url('../images/flag_de_anim.gif');
}

#LANGUAGE_SELECT li.FlagFR a {
  width: 129px;
  background-image: url('../images/flag_fr.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
}

#LANGUAGE_SELECT li.FlagFR a:hover {
  background-image: url('../images/flag_fr_anim.gif');
}

#LANGUAGE_SELECT li.FlagIT a {
  width: 129px;
  background-image: url('../images/flag_it.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
}

#LANGUAGE_SELECT li.FlagIT a:hover {
  background-image: url('../images/flag_it_anim.gif');
}

#LANGUAGE_SELECT li.FlagSP a {
  width: 129px;
  background-image: url('../images/flag_sp.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
}

#LANGUAGE_SELECT li.FlagSP a:hover {
  background-image: url('../images/flag_sp_anim.gif');
}

#LANGUAGE_SELECT li.FlagNL a {
  width: 128px;
  background-image: url('../images/flag_nl.gif');
  background-position: bottom center;
  background-repeat: no-repeat;
}

#LANGUAGE_SELECT li.FlagNL a:hover {
  background-image: url('../images/flag_nl_anim.gif');
}

/* Content titles */
h2 {
  color: White;
  font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif;
  font-size: 15pt;
  font-weight: normal;
  letter-spacing: .005em;
  margin: 0px;
  padding: 0px 0px 0px 24px;
}

h3 {
  color: White;         
  font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif;
  font-size: 13pt;
  font-weight: normal;
  letter-spacing: .005em;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

/* Content areas */
#CONTENT_AREA {
  width: 618px;
  margin: 12px 0px 20px 0px;
  padding-left: 0px;
  float: right;
}

#CONTENT_AREA a {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  background-image: url('../images/bg_a_content.gif');
  background-position: top left;
  background-repeat: no-repeat;
  color: #ffb500;
  text-decoration: none;
}

#CONTENT_AREA a:hover {
  background-image: url('../images/bg_a_hover_content.gif');
  background-color: #000000;
}


#CONTENT_AREA_HOMEPAGE {
  width: 780px;
  margin: 5px 0px 20px 0px;
  padding-left: 0px;
}

#CONTENT_AREA_HOMEPAGE a {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  background-image: url('../images/bg_a_content.gif');
  background-position: center left;
  background-repeat: no-repeat;
  color: #ffb500;
  text-decoration: none;
}

#CONTENT_AREA_HOMEPAGE a:hover {
  background-image: url('../images/bg_a_hover_content.gif');
  background-color: #000000;
}

#HOMEPAGE_LEFT {
  width: 330px;
  margin: 0px 0px 0px 0px;
  padding-left: 0px;
  float: left;
}

#HOMEPAGE_RIGHT {
  width: 410px;
  margin: 10px 0px 0px 0px;
  padding-left: 0px;
  float: right;
}

#HOMEPAGE_BOTTOM {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding-left: 0px;
  clear: both;
}

#HOMEPAGE_FRAME {
  margin: 2px 0px 10px 0px;
  padding: 4px 0px 4px 0px;
  background-color: #000000;
  border-top: 1px solid #ffb500;
  border-bottom: 1px solid #ffb500;
}

#HOMEPAGE_FRAME table {
  margin: 0px 0px 4px 0px;
  width: 100%;
}

#HOMEPAGE_FRAME th {
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid #484848;
  padding: 2px;
  margin: 0px;
}

#HOMEPAGE_FRAME td {
  vertical-align: top;
  padding: 2px;
  margin: 0px;
}

#HOMEPAGE_FRAME a {
  margin: 4px;
  padding: 0px 0px 0px 25px;
  background-image: url('../images/bg_a_home_right.gif');
  background-position: top left;
  background-repeat: no-repeat;
  color: #ffb500;
  text-decoration: none;
}

#HOMEPAGE_FRAME a:hover {
  background-image: url('../images/bg_a_hover_home_right.gif');
  background-color: #222222;
}

#HIGHLIGHT_FRAME {
  margin: 5px 0px 5px 0px;
  padding: 4px 4px 4px 4px;
  background-color: #000000;
  border-top: 1px solid #ffb500;
  border-bottom: 1px solid #ffb500;
}

#HIGHLIGHT_FRAME table {
  margin: 0px 0px 4px 0px;
  width: 100%;
}

#HIGHLIGHT_FRAME th {
  font-weight: normal;
  text-align: left;
  border-bottom: 1px solid #484848;
  padding: 2px;
  margin: 0px;
}

#HIGHLIGHT_FRAME td {
  vertical-align: top;
  padding: 2px;
  margin: 0px;
}

#HIGHLIGHT_FRAME a {
  margin: 0px;
  background-image: url('../images/bg_a_home_right.gif');
  background-position: top left;
  background-repeat: no-repeat;
  color: #ffb500;
  text-decoration: none;
}

#HIGHLIGHT_FRAME a:hover {
  background-image: url('../images/bg_a_hover_home_right.gif');
  background-color: #222222;
}

#IMG_LINK a {
  background-image: none;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#IMG_LINK a:hover {
  background-image: none;
  background-color: #222222;
}

#IMG_LINK img {
  border: 0px;
}

#FRAME_IMG_LINK a {
  background-image: none;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#FRAME_IMG_LINK a:hover {
  background-image: none;
  background-color: #000000;
}

#FRAME_IMG_LINK img {
  border: 0px;
}

/* Content text */
#TEXT {
  background-color: #222222;
  margin: 0px;
  padding: 12px 12px 12px 12px;
  border-bottom: 1px solid #484848;
  border-top: 1px solid #484848;
  float: left;
}

#TEXT p {
  margin-bottom: 1em;
}

#EUROPE_LOCATOR_MOVIE {
  width: 500px;
  background-color: #222222;
  margin: 0px;
  padding: 12px 59px 12px 59px;
  border-bottom: 1px solid #484848;
  border-top: 1px solid #484848;
  vertical-align: middle;
}

#COUNTRY_LOCATOR_MOVIE {
  width: 580px;
  background-color: #222222;
  margin: 0px;
  padding: 12px 19px 12px 19px;
  border-bottom: 1px solid #484848;
  border-top: 1px solid #484848;
  vertical-align: middle;
}

#GALLERY_NOTE {
  font: small-caps 900 12px verdana;
  text-align: center;
  color: Black;
  background-color: #aaaaaa;
}

/* Footer */
#FOOTER {
  width: 780px;
  margin: 0px;
  padding-top: 3px;
  border-top: 2px solid #f76012;
  clear: both;
}

/* Dealer Lounge */
#DEALER_LOUNGE {
/*  font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; */
  font-size: 13pt;
  font-weight: bold;
  letter-spacing: .005em;
  text-align: left;
  padding: 2px 0px 2px 0px;
  margin: 0px;
  float: left;
}

#DEALER_LOUNGE a {
  padding: 2px 10px 2px 10px;
  background-color: #f76012;
  color: Black;
  text-decoration: none;
}
 
#DEALER_LOUNGE a:hover {
  color: #ff6313;
  background-color: #7b3009;
}

#COPYRIGHT {
  text-align: right;
  float: right;
}

#COPYRIGHT p {
  color: #aaaaaa;
  line-height: 14px;
  font-size: 11px;
  margin: 0px;
}

#COPYRIGHT a {
  color: #aaaaaa;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

#COPYRIGHT a:hover {
  text-decoration: underline;
}

/* Widgets */
.inputbox {
  background-color: #fffacc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

.button {
  color: #ffb500;
  background-color: #000000;
  border-left: 0px;
  border-right: 0px;
  border-top: 1px solid #ffb500;
  border-bottom: 1px solid #ffb500;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  width: 90px;
}

.highlight {
  color: #e0e0e0;
  text-decoration: underline;
}

.error {
  color: #f76012;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

.notfound {
  color: #f76012;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

#POPUP_CONTAINER {
  width: 450px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left:auto;
  margin-right:auto;
}

#POPUP_CONTENT_AREA {
  width: 450px;
  margin: 12px 0px 20px 0px;
  padding-left: 0px;
}
 
#E-NEWS_HEAD a {
  background-image: none;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#E-NEWS_HEAD a:hover {
  background-image: none;
  background-color: #000000;
}

#E-NEWS_HEAD img {
  padding: 0px 4px 4px 0px;
  border: 0px;
  text-decoration: none;
}

#SUB_MENU li.e-News {
  padding: 20px 0px 0px 0px;
  color: #ffb500;
  background-color: #000000;
  margin: 0px;
  vertical-align: bottom;
  width: 147px;
  text-align: center;
}

#SUB_MENU a.e-News {
  color: #ffb500;
  background-color: #000000;
  border: 0px;
}

#SUB_MENU a.e-News:hover {
  color: #ffb500;
  background-color: #000000;
  border: 0px;
  text-decoration: underline;
}

.emphasis {
  font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif;
  font-size: 12pt;
  font-weight: bold;
}