@charset "utf-8";

/* ボッシュ・イン・ジャパン */

/* GLOBALE TAGS ////////////////////////////// */
* { margin: 0; padding: 0; }

body { text-align: center; font-family: /* 'メイリオ', */ 'ＭＳ Ｐゴシック', Osaka, Arial; }
body.subWindow { background: none; }

div, p, td, a, table, body, li, input, textarea, select { font-family: Osaka, Arial, /* 'メイリオ', */ 'ＭＳ Ｐゴシック', Helvetica, sans-serif; color: #153B63; font-size: 12px; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

p { margin: 0 0 12px 0; line-height: 130%; }
p:first-child { margin: 0 0 12px 0; }

a { text-decoration: none; }
a.linkInline      { padding: 0 4px 0 12px; background: transparent url(/shared/images/arrow-right.gif) no-repeat 4px 1px; }
a.linkInlineLeft  { padding: 0 4px 0 12px; background: transparent url(/shared/images/arrow-left.gif ) no-repeat 4px 1px; }
a.linkInlineDown  { padding: 0 4px 0 12px; background: transparent url(/shared/images/arrow-down.gif ) no-repeat 4px 1px; }
a.linkInlineAtEnd { padding: 0 12px 0 0;   background: transparent url(/shared/images/arrow-right.gif) no-repeat right top; }

a.linkInline:hover      { background-color: #DFE9F3; }
a.linkInlineLeft:hover  { padding: 0 4px 0 12px; background: transparent url(/shared/images/arrow-left.gif ) no-repeat 4px 1px; }
a.linkInlineDown:hover  { padding: 0 4px 0 12px; background: transparent url(/shared/images/arrow-down.gif ) no-repeat 4px 1px; }
a.linkInlineAtEnd:hover { padding: 0 12px 0 0;   background: transparent url(/shared/images/arrow-right.gif) no-repeat right top; }

a.linkBlock     { display: block; margin-bottom: 12px; padding: 3px 3px 3px 14px; border-top: 1px solid #B4C6D9; border-bottom: 1px solid #B4C6D9; background: transparent url(/shared/images/arrow-right.gif) no-repeat 4px 5px; }
a.linkBlockUp   { display: block; margin-bottom: 12px; padding: 3px 3px 3px 14px; border-top: 1px solid #B4C6D9; border-bottom: 1px solid #B4C6D9; background: transparent url(/shared/images/arrow-up.gif) no-repeat 4px 3px; }
a.linkBlockDown { display: block; margin-bottom: 12px; padding: 3px 3px 3px 14px; border-top: 1px solid #B4C6D9; border-bottom: 1px solid #B4C6D9; background: transparent url(/shared/images/arrow-down.gif) no-repeat 4px 3px; }
a.linkBlockLeft { display: block; margin-bottom: 12px; padding: 3px 3px 3px 14px; border-top: 1px solid #B4C6D9; border-bottom: 1px solid #B4C6D9; background: transparent url(/shared/images/arrow-left.gif) no-repeat 4px 3px; }

a.linkBlock:hover     { background: #DFE9F3 url(/shared/images/arrow-right.gif) no-repeat 4px 5px; }
a.linkBlockUp:hover   { background: #DFE9F3 url(/shared/images/arrow-up.gif) no-repeat 4px 3px; }
a.linkBlockDown:hover { background: #DFE9F3 url(/shared/images/arrow-down.gif) no-repeat 4px 3px; }
a.linkBlockLeft:hover { background: #DFE9F3 url(/shared/images/arrow-left.gif) no-repeat 4px 3px; }

html[xmlns] a.linkBlock       { display: block; margin-bottom: 12px; padding: 3px 3px 3px 14px; border-top: 1px solid #B4C6D9; border-bottom: 1px solid #B4C6D9; background: transparent url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
html[xmlns] a.linkBlock:hover { background: #DFE9F3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }

/*
div ul:last-child { margin-bottom: 0 !important; }
*/

li a.linkBlock { margin-bottom: 0 !important; }
dd a.linkBlock { margin-bottom: 0 !important; }

img { border: 0; }

a img.imageLink { border: 1px solid #00F; }

form { margin: 0; padding: 0; }

table { margin: 0 0 12px 0; padding: 0; border: none; border-spacing: 0; border-collapse: collapse; }
th, td { padding: 0; border: none; line-height: 130%; }
th { text-align: center; }

hr { display: none; }

sub { vertical-align: sub   !important; font-size: 90%; line-height: 100%; }
sup { vertical-align: super !important; font-size: 90%; line-height: 100%; }

/* get rid of extra space below Flash contents on IE */
object, 
embed { vertical-align: top; }

/* GLOBALE TAGS - END ////////////////////////////// */


/* GLOBALE CLASSES ////////////////////////////// */
/* arrows */
.arrow { padding: 0 4px 0 12px; background: transparent url(/shared/images/arrow-right.gif) no-repeat 4px 1px; }
.arrowUp { padding: 0 4px 0 12px; background: transparent url(/shared/images/arrow-up.gif) no-repeat 4px 0; }
.seeBelow { padding: 0 3px 0 14px; background: transparent url(/shared/images/arrow-down.gif) no-repeat 3px 4px; }
html[xmlns] .seeBelow { background: transparent url(/shared/images/arrow-down.gif) no-repeat 3px 2px; }

/* positioning */
.center { margin-right: auto; margin-left: auto; text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.floatLeft  { float: left; }
.floatRight { float: right; }
img.floatLeft  { padding: 0 4px 4px 0; }
img.floatRight { padding: 0 0 4px 4px; }
.clearBoth { clear: both; }

/* sizes, styles & colors */
.en { font-family: Arial, Helvetica, sans-serif; }
.italic { font-style: italic; }
.larger { font-size: larger; }
.smaller { font-size: 80% !important; }
html[xmlns] .smaller { font-size: 90% !important; }
.red { color: #DF0024; }
.underlined { text-decoration: underline; }

/* linebreaks */
.noBreak { white-space: nowrap; }
.noWrap { white-space: nowrap; }

/* spacing */
.noMargin { margin: 0; }
.noBottomMargin { margin-bottom: 0 !important; }

/* styles by purposes */
.new { color: #F00; font-weight: bold; }
.fileTypeIcon { margin: 0 4px; padding: 0; vertical-align: -2px; }
html[xmlns] .fileTypeIcon { margin: 0; padding: 0 4px; vertical-align: top; }
.urgentNotice { padding: 12px; border: 2px dotted #DF0024; }
.urgentNotice strong { color: #DF0024; }

/* float container (for giving height according to what is contained) */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; } /* for IE7 & Mac IE5 */
* html .clearfix { height: 1% } /* for Win IE6 */
.clearfix { display: block; } /* for Win IE6 */

/* GLOBALE CLASSES - END ////////////////////////////// */


/* PAGE ELEMENTS ////////////////////////////// */
#container { width: 720px; margin-left: auto; margin-right: auto; padding: 0; background: transparent url(/shared/images/bg-menu.gif) repeat-y; text-align: left; }


/* HEADER ////////////////////////////// */
#header { width: 720px; background-color: transparent; overflow: hidden; }

#header p#headerSkip { display: none; }

#header #headerButtonsRow { width: 720px; height: 17px; background-color: #B4C6D9; }
#header #headerButtonsRow ul { height: 17px; margin: 0; padding: 0; list-style: none; }
#header #headerButtonsRow ul li { height: 17px; padding-top: 0; font-size:10px; }
html[xmlns] #header #headerButtonsRow ul li { padding-top: 2px; }
#header #headerButtonsRow ul li a { font-size: 10px; }

#header ul#headerButtons1 { float: left; }
#header ul#headerButtons1 li { display: inline; float: left; border-right: 1px solid #FFF; vertical-align: middle; font-size: 9px; }
html[xmlns] #header ul#headerButtons1 li { padding: 0; }
#header ul#headerButtons1 li a { display: block; width: auto; padding: 3px 10px 0 24px; font-size: 9px; }
html[xmlns] #header ul#headerButtons1 li a { vertical-align: middle; }
#header ul#headerButtons1 li a#headerLanguage      { background: transparent url(/shared/images/header-language.gif) no-repeat 0 1px; }
#header ul#headerButtons1 li a#headerWebAssistant  { background: transparent url(/shared/images/header-webassistant.gif) no-repeat 0 1px; }
#header ul#headerButtons1 li a#headerContact       { background: transparent url(/shared/images/header-contact.gif) no-repeat 0 1px; }
#header ul#headerButtons1 li a#headerDealerLocator { background: transparent url(/shared/images/header-dealer.gif) no-repeat 0 1px; }
#header ul#headerButtons1 li a#headerMyBosch       { background: transparent url(/shared/images/header-mybosch.gif) no-repeat 0 1px; }

#header ul#headerButtons2 { float: right; }
#header ul#headerButtons2 li { display: inline; float: left; padding: 2px 10px 0 10px; border-left: 1px solid #FFF; font-size: 9px; }
#header ul#headerButtons2 li a { display: block; font-size: 9px; }
html[xmlns] #header ul#headerButtons2 li a {  }

#header #headerLogoRow { clear: both; width: 720px; height: 49px; background-color: #FFF; text-align: right; vertical-align: middle; }
#header #headerBoschSlogan {  }
#header #headerBoschLogo { margin-left: 23px; }

#header div#breadcrumbsRow { clear: both; width: 720px; height: 17px; border-bottom: 1px solid #FFF; background-color: #153B63; overflow: hidden; }
#header div#breadcrumbsRow p#breadcrumbs { height: 17px; margin: 0; padding: 2px 0 0 7px; }
html[xmlns] #header div#breadcrumbsRow p#breadcrumbs { padding: 0 0 0 7px; }
#header div#breadcrumbsRow p#breadcrumbs span.divider { display: none; }
#header div#breadcrumbsRow p#breadcrumbs a { padding: 3px 4px 0 12px; background: transparent url(/shared/images/arrow-left-white.gif) no-repeat 3px 2px; color: #FFF; font-size: 9px; vertical-align: middle; }

/* for Firefox only */
html:not([lang*=""]) #header div#breadcrumbsRow p#breadcrumbs a { padding: 0 4px 0 12px; background: transparent url(/shared/images/arrow-left-white.gif) no-repeat 3px -1px; }

/* HEADER - END ////////////////////////////// */


/* MAIN ////////////////////////////// */
#main { float: right; width: 540px; border: none; border-top: 6px solid #B4C6D9; background-color: #FFF; text-align: left; }
/* MAIN - END ////////////////////////////// */


/* HEADLINE ////////////////////////////// */
h1#mainHeadline { border: 0; padding: 12px; color: #FFF; background-color: #829DBA; font-size: 20px; }

h1#mainHeadline.en { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
html[lang="en"] h1#mainHeadline { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }

#mainImage { width: 540px; border: 0; background-color: #B4C6D9; vertical-align: bottom; }
#mainImage img { vertical-align: bottom; }

#subHeadline { background-color: #DFE9F3; padding: 6px 12px 6px 12px; }
#subHeadline p { margin: 6px 0 6px 0; }

h1 { color: #153B63; font-size: 20px; font-weight: bold; }
h2, h3, h4, h5, h6 { margin: 0 0 12px 0; color: #153B63; font-size: 12px; font-weight: bold; }
h2 { padding: 4px 6px 4px 6px; background-color: #BFD2E3; }
h3 { padding: 4px 6px 4px 6px; background-color: #DFE9F3; }
h4 { padding: 0; }
/* HEADLINE - END ////////////////////////////// */


/* MAIN CONTENTS ////////////////////////////// */
#mainBody { width: 528px; margin: 12px 0 12px 12px; background-color: #FFF; }

#mainContent { width: 342px; float: left; }
#mainContent p { /* text-align: justify; */ /* text-justify: inter-ideograph; */ } /* "text-justify" causes an error: unknown property */

#main hr.divider { display: block; margin: 0 0 12px 0; height: 1px; border: 1px solid #B4C6D9; border-width: 1px 0 0 0; }

p.firstLine { margin: 0 0 12px 0; }
p.headlineLightBlue { margin: 0 0 12px 0; padding: 6px 6px 6px 6px; background-color: #BFD2E3; font-weight: bold; }
p.firstLine.headlineLightBlue { margin: 0 0 12px 0; }
p.headlineBrightBlue { margin: 0 0 12px 0; padding: 6px 6px 6px 6px; background-color: #DFE9F3; font-weight: bold; }

div.boxPlain { margin: 0 0 12px 0; padding: 12px 12px 0 12px; border: 1px solid #B4C6D9; }
div.boxPlain h2.headline { margin: -12px -12px 12px -12px; padding: 4px; color: #153B63; background-color: #BFD2E3; font-weight: bold; }
div.boxPlain h3.headline { margin: -12px -12px 12px -12px; padding: 4px; color: #153B63; background-color: #DFE9F3; font-weight: bold; }
div.boxPlain p.headline { margin: -12px -12px 12px -12px; padding: 4px; color: #153B63; background-color: #BFD2E3; font-weight: bold; }
div.boxPlain p.subHeadline { margin: -12px -12px 12px -12px; padding: 12px; border-top: 1px solid #B4C6D9; background-color: #FFF; font-weight: bold; }
div.boxPlain p { line-height: 120%; }

.box { margin: 0 0 12px 0; padding: 6px 6px 6px 6px; border: 1px solid #B4C6D9; }
.box h2 { margin: 0 0 6px 0; }
.box h3 { margin: 0 0 6px 0; }
.box p  { margin: 0 0 6px 0; }
.box ul { margin: 0 0 6px 0; }
.box ol { margin: 0 0 6px 0; }
.box dl { margin: 0 0 6px 0; }

.boxGray { background-color: #EBEBEB; border: none; }

div.boxDotted { margin: 0 0 12px 0; padding: 12px 12px 0 12px; border: 1px dotted #B4C6D9; }

/* boxPlain by table to prevent messed up appearance on IE */
table.boxPlain { width: 100%; margin: 0 0 12px 0; border-spacing: 0px; border-collapse: collapse; }
table.boxPlain th { border: 1px solid #B4C6D9; }
table.boxPlain td { border: 1px solid #B4C6D9; }
table.boxPlain th { padding: 4px; color: #153B63; background-color: #BFD2E3; text-align: left; font-weight: bold; }
table.boxPlain td { padding: 12px 12px 0 12px; }

table.tablePlain { width: 100%; margin-bottom: 12px; border-spacing: 0px; border-collapse: collapse; }
table.tablePlain th { padding: 4px; background-color: #DFE9F3; border: 1px solid #B4C6D9; font-weight: normal; }
table.tablePlain td { padding: 4px; background-color: #FFF; border: 1px solid #B4C6D9; }
table.tablePlain td.highlighted { background-color: #F0F0F0; }

table.autoWidth { width: auto; }

#mainBody ul { margin: 0 0 12px 0 /*14px*/; list-style: none /*square*/; }
#mainBody ol { margin: 0 0 12px 30px; list-style: decimal; }
html[xmlns] #mainBody ol { margin: 0 0 12px 22px; }

#mainBody table.tablePlain td ol:last-child { margin-bottom: 0; }
#mainBody table.tablePlain td ul:last-child { margin-bottom: 0; }
#mainBody table.tablePlain td dl:last-child { margin-bottom: 0; }

#mainBody li { margin-left: 0; padding-bottom: 3px; }

#mainBody dl { margin: 0 0 12px 0; }
#mainBody dt { margin-top: 6px; margin-bottom: 6px; font-weight: bold; }
#mainBody dt:first-child { margin-top: 0; }
#mainBody dd { margin: 0 0 6px 9px; padding-bottom: 3px; }

#mainBody dl.listDefinitionsBulleted { margin: 0 0 0 0; }
#mainBody dl.listDefinitionsBulleted dt { padding: 0 0 12px 14px; background: #FFF url(/shared/images/bullet-square.gif) no-repeat 4px 0; font-weight: bold; }
#mainBody dl.listDefinitionsBulleted dd { padding: 0 0 12px 14px; }

#mainBody dl dd ol { margin-top: 3px !important; margin-bottom: 0 !important; }

#mainBody ul li { padding: 3px 3px 3px 14px; background: transparent url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }

#mainBody ul.listPlain { margin: 0 0 12px 0; margin-left: 0; list-style: none; }
#mainBody ul.listPlain li { padding: 3px 3px 3px 14px; background: transparent url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }

#mainBody ul.bulletsLarger  li { background: transparent url(/shared/images/bullet-square-L.gif) no-repeat 4px 3px; }
#mainBody ul.bulletsRegular li { background: transparent url(/shared/images/bullet-square.gif  ) no-repeat 4px 3px; }
#mainBody ul.bulletsSmaller li { background: transparent url(/shared/images/bullet-square-S.gif) no-repeat 4px 3px; }

/* The below ul items must be defined with "#mainBody" preceding them. Without it, they appear with extra bullets on the left side. So the same classes should be redundantly defined in the subwindow.css. */
#mainBody ul.linkList { margin: 0 0 12px 0; margin-left: 0; list-style: none; border-top: 1px solid #B4C6D9; }
#mainBody ul.linkList li { padding: 0; border-bottom: 1px solid #B4C6D9; background-image: none; }
#mainBody ul.linkList li a { display: block; text-decoration: none; padding: 3px 3px 3px 14px; background: transparent url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
#mainBody ul.linkList li a.downLink { background: transparent url(/shared/images/arrow-down.gif) no-repeat 4px 4px; }
#mainBody ul.linkList li a:hover { background-color: #DFE9F3; }
#mainBody ul.linkList li.noLink { padding: 3px 3px 3px 14px; background: transparent url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }
#mainBody ul.linkList li.seeBelow { padding: 3px 3px 3px 14px; background: transparent url(/shared/images/arrow-down.gif) no-repeat 3px 3px; }

#mainBody ul.linkList.liWhite { margin: 0 0 12px 0; margin-left: 0; list-style: none; border-top: 1px solid #B4C6D9; }
#mainBody ul.linkList.liWhite li { padding: 0; border-bottom: 1px solid #B4C6D9; background-image: none; }
#mainBody ul.linkList.liWhite li a { display: block; text-decoration: none; padding: 3px 3px 3px 14px; background: #FFF url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
#mainBody ul.linkList.liWhite li a.downLink { background: #FFF url(/shared/images/arrow-down.gif) no-repeat 4px 4px; }
#mainBody ul.linkList.liWhite li a:hover { background-color: #DFE9F3; }
#mainBody ul.linkList.liWhite li.noLink { padding: 3px 3px 3px 14px; background: #FFF url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }
#mainBody ul.linkList.liWhite li.seeBelow { padding: 3px 3px 3px 14px; background: #FFF url(/shared/images/arrow-down.gif) no-repeat 3px 3px; }

#mainBody ul.linkList.liBlue { margin: 0px 0px 12px 0px; margin-left: 0px; list-style: none; border-top: none; }
#mainBody ul.linkList.liBlue li { padding: 0px; border-bottom: 1px solid #FFF; background-image: none; }
#mainBody ul.linkList.liBlue li a { display: block; text-decoration: none; padding: 3px 3px 3px 14px; background: #DFE9F3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
#mainBody ul.linkList.liBlue li a.downLink { background: #DFE9F3 url(/shared/images/arrow-down.gif) no-repeat 4px 4px; }
#mainBody ul.linkList.liBlue li a:hover { background: #BFD2E3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
#mainBody ul.linkList.liBlue li.noLink { padding: 3px 3px 3px 14px; background: #DFE9F3 url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }
#mainBody ul.linkList.liBlue li.seeBelow { padding: 3px 3px 3px 14px; background: #DFE9F3 url(/shared/images/arrow-down.gif) no-repeat 3px 3px; }

#mainBody ul.listDownLinks { margin: 0 0 12px 0; margin-left: 0; list-style: none; border-top: 1px solid #B4C6D9; }
#mainBody ul.listDownLinks li { padding: 0; border-bottom: 1px solid #B4C6D9; background-image: none; }
#mainBody ul.listDownLinks li a { display: block; text-decoration: none; padding: 3px 3px 3px 14px; background: #FFF url(/shared/images/arrow-down.gif) no-repeat 4px 3px; }
#mainBody ul.listDownLinks li a:hover { background-color: #DFE9F3; }
#mainBody ul.listDownLinks li.noLink { padding: 3px 3px 3px 14px; background: #FFF url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }

#mainBody ul.listWith2Columns {  }
#mainBody ul.listWith2Columns li { float: left; width: 109px; width: 50%; }

#mainBody ul.listWith3Columns {  }
#mainBody ul.listWith3Columns li { float: left; width: 109px; width: 33%; }


/* ////////////////////////////// */
/* temporary definition until boxPlain is fixed */
/* Why here?  'Cause it's after the definition of linkList! */
div.boxPlain2 { margin: 0 0 12px 0; border: 1px solid #B4C6D9; }
div.boxPlain2 h2.headline { margin: 0 0 12px 0; }
div.boxPlain2 h3.headline { margin: 0 0 12px 0; }
div.boxPlain2 p.headline { margin: 0 0 12px 0; padding: 4px; color: #153B63; background-color: #BFD2E3; font-weight: bold; }
div.boxPlain2 p.subHeadline { margin: 0 0 12px 0; padding: 12px; border-top: 1px solid #B4C6D9; background-color: #FFF; font-weight: bold; }
div.boxPlain2 p { margin: 12px; line-height: 120%; }
#mainBody div.boxPlain2 ul.linkList {  margin: 12px; padding: 0; }
/* ////////////////////////////// */


#mainBody .figure { margin: 0 0 12px 0; }
#mainBody .figure img { margin: 0; padding: 0; }
#mainBody .figure .caption { display: block; padding: 4px 0 0 0; text-align: center; }
#mainBody .figure a .caption { margin: 0; padding: 3px 3px 3px 14px; background: #EEE url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
#mainBody .figure a .magnify { display: block; margin: 0; padding: 4px 30px 4px 14px; background: #EEE url(/shared/images/bg-main-magnify.gif) no-repeat top right; text-align: right; }
#mainBody .figure a:hover .caption { background-color: #F5F5F5; }
#mainBody .figure a:hover .magnify { background-color: #F5F5F5; }

#mainBody div.note { margin: 0 0 12px 0; padding: 18px 9px 3px 9px; background: #F5F5F5 url(/shared/images/icon-note.gif) no-repeat; }

/* placedAside */
/* for object belonging to the main area looking like placed in the right side extraContent area */
#mainBody .placedAsideHolder { position: relative; } /* element to hold the object */
#mainBody .placedAside { position: absolute; top: 0px; right: -186px; } /* the actual object */

/* placedAside contents should be treated exactly like extraContent items */
#mainBody .placedAside { width: 174px; float: right; }
#mainBody .placedAside * { font-size: 12px; }
/* withi placedAside contents, h2 and h3 should be treated equally appearance-wise */
#mainBody .placedAside h2 { margin: 0; padding: 4px 4px 4px 4px; background-color: #153B63; color: #FFF; font-weight: bold; }
#mainBody .placedAside h3 { margin: 0; padding: 4px 4px 4px 4px; background-color: #153B63; color: #FFF; font-weight: bold; }

#mainContent .placedAside ul.listPlain { margin: 0; padding: 2px 0 2px 0; margin-left: 0; list-style: none; background-color: #BFD2E3; }
#mainContent .placedAside ul.listPlain li { margin: 0; margin-left: 0; padding: 2px 3px 2px 14px; background: #BFD2E3 url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }

#mainContent .placedAside ul.extraContentMenu { margin: 0; padding: 0; margin-left: 0; list-style: none; background-color: transparent; }
#mainContent .placedAside ul.extraContentMenu li { margin: 0; margin-left: 0; padding: 0; border-bottom: 1px solid #FFF; background-image: none; }
#mainContent .placedAside ul.extraContentMenu li a { display: block; text-decoration: none; padding: 3px 3px 3px 14px; background: #BFD2E3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
#mainContent .placedAside ul.extraContentMenu li a:hover { background-color: #B4C6D9; }
#mainContent .placedAside ul.extraContentMenu li.highlighted a { background-color: #8CA8C5; }
#mainContent .placedAside ul.extraContentMenu li.noLink { padding: 3px 3px 3px 14px; background: #BFD2E3 url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }

#mainContent .placedAside .extraContentText ul.downloads { margin: 0; padding: 0; list-style-type: none; }
#mainContent .placedAside .extraContentText ul.downloads li { margin: 0; padding: 0; background-image: none; }
#mainContent .placedAside .extraContentText ul.downloads li a.downloadPdf { margin: 0; padding: 0 0 0 30px; background: transparent url(/shared/images/icon-download-pdf.gif) no-repeat 0 2px; text-decoration: none; font-size: 10px; }
#mainContent .placedAside .extraContentText ul.downloads li a.downloadJpg { margin: 0; padding: 0 0 0 30px; background: transparent url(/shared/images/icon-download-jpg.gif) no-repeat 0 2px; text-decoration: none; font-size: 10px; }

#mainContent .placedAside.extraContent .figure { margin: 0; padding: 0; }

/* backToTop */
#mainBody div.backToTop { clear: both; margin: 0 0 12px 0; text-align: right; }
#mainBody div.backToTop a { padding: 0 0 0 14px; background: transparent url(/shared/images/arrow-up.gif) no-repeat 4px 1px; }

/* MAIN CONTENTS - END ////////////////////////////// */


/* EXTRA CONTENT ////////////////////////////// */
#extraContent { width: 174px; float: right; }
#extraContent * { font-size: 12px; }

.extraContentGroup { padding: 0 0 6px 0; background-color: transparent; }

.extraContentHeadline { margin: 0; padding: 4px 4px 4px 4px; background-color: #153B63; color: #FFF; font-weight: bold; }
h2.extraContentHeadline { margin: 0; padding: 4px 4px 4px 4px; background-color: #153B63; color: #FFF; font-weight: bold; }
p.extraContentHeadline { margin: 0; padding: 4px 4px 4px 4px; background-color: #153B63; color: #FFF; font-weight: bold; }
.extraContentHeadline a { display: block; color: #FFF; padding: 0 0 0 8px; background: url(/shared/images/arrow-right-white.gif) no-repeat; }

.extraContentItem { margin: 0; padding: 0; border-bottom: 1px solid #FFF; }
.extraContentItem a { display: block; margin: 0; padding: 2px 2px 2px 14px; text-decoration: none; background: #BFD2E3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
.extraContentItem a:hover { background: #8CA8C5 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }

div.extraContentText { margin: 0; padding: 4px 4px 4px 4px; background-color: #BFD2E3; }
div.extraContentText p { margin: 0; padding: 4px 0 4px 0; }
p.extraContentText { margin: 0; padding: 4px 4px 4px 4px; background-color: #BFD2E3; }

.extraContentText ul { margin: 0; padding: 4px 0 4px 0; list-style: square; }

div.extraContentImage { margin: 0 0 0 0; padding: 0; background-color: #FFF; }
p.extraContentImage { margin: 0 0 0 0; padding: 0; background-color: #FFF; }
.extraContentImage img { border: none; }

#extraContent .withTopDivider { border-top: 1px solid #FFF; }

.extraContentMagnify { height: 22px; padding: 0; background: #BFD2E3 url(/shared/images/bg-extra-magnify.gif) no-repeat 0 0; }
.extraContentMagnify a { display: block; margin: 0; padding: 4px 22px 4px 14px; text-decoration: none; }
p.extraContentMagnify { margin: 0; }

#extraContent ul.listPlain { margin: 0; padding: 2px 0 2px 0; margin-left: 0; list-style: none; background-color: #BFD2E3; }
#extraContent ul.listPlain li { margin: 0; margin-left: 0; padding: 0; }
#extraContent ul.listPlain li { padding: 2px 3px 2px 14px; background: #BFD2E3 url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }

#extraContent ul.extraContentMenu { margin: 0; padding: 0; margin-left: 0; list-style: none; background-color: transparent; }
#extraContent ul.extraContentMenu li { margin: 0; margin-left: 0; padding: 0; border-bottom: 1px solid #FFF; background-image: none; }
#extraContent ul.extraContentMenu li a { display: block; text-decoration: none; padding: 3px 3px 3px 14px; background: #BFD2E3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
#extraContent ul.extraContentMenu li a:hover { background-color: #B4C6D9; }
#extraContent ul.extraContentMenu li.highlighted a { background-color: #8CA8C5; }
#extraContent ul.extraContentMenu li.noLink { padding: 3px 3px 3px 14px; background: #BFD2E3 url(/shared/images/bullet-square.gif) no-repeat 4px 3px; }

#extraContent ul.extraContentMenu li a.downLink { display: block; text-decoration: none; padding: 3px 3px 3px 14px; background: #BFD2E3 url(/shared/images/arrow-down.gif) no-repeat 4px 3px; }
#extraContent ul.extraContentMenu.downLinks li a { display: block; text-decoration: none; padding: 3px 3px 3px 14px; background: #BFD2E3 url(/shared/images/arrow-down.gif) no-repeat 4px 3px; }

#extraContent .extraContentText ul.downloads { margin: 0; padding: 0; list-style-type: none; }
#extraContent .extraContentText ul.downloads li { margin: 0; padding: 0; background-image: none; }
#extraContent .extraContentText ul.downloads li a.downloadPdf { margin: 0; padding: 0 0 0 30px; background: transparent url(/shared/images/icon-download-pdf.gif) no-repeat 0 2px; text-decoration: none; font-size: 10px; }
#extraContent .extraContentText ul.downloads li a.downloadJpg { margin: 0; padding: 0 0 0 30px; background: transparent url(/shared/images/icon-download-jpg.gif) no-repeat 0 2px; text-decoration: none; font-size: 10px; }

#extraContent .extraContentFigure { margin: 0 0 0 0; padding: 0; }
#extraContent .extraContentFigure p { margin: 0; padding: 0; }
#extraContent .extraContentFigure p.extraContentFigureCaption { margin: 0; padding: 4px 4px 4px 4px; background-color: #BFD2E3; }
#extraContent .extraContentFigure p.extraContentFigureMagnify { height: 22px; margin: 0; padding: 0; }
#extraContent .extraContentFigure p.extraContentFigureMagnify a { display: block; margin: 0; padding: 5px 22px 4px 14px; background: #BFD2E3 url(/shared/images/bg-extra-magnify.gif) no-repeat 0 0; }
#extraContent .extraContentFigure p.extraContentFigureMagnify a:hover { background: #DFE9F3 url(/shared/images/bg-extra-magnify.gif) no-repeat 0 0; }

#extraContent .figure { margin: 0; padding: 0; }
#extraContent .figure img { margin: 0; padding: 0; }
#extraContent .figure .caption { display: block; padding: 4px; background-color: #BFD2E3; text-align: left; }
#extraContent .figure a .caption { margin: 0; padding: 3px 3px 3px 14px; background: #BFD2E3 url(/shared/images/arrow-right.gif) no-repeat 4px 3px; }
#extraContent .figure a .magnify { display: block; margin: 0; padding: 5px 22px 4px 14px; background: #DFE9F3 url(/shared/images/bg-extra-magnify.gif) no-repeat 0 0; text-align: left; }
#extraContent .figure a:hover .caption { background-color: #DFE9F3; }
#extraContent .figure a:hover .magnify { background-color: #BFD2E3; }

/* NEW DEFINITIONS */
#extraContent { width: 174px; float: right; }
#extraContent * { font-size: 12px; }

.extraContentGroup { padding: 0 0 6px 0; background-color: transparent; }

#extraContent h2 { margin: 0; padding: 4px 4px 4px 4px; background-color: #153B63; color: #FFF; font-weight: bold; }
#extraContent h2 a { display: block; color: #FFF; padding: 0 0 0 8px; background: url(/shared/images/arrow-right-white.gif) no-repeat; }

/* box */
#extraContent .box { margin: 0 0 6px 0; }
#extraContent .box h2 { margin: 0 0 6px 0; padding: 0 0 2px 0; border-bottom: 1px solid #153B63; color: #153B63; background: none; }
#extraContent .box h3 { margin: 0 0 6px 0; padding: 0 0 2px 0; border-bottom: 1px solid #BFD2E3; background: none; }
#extraContent .box ul { margin: 0 0 6px 0; }
#extraContent .box ol { margin: 0 0 6px 0; }
#extraContent .box dl { margin: 0 0 6px 0; }

/* EXTRA CONTENT - END ////////////////////////////// */


/* MENU ////////////////////////////// */
#menu { float: left; width: 180px; }
html[xmlns] #menu { height: auto; }

#menu h2 { display: none; }

#mainMenu { margin: 0 0 0 0; padding: 0 0 6px 8px; background-color: #153B63; border-left: 2px solid #153B63; border-right: 6px solid #B4C6D9; color: #FFF; }
#mainMenu h3 { display: none; }

#mainMenu * { margin: 0; padding: 0; color: #FFF; background-color: transparent; font-size: 11px; }
#mainMenu dt#mainMenuMainHeadline { display: block; padding: 20px 2px 13px 0; font-weight: bold; font-size: 13px; }
#mainMenu dt.sectionHeadline { padding: 9px 0 4px 0; font-weight: bold; font-size: 12px; }
#mainMenu dl { padding: 0 0 4px 7px; }
#mainMenu dd { padding-left: 0; border-bottom: 1px solid #153B63; }
#mainMenu dd a { display: block; padding: 3px 2px 2px 8px; border-bottom: 1px solid #B4C6D9; background: transparent url(/shared/images/arrow-right-white.gif) no-repeat 0 3px; font-size: 11px; }

/* #menu.ja is a special class for IE6 to display Japanese font size more properly */
#menu.ja #mainMenu dd a { font-size: 86%; }
html[xmlns] #menu.ja #mainMenu dd a { font-size: 11px; }

#mainMenu dd.current a { background: #2269B5 url(/shared/images/arrow-right-white.gif) no-repeat 0 3px; }
#mainMenu dd.current dd a { background-color: #153B63; }
#mainMenu dd a:hover { background-color: #1B528C; }

dl#subMenu { float: right; width: 180px; padding: 12px 0 6px 6px; list-style-type: none; background-color: #B4C6D9; border-left: 6px solid #FFF; border-right: 0; color: #153B63; }
html[xmlns] dl#subMenu { width: 168px; }

dl#subMenu dt#subMenuMainHeadline { display: none; }
dl#subMenu * { margin: 0; color: #153B63; background-color: transparent; font-size: 11px; }
html[xmlns] dl#subMenu * { font-size: 11px; }
dl#subMenu dt.sectionHeadline { padding: 12px 0 6px 0; font-weight: bold; font-size: 11px; }
dl#subMenu dd { border-bottom: 1px solid #FFF; }
dl#subMenu dd.current { background-color: #8CA8C5; }
dl#subMenu dd a { display: block; padding: 3px 0 3px 8px; background: transparent url(/shared/images/arrow-right.gif) no-repeat 0 3px; }
dl#subMenu dd a:hover { background-color: #A0B7CF; }

/* #menu.ja is a special class for IE6 to display Japanese font size more properly */
#menu.ja dl#subMenu dt.sectionHeadline { font-size: 85%; }
html[xmlns] #menu.ja dl#subMenu dt.sectionHeadline { font-size: 11px; }
#menu.ja dl#subMenu dd a { font-size: 85%; }
html[xmlns] #menu.ja dl#subMenu dd a { font-size: 11px; }

#extraMenu { clear: both; padding: 12px 0 6px 0; }

html[xmlns] #menu.ja #subMenu li a { font-size: 11px; }

#extraMenu { padding: 12px 0 6px 0; }
html[xmlns] #extraMenu { padding: 6px 0 6px 0; }
#extraMenu:after { content: "."; display: block; visibility: hidden; }  /* to display #extraMenu as a blank block area */
/* MENU - END ////////////////////////////// */


/* FOOTER ////////////////////////////// */
#footer { clear: both; width: 720px; height: 17px; padding: 0 0 0 0; background-image: url(/shared/images/bg-footer.gif); background-repeat: no-repeat; font-size: 9px; text-align: left; }
#footer a.linkToTop { margin: 0 0 0 14px; padding: 0 0 0 12px; background: transparent url(/shared/images/arrow-up.gif) no-repeat 1px 3px; }
/* FOOTER - END ////////////////////////////// */


/* SOCIAL MEDIA LINKS ////////////////////////////// */
#socialMediaLinks { margin: 18px 0 0 0; clear: both; }
/* SOCIAL MEDIA LINKS - END ////////////////////////////// */


/* SWFOBJECT ////////////////////////////// */
.swfObjectNotice {  }
.swfObjectNotice p { margin: 4px; color: #DF0024; }
.swfObjectNotice p a { margin: 0px; color: #DF0024; }
/* SWFOBJECT - END ////////////////////////////// */


/* FOR DEBUGGING */
#debuggingLinks { position: absolute; width: 60px; top: 0; right: 0; margin: 1px; padding: 10px 10px 10px 10px; border: 4px solid #B4C6D9; border-top-width: 13px; background-color: #FFF; list-style-type: none; cursor: move; }
#debuggingLinks li { margin: 0; padding: 0; }
#debuggingLinks li a { display: block; margin: 0; padding: 5px 5px 5px 14px; background: transparent url(/shared/images/arrow-right.gif) 4px 5px no-repeat; }
#debuggingLinks li a:hover { background-color: #DFE9F3; }
#debuggingLinks li#debuggingLinksClose { position: absolute; top: -14px; right: 0px; cursor: pointer; }
/* FOR DEBUGGING - END */