/* GENERAL */
html, body { margin: 0; padding: 0; border: none; }
/* class is present so these styles aren't triggered within Sitebox CMS */
body.prins { background: #F3F3F3; padding: 10px 0; }
body, table { font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif; }
#container { margin: 0 auto; width: 964px; background: #FFF; border: 1px solid #CCCBC9; position: relative; }
/* HEADER */
#header { position: relative; /* required for language select */ z-index: 50; }
/* logo */
#header h1 { margin: 0; }
#header img { border: none; }
/* log in */
#log_in { width: 160px; height: 20px; position: absolute; top: 12px; right: 280px; }
#log_in a { text-decoration: none;}
/* language selection */
#languages { width: 228px; height: 20px; position: absolute; top: 10px; right: 10px; /* overlay search box */ z-index: 60; font-size: 10px; line-height: 12px; }
#languages p { margin: 0; height: 15px; padding: 3px 8px 0 8px; border: 1px solid #CCCBC9; background: url("/data/static/images/corporate-2008/arrow_down.gif") no-repeat 210px 7px; cursor: pointer; }
#languages ul { visibility: hidden; margin: 0; padding: 0; width: 228px; position: absolute; left: 0; top: 20px; background: #FFF; }
#languages ul.expanded { visibility: visible; }
#languages li { list-style-type: none; border: 1px solid #CCCBC9; border-top: none; }
#languages a { display: block; width: 210px; padding: 6px 8px; color: #0D4380; text-decoration: none; }
#languages a:hover { background: #F5F7FA; }
#languages img { vertical-align: -2px; margin-right: 8px; }
/* search form */
#search { margin: 0; position: absolute; top: 38px; right: 10px; }
#search input { background: #FFF; border: 1px solid #CCCBC9; font: 11px Verdana, Arial, Helvetica, sans-serif; height: 20px; vertical-align: middle; }
#search input.text { width: 150px; padding: 2px 4px 0 4px; margin-right: 78px; }
#search input.button { width: 70px; padding: 0 4px; position: absolute; top: 0; right: 0; }
/* MENU */
#menu { margin: 0 -1px; padding: 0; height: 40px; background: #258 url("/data/static/images/corporate-2008/menu.png") repeat-x; border-right: 1px solid #0A3566; }
#menu img { border: none; }
/* first level */
#menu li { list-style-type: none; height: 40px; float: left; border-left: 1px solid #0A3566; }
#menu a { display: block; float: left; height: 40px; text-decoration: none; font-size: 12px; text-transform: uppercase; color: #FFF; text-align: center; line-height: 40px; }
#menu a:hover { background: #4F7395 url("/data/static/images/corporate-2008/menu_hover.png") repeat-x; cursor: default; }
#menu a:visited:hover,
#menu a:link:hover { cursor: pointer; }
#menu a.menu_open { background: #4F7395 url("/data/static/images/corporate-2008/menu_hover.png") repeat-x; }
/* second level */
#menu ul { visibility: hidden; z-index: 20; margin: 0; padding: 0; position: absolute; background: #F5F7FA; border: 1px solid #0A3566; border-top: none; }
#menu ul li { float: none; border: none; width: auto !important; height: auto; border-top: 1px solid #CCCBC9; }
#menu ul li a { float: none; height: auto; padding: 5px; color: #000; font-size: 11px; text-transform: none; text-align: left; line-height: 1.3em; }
#menu ul li.first { border-top: none; }
#menu ul li a:hover { background: #A3B8CC; background: #CBE1EE; }
/* third level */
#menu ul ul { display: none; }
/* width for 6 menu items */
#menu.nodecount6 li,
#menu.nodecount6 a { width: 160px; }
#menu.nodecount6 li.first,
#menu.nodecount6 li.first a { width: 159px; }
#menu.nodecount6 ul li a,
#menu.nodecount6 ul li.first a { width: 150px; }
#menu.nodecount6 li.first ul li a { width: 149px; }
/* width for 7 menu items */
#menu.nodecount7 li,
#menu.nodecount7 a { width: 137px; }
#menu.nodecount7 li.first,
#menu.nodecount7 li.first a { width: 136px; }
#menu.nodecount7 ul li a,
#menu.nodecount7 ul li.first a { width: 127px; }
#menu.nodecount7 li.first ul li a { width: 126px; }
/* CONTENT */
#content { background: #FFF; }
/* used for Sitebox editor */
p { margin: 0 10px 10px 10px; }
ul,
ol { margin: 0 10px 10px 40px; padding: 0; }
a { color: #00489B; }
table td { vertical-align: top; }
/* column layout (table) */
#default { margin: 0; width: 964px; border-collapse: collapse; border: none; }
#default-left { padding: 0; vertical-align: top; width: 213px; border: none; }
#default-right { padding: 0; vertical-align: top; width: 750px; border: none; border-left: 1px solid #CCCBC9; }
/* SIDE NAVIGATION */
#default-left h2 { margin: 20px 5px 15px 5px; font-size: 18px; font-weight: normal; }
#default-left h2 a { color: #00489B; text-decoration: none; background: none !important; padding: 0 5px !important; }
#default-left h2 a:hover { text-decoration: underline; }
/* first level */
#navigation { margin: 0 5px !important; padding: 0; }
#navigation li { list-style-type: none; font-weight: bold; /*margin-bottom: 5px;*/ }
#navigation a { display: block; width: 193px; color: #00489B; text-decoration: none; padding: 5px; }
#navigation a:hover { text-decoration: underline; }
#navigation a:hover,
#navigation a.active { background: #F5F7FA; }
/* second level */
#navigation ul { margin: 0 0 5px 0 !important; padding: 0; }
#navigation ul li { font-weight: normal; margin: 0; }
#navigation ul li a { width: 187px; padding: 2px 5px 2px 10px; }
/* third level */
#navigation ul li ul { margin: 0 0 5px 0 !important; padding: 0; }
#navigation ul li ul li { font-weight: normal; margin: 0; }
#navigation ul li ul li a { background: url('/data/static/images/corporate-2008/menu_node.gif') no-repeat center left; width: 177px; padding: 2px 5px 2px 30px; }
#navigation ul li ul li a:hover,
#navigation ul li ul li a:active { background: url('/data/static/images/corporate-2008/menu_node.gif') no-repeat center left; }
/* HOMEPAGE */
/* teaser on homepage */
/* TODO: height: 500px; is for HomepageSlide */
#teaser { position: relative; width: 964px; height: 275px; /*height: 500px;*/ background: #70ACD1 no-repeat; }
/* with latest news hovering over it */
/*#teaser #news { position: absolute; right: 0; top: 0; width: 321px; height: 275px; background: url("/data/static/images/corporate-2008/news_bg.png"); border-left: 1px solid #FFF; }
#teaser #news h1 { margin: 0 10px; height: 32px; font-size: 12px; line-height: 32px; text-transform: uppercase; color: #0D4380; }
#teaser #news ul { margin: 0; padding: 0; }
#teaser #news ul li { list-style-type: none; border-top: 1px solid #FFF; height: 80px; }
#teaser #news ul li a { display: block; width: 321px; height: 80px; position: relative; color: #0D4380; text-decoration: none; overflow: hidden; }
#teaser #news ul li,
#teaser #news ul li a { float: left; }
#teaser #news ul li a h3 { margin: 0; padding: 10px 10px 5px 81px; padding-bottom: 0; font-size: 12px; }
#teaser #news ul li a p { margin: 0; padding: 0 10px 0 81px; }
#teaser #news ul li a img { position: absolute; left: 9px; top: 9px; border: none; }
#teaser #news ul li a:hover { background: url("/data/static/images/corporate-2008/news_bg.png") left bottom; }
#teaser #news ul li a span.more { position: absolute; right: 10px; bottom: 5px; font-size: 10px; font-weight: bold; }*/
/* TODO: required for HomepageSlide */
#fade-container { /*position: absolute; bottom: 38px; left: 0;*/ }
/* hover-list for the homepage */
ul.homepage-list { margin: 0; padding: 0; }
ul.homepage-list li { list-style-type: none; /*border-top: 1px solid #CCCBC9;*/ height: 80px; height: 68px; clear: both; }
ul.homepage-list li.first { border-top: none; }
ul.homepage-list li a { display: block; width: 321px; height: 80px; height: 68px; color: #0D4380; text-decoration: none; position: relative; overflow: hidden; }
ul.homepage-list li,
ul.homepage-list li a { float: left; }
ul.homepage-list li.first a { float: none; }
ul.homepage-list li a h3 { margin: 0; padding: 8px 10px 5px 68px; padding-bottom: 0; font-size: 11px; }
ul.homepage-list li a p { margin: 0; padding: 0 10px 0 68px; color: #000; }
ul.homepage-list li a img { position: absolute; left: 9px; top: 9px; border: none; }
ul.homepage-list li a:hover { background: #F5F7FA; background: #CBE1EE; }
ul.homepage-list li a span.more { position: absolute; right: 10px; bottom: 5px; font-size: 10px; font-weight: bold; color: #0D4380; }
/* hover-list in center column should be 1px smaller */
#homepage-center ul.homepage-list { margin-left: 1px; }
#homepage-center ul.homepage-list li a { width: 320px; }
/* homepage, three column table */
#homepage { margin: 0; width: 964px; border-collapse: collapse; border-top: 1px solid #FFF; }
#homepage-left { width: 321px; padding: 0; vertical-align: top; }
#homepage-center { width: 322px; padding: 0; vertical-align: top; }
#homepage-right { width: 321px; padding: 0; vertical-align: top; }
#homepage-center { background: url("/data/static/images/corporate-2008/homepage_bg.gif") repeat-y left top; }
#homepage-center h1 { border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
/* homepage heading */
#homepage h1 { margin: 0; padding: 10px; background: #0D4380; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #FFF; }
#homepage h1 a { color: #FFF; text-decoration: none; }
/* partners heading on homepage */
#homepage h1.partners { clear: both; margin: 0 1px 15px 1px; padding: 0; border: none; border-bottom: 1px solid #CCCBC9; text-align: center; background: none; }
#homepage h1.partners span { padding: 0 3px; font-size: 8pt; line-height: 1.3em; position: relative; top: 6px; background: #FFF; color: #BBB; }
/* FOOTER */
#footer { padding: 10px 20px; border-top: 1px solid #CCCBC9; font-size: 10px; color: #888; }
#footer span.separator { padding: 0 12px; }
#footer a { color: #888; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/* partner page */
#partnersbycountry { margin-top:10px; }
#partnersbycountry h3 { font-size:13px; }
#partnersbycountry table { border-top:1px solid #ddd;}
#partnersbycountry table tr td { padding-left:10px; }
#partnersbycountry table.inactive tr td { background-color:#FEFEFE; }
#partnersbycountry table.active tr td { background-color:#F1F1F1; }
.google_overlay { padding:0 10px 0 0; margin:0;}
.google_overlay h3 { font-family:Verdana; color:#0F4C92; font-size:14px; font-weight:bold; margin-bottom:12px;}
.partnertype { font-style:italic }
/* system search and result pages */
.form-default-left { padding: 2px 0 2px 4px; }
.form-default-right { background-color:#F9FAFB; padding-left: 3px; padding-right: 3px; }
.headingpicture { border-bottom: solid 1px #F9DE8D; }
.headingpictureprices { border-bottom: solid 1px #C1CFDD; border-top: solid 1px #C1CFDD; }
.mainenginesettable { margin-top:10px; border:none;}
.sectionheading { padding: 2px 4px; background-color:#EAEEF2; }
.trunksetitem {padding-left:1px; border-bottom: 1px solid #E1E7ED; margin: 3px 0px 3px 0px; vertical-align: middle;}
.trunksetitemcenter {padding:2px; text-align:center;}
.search_system_bg { padding: 6px 0px 6px 0px; margin:0 0 10px 0px; font-family: verdana; font-size: 10px; color: #063E93; text-align:center; width: 205px; background-color:#F7F7F7; border: solid 1px #CACAD2; }
.car_line { padding-top: 9px; padding-bottom: 5px; }
.car_selectbox { padding-top: 3px; padding-bottom: 3px; }
.car_textfield { padding-top: 3px; padding-bottom: 3px; }
.car_numbersearch img { margin-bottom:10px; }
.introtext { padding: 0px 6px 0px 6px; }
.system_positioner { padding:66px 10px 10px 10px;}
.div_positioner { padding:0 10px; }
/* login box */
.login-box { padding: 0px; background-color:#F5F5F5; margin: 0 0 10px 0; }
.rc-login-header { font-weight:bold; }
.rc-login-input input { width: 122px; }
.message { font-weight:bold; padding:10px; }
.product-list { padding-left:10px; }
img.icon { padding-left:10px; }
.bodytype a { padding-left:10px; }
/* action page */
p.action {font-size: 14px; margin-bottom: 20px;}
ul.action li {font-size: 16px; color: #0D4380; margin-bottom: 10px;}