/* -------------------------------------------------------------------- Single Byte START -------------------------------------------------------------------- */ /*---------------- Initialize font-size ----------------*/ body { font-size: 81.25%; /* 13px */ font-family: Arial, Verdana, "Lucida Grande", sans-serif; } p,ul,ol,dl,th,td,caption,address,blockquote,pre,legend,code { font-size: 100%; } h1 { font-size: 138.5%; } h2 { font-size: 123.1%; } h3 { font-size: 100%; } h4,h5,h6 { font-size: 100%; } textarea { font-size: 100%; font-family: Arial, Verdana, "Lucida Grande", sans-serif; } input,option,select { font-size: 100%; font-family: Arial, Verdana, "Lucida Grande", sans-serif; } /*---------------- reset recurse font-size ----------------*/ li li,dd li,td li,address li,blockquote li { font-size: 100%; } li ul,li ol,li dl,li th,li th,li caption,li h1,li h2,li h3,li h4,li h5,li h6,li p,li pre,li form { font-size: 100%; } dt ul,dt ol,dt dl,dt h1,dt h2,dt h3,dt h4,dt h5,dt h6,dt p,dt form { font-size: 100%; } dd ul,dd ol,dd dl,dd th,dd td,dd caption,dd h1,dd h2,dd h3,dd h4,dd h5,dd h6,dd p,dd pre,dd form { font-size: 100%; } td ul,td ol,td dl,td h1,td h2,td h3,td h4,td h5,td h6,td p,td pre,td form { font-size: 100%; } address ul,address ol,address dl,address th,address h1,address h2,address h3,address h4,address h5,address h6,address p { font-size: 100%; } blockquote ul,blockquote ol,blockquote dl,blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote h5,blockquote h6,blockquote p { font-size: 100%; } p textarea,li textarea,dd textarea,td textarea { font-size: 100%; } pre code { font-size: 100%; } hr { margin-top: 0px; margin-bottom: 0.5em; padding: 0px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #cccccc; } * html hr { text-align: left; height: 1px; color: #cccccc; } /*---------------- elements form controll (margin, padding, line-height...) ----------------*/ body { margin: 0px; } a:link { color: #003399; } a:visited { color: #660099; } a:active { color: #cc3300; } h1 { margin-top: 0px; margin-bottom: 1.33em; } /* This value is adjusted to "p" element's value. */ h2 { margin-top: 0px; margin-bottom: 0.75em; } /* This value is adjusted to "p" element's value. */ h3 { margin-top: 0px; margin-bottom: 0.87em; } h4 { margin-top: 0px; margin-bottom: 0.87em; } h5 { margin-top: 0px; margin-bottom: 0.87em; } h6 { margin-top: 0px; margin-bottom: 0.87em; } p { margin-top: 0px; margin-bottom: 1.5em; padding: 0px; line-height: 1.5; } ul,ol { margin-top: 0px; margin-bottom: 1.5em; margin-left: 0; padding: 0px 0px 0px 2.8em; } li { margin-top: 0px; margin-bottom: 0.5em; padding: 0px; line-height: 1.5; } li ul,li ol { margin-top: 0px; margin-bottom: 0em; padding-top: 0.5em;} dl { margin-bottom: 1.5em; } *:first-child+html dl { zoom: 1; } dt { line-height: 1.5; } dd { margin-top: 0px; margin-bottom: 1.5em; margin-left: 0; padding: 0px 0px 0px 2.8em; line-height: 1.5; } dd dl { margin-top: 0px; margin-bottom: 1.5em; padding: 1em 0px 0px 0px; } table { margin-top: 0px; margin-bottom: 1.5em; } caption {} th {} td {} strong {} em { font-style: italic; } form { margin: 0px; padding: 0px; } input {} select {} option {} textarea { margin-top: 0px; margin-bottom: 1.5em; } fieldset { margin-top: 0px; margin-bottom: 1.5em; } address, cite { margin-top: 0px; margin-bottom: 1.5em; } pre { margin-top: 0px; margin-bottom: 1.5em; } /*---------------- layout_base_fujitsu.css Localize ----------------*/ div#blockskip a.show { font-size: 100%; } div#blockskip a.show { font-size: 93%; } #headnavi p.lang { font-size: 93%; } #headnavi p.country { font-size: 93%; } #headnavi p.lang-selector { font-size: 93%; } input#Search { font-size: 123.1%; } #headerbottom li.glbnavlist a.glbnavtitle { font-size: 93%; } #headerbottom .signin-status { font-size: 100%; } #headerbottom .signin-status p { font-size: 85%; line-height: 1; } #headerbottom .signin-status p a { font-size: 109%; line-height: 1; } #headerbottom div.hidemenu div.hidemenu_mousearea div.hidemenuwrapper { font-size: 100%; } #location ol { font-size: 93%; } #mainmenu p.top { font-size: 100%; } body.double #mainmenu p.top { font-size: 93%; } #mainmenu ul { font-size: 100%; } body.double #mainmenu ul { font-size: 93%; } #mainmenu li ul { font-size: 100%; } body.double #mainmenu li ul { font-size: 100%; } /* Modify class for menu izq in double class */ #follows ul { font-size: 100%; } body.double #follows ul { font-size: 93%; } .submenu .tasks ul { font-size: 100%; } body.double .submenu .tasks ul { font-size: 93%; } body.double .submenu .tasks ul li { line-height: 1.75em; } .submenu .tasks h2 { font-size: 100%; } body.double .submenu .tasks h2 { font-size: 93%; } .submenu .tasks h3 { font-size: 100%; } body.double .submenu .tasks h3 { font-size: 93%; } .submenu .pickup div.frm-bg.title h2 { font-size: 100%; } body.double .submenu .pickup div.frm-bg.title h2 { font-size: 93%; } .submenu .pickup p { font-size: 93%; margin-bottom: 10px; } .submenu .pickup-shortlead h2 { font-size: 100%; } body.double .submenu .pickup-shortlead h2 { font-size: 93%; } #deepfooter p.dfooter-title { font-size: 100%; } body.double #deepfooter p.dfooter-title { font-size: 93%; } #deepfooter ul { font-size: 93%; } #deepfooter .single.last p.lang { font-size: 85%; } #deepfooter .single.last p.country { font-size: 85%; } .footer ul { font-size: 93%; } #creditline p { font-size: 93%; } /*---------------- layout_gig4_fujitsu.css Localize ----------------*/ .maincontents div.wordindex h2, .maincontents div.wordindex h3, .maincontents div.wordindex h4{ font-size: 100%; } body.double .maincontents div.wordindex h4{ font-size: 93%; } .maincontents .textindent { text-indent: 0.4em; } .maincontents .textindent1 { text-indent: 0.4em; } .maincontents .textindent2 { text-indent: 0.8em; } .maincontents .textindent3 { text-indent: 1.25em; } /*---------------- textsmall ----------------*/ h2.textsmall { font-size: 116%; } h3.textsmall { font-size: 93%; } h4.textsmall { font-size: 93%; } h5.textsmall { font-size: 93%; } h6.textsmall { font-size: 93%; } p.textsmall, ul.textsmall, ol.textsmall, dl.textsmall, th.textsmall, td.textsmall, caption.textsmall, address.textsmall, blockquote.textsmall, pre.textsmall, legend.textsmall { font-size: 93%; } div.textsmall, table.textsmall, tr.textsmall, li.textsmall, dt.textsmall, dd.textsmall, span.textsmall, strong.textsmall, em.textsmall, q.textsmall, a.textsmall { font-size: 93%; } /* -------------------------------------------------------------------- Single Byte END -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- Double Byte START -------------------------------------------------------------------- */ /*---------------- Initialize font-size ----------------*/ body.double { font-size: 81.25%; /* 13px */ font-family: Arial, Verdana, "Lucida Grande", 'MS P????', '?????? Pro W3', sans-serif; color:#000000; } body.double p, body.double ul, body.double ol, body.double dl, body.double th, body.double td, body.double caption, body.double address, body.double blockquote, body.double pre, body.double legend, body.double code { font-size: 108%; } body.double h1 { font-size: 138.5%; } body.double h2 { font-size: 123.1%; } body.double h3 { font-size: 108%; } body.double h4, body.double h5, body.double h6 { font-size: 108%; } body.double textarea { font-size: 108%; font-family: Arial, Verdana, "Lucida Grande", 'MS P????', '?????? Pro W3', sans-serif; } body.double input, body.double option, body.double select { font-size: 100%; font-family: Arial, Verdana, "Lucida Grande", 'MS P????', '?????? Pro W3', sans-serif; } * html body.double table { font-size: 100%; } /*---------------- reset recurse font-size ----------------*/ body.double li li, body.double dd li, body.double td li, body.double address li, body.double blockquote li { font-size: 100%; } body.double li ul, body.double li ol, body.double li dl, body.double li th, body.double li th, body.double li caption, body.double li h1, body.double li h2, body.double li h3, body.double li h4, body.double li h5, body.double li h6, body.double li p, body.double li pre, body.double li form { font-size: 100%; } body.double dt ul, body.double dt ol, body.double dt dl, body.double dt h1, body.double dt h2, body.double dt h3, body.double dt h4, body.double dt h5, body.double dt h6, body.double dt p, body.double dt form { font-size: 100%; } body.double dd ul, body.double dd ol, body.double dd dl, body.double dd th, body.double dd td, body.double dd caption, body.double dd h1, body.double dd h2, body.double dd h3, body.double dd h4, body.double dd h5, body.double dd h6, body.double dd p, body.double dd pre, body.double dd form { font-size: 100%; } body.double td ul, body.double td ol, body.double td dl, body.double td h1, body.double td h2, body.double td h3, body.double td h4, body.double td h5, body.double td h6, body.double td p, body.double td pre, body.double td form { font-size: 100%; } body.double address ul, body.double address ol, body.double address dl, body.double address th, body.double address h1, body.double address h2, body.double address h3, body.double address h4, body.double address h5, body.double address h6, body.double address p { font-size: 100%; } body.double blockquote ul, body.double blockquote ol, body.double blockquote dl, body.double blockquote h1, body.double blockquote h2, body.double blockquote h3, body.double blockquote h4, body.double blockquote h5, body.double blockquote h6, body.double blockquote p { font-size: 100%; } body.double p textarea, body.double li textarea, body.double dd textarea, body.double td textarea { font-size: 100%; } body.double pre code { font-size: 100%; } body.double hr { margin-top: 0px; margin-bottom: 0.5em; padding: 0px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #cccccc; } * html body.double hr { text-align: left; height: 1px; color: #cccccc; } /*---------------- elements form controll (margin, padding, line-height...) ----------------*/ body.double body { margin: 0px; } *:first-child + html body.double { letter-spacing: 0; } body.double a:link { color: #003399; text-decoration:none; } a:hover, a:focus { text-decoration:underline; } body.double a:visited { color: #660099; text-decoration:none; } body.double a:active { color: #cc3300; } body.double h1 { margin-top: 0px; margin-bottom: 1.35em; } /* This value is adjusted to "p" element's value. */ body.double h2 { margin-top: 0px; margin-bottom: 0.75em; } /* This value is adjusted to "p" element's value. */ body.double h3 { margin-top: 0px; margin-bottom: 0.87em; } body.double h4 { margin-top: 0px; margin-bottom: 0.87em; } body.double h5 { margin-top: 0px; margin-bottom: 0.87em; } body.double h6 { margin-top: 0px; margin-bottom: 0.87em; } body.double p { margin-top: 0px; margin-bottom: 1.75em; padding: 0px; line-height: 1.75; } /*body.double ul, body.double ol { margin-top: 0px; margin-bottom: 1.75em; margin-left: 0; padding: 0px 0px 0px 2.8em; }*/ /*body.double li { margin-top: 0px; margin-bottom: 0.75em; margin-left: 0; padding: 0px; line-height: 1.75; }*/ body.double li ul, body.double li ol { margin-top: 0px; margin-bottom: 0em; padding-top: 0.75em; } body.double dl { margin-bottom: 1.75em; } *:first-child + html body.double dl { zoom: 1; } body.double dt { line-height: 1.75; } body.double dd { margin-top: 0px; margin-bottom: 1.75em; margin-left: 0; padding: 0px 0px 0px 2.8em; line-height: 1.75; } body.double dd dl { margin-top: 0px; margin-bottom: 1.75em; padding: 1em 0px 0px 0px; } body.double table { margin-top: 0px; margin-bottom: 1.75em; } body.double caption { } body.double th { } body.double td { } body.double strong { } body.double em { font-style: italic; } body.double form { margin: 0px; padding: 0px; } body.double input { } body.double select { } body.double option { } body.double textarea { margin-top: 0px; margin-bottom: 1.75em; } body.double fieldset { margin-top: 0px; margin-bottom: 1.75em; } body.double address, cite { margin-top: 0px; margin-bottom: 1.75em; } body.double pre { margin-top: 0px; margin-bottom: 1.75em; } /*---------------- textsmall ----------------*/ body.double h2.textsmall { font-size: 116%; } body.double h3.textsmall { font-size: 100%; } body.double h4.textsmall { font-size: 86%; } body.double h5.textsmall { font-size: 86%; } body.double h6.textsmall { font-size: 86%; } body.double p.textsmall, body.double ul.textsmall, body.double ol.textsmall, body.double dl.textsmall, body.double th.textsmall, body.double td.textsmall, body.double caption.textsmall, body.double address.textsmall, body.double blockquote.textsmall, body.double pre.textsmall, body.double legend.textsmall { font-size: 93%; } body.double div.textsmall, body.double table.textsmall, body.double tr.textsmall, body.double li.textsmall, body.double dt.textsmall, body.double dd.textsmall, body.double span.textsmall, body.double strong.textsmall, body.double em.textsmall, body.double q.textsmall, body.double a.textsmall { font-size: 86%; } /* -------------------------------------------------------------------- Double Byte END -------------------------------------------------------------------- */ /*---------------- clear fix ----------------*/ .clearfix:after { content: "."; display: block; clear: both; width: 0; height: 0; line-height: 0; visibility: hidden; overflow: hidden; } .clearfix { display: inline-block; /*overflow: hidden;*/ } .maincontents .clearfix p { display:block; *width:auto; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* Framework -------------------------------------------- */ body { position: relative; text-align: center; } .stage { width: 100%; min-width: 980px; border-top: 3px solid #666666; background: url(i/stageborder-bottom.gif) repeat-x left bottom; } .bodyarea { position: relative; width: 980px; margin: 0 auto; padding-bottom: 60px; text-align: left; } .bodyarea:after { content: "."; display: block; clear: both; width: 0; height: 0; line-height: 0; visibility: hidden; } * html .bodyarea { display: inline-block; } /* ACC Cookie Allowance */ #cookie-allowance { width: 100%; min-width: 980px; position: relative; background: #666 url(i/cookie-allowance-bg.gif) repeat-x left bottom; border-bottom: 1px solid #333; } #cookie-allowance-inside { padding: 4px 0 9px; border-bottom: 1px solid #444; } #cookie-allowance p { display: inline; margin-bottom: 0; color: #fff; } #cookie-allowance img { border: none; vertical-align: middle; margin-left: 3px; } #cookie-allowance a, #cookie-allowance a:link, #cookie-allowance a:hover, #cookie-allowance a:active, #cookie-allowance a:focus { color: #fff; } #cookie-allowance div.allowbtn { float: none !important; display: inline-block !important; margin-left: 10px; position: relative; top: 2px; border-top: 1px solid #c15555; border-bottom: 1px solid #888; } #cookie-allowance div.allowbtn div.innerblock { position: relative; top: -2px; border: 1px solid #440000; margin: 0 0 -2px 0; padding: 0; } #cookie-allowance div.allowbtn div.innerblock a { position: relative; top: 1px;display: block; padding: 2px 6px 3px 6px; margin-bottom: 1px; background-color: #ae1515; } #cookie-allowance div.allowbtn div.innerblock a img { border: none; vertical-align: middle; margin-left: 3px; } /* ACC for ie 7 */ *:first-child+html #cookie-allowance div.allowbtn { display: inline !important; zoom: 1; vertical-align: middle; } *:first-child+html #cookie-allowance div.allowbtn div.innerblock a { padding-bottom: 3px; } /* for ie 6 */ * html #cookie-allowance div.allowbtn { float: none !important; display: inline !important; vertical-align: middle; } #cookie-allowance div.allowbtn div.innerblock { padding: 0; } #cookie-allowance .moreinfo { position: absolute; top: 8px; right: 10px; } /* Block Skip */ div#blockskip { z-index: 9999; overflow: visible; margin: 0; padding: 0; width: 100%; } div#blockskip a { display: block; float: left; background: #666666; margin: 0; margin-top: -1px; padding: 0; width: 100%; min-width: 980px; color: #ffffff; text-align: center; text-decoration: none !important; font-size: 1px; color: #666666; line-height: 0; cursor: default; height: 1px; } div#blockskip a.show { color: #ffffff; height:1em; margin-top: -3px; padding: 5px 0; font-size: 93%; line-height: 1; cursor: pointer; text-decoration:none !important; } div#blockskip a:focus { text-decoration:none !important; } div#blockskip a:hover { text-decoration: underline !important; } /* Header Area */ div.header { clear: left; width: 980px; min-height: 94px; _height: 94px; margin: 0 auto 10px; text-align: left; position: relative; z-index: 899; } div.header a { text-decoration: none; } div.header a:hover { text-decoration: underline; } div.header a img { border: none; } div.header-extra { width: 980px; min-height: 94px; _height: 94px; margin: 0 auto 10px; text-align: left; position: relative; z-index: 1000; background: #ffffff url(i/mainnav-back-bottom.png) no-repeat left bottom; padding-bottom: 1px; } div.header .vtop, div.header-extra .vtop{ margin-top: 2px; } div.headertop{ width: 978px; float: left; background: #ffffff; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; } div.headertop-extra{ width: 978px; float: left; border-left :1px solid #b8b8b8; border-right: 1px solid #b8b8b8; } #corporatesymbol { display: inline; float: left; width: 310px; margin: 11px 10px 7px 11px; } #corporatesymbol h1 { padding: 0; margin: 0; font-size: 100%; line-height: 1; } #corporatesymbol p { padding: 0; margin: 0; font-size: 100%; line-height: 1; } .headerrightarea { display: block; float: right; width: 626px; margin: 8px 11px 7px 0; text-align: right; } #headnavi { display: block; float: right; width: 338px; margin: 14px 10px 0 0; text-align: right; } #headnavi p { display: inline; line-height: 1.3; margin: 0; } #headnavi p.lang { font-size: 93%; border-left: 1px solid #c2c2c2; margin-left: 5px; padding-left: 5px; white-space: nowrap; zoom: 1; } #headnavi p.country { font-size: 93%; color: #444444; } #headnavi .dd-country-selector { display: inline; zoom: 1; } #headnavi .dd-country-selector .lang .vtop { vertical-align: top; margin-top: 2px; } #headnavi .dd-country-selector ul.dropdown-box{ display: none; } #headnavi p.lang-selector { font-size: 93%; line-height: 1.3; display: block; float: left; width: 130px; text-align: right; margin: 0 5px 0 0; } div#headsearch { float: right; border-style: none; width: 278px; height: 42px; margin: 0px; padding: 0px; background: url("i/search-bg.gif") no-repeat top right; text-align: right; } div#headsearch.nonavigation { background: #ffffff; } #headsearch form { display: block; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; line-height: 0; } input#Search { font-size: 123.1%; border-style: solid; border-width: 1px; border-color: #7f9db9; width: 223px; height: 1.2em; margin: 0px; color: #777; padding: 2px 3px 2px 3px; background: #ffffff; vertical-align: middle; overflow: hidden; } * html input#Search { height: 1.5em; } input.focusin { color: #333333; } input#submit { width: 27px; height: 26px; border-style: none; margin: 8px 0px 8px 4px; padding: 0px; vertical-align: middle; } #headerbottom { clear: both; position: relative; display: block; background: #ffffff url(i/mainnav-back-bottom.png) no-repeat left bottom; padding-bottom: 5px; width: 980px; z-index: 1; } #headerbottom.nonavigation { height: 1em; padding: 10px 0px 11px 0px; border-top: 1px solid #b8b8b8; } #headerbottom ul.glbnavinner { padding: 0; margin: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } #headerbottom li.glbnavlist { float: left; display: block; line-height: 1; margin: 0; padding: 0; z-index: 1000; } #headerbottom li.glbnavlist a.glbnavtitle { display: block; float: left; padding: 6px 0px 7px 0px; color: #555555; font-weight: bold; font-size: 93%; } body.double #headerbottom li.glbnavlist a.glbnavtitle { font-size: 86%; } #headerbottom li.glbnavlist a.glbnavtitle span { display: block; float: left; padding: 2px 13px 2px 13px; margin: 0; border-left: 1px solid #ffffff; border-right: 1px solid #999999; } #headerbottom li.glbnavlist:hover a.glbnavtitle { padding-bottom: 6px; padding-left: 1px; background: transparent url(i/mainnav-back-btnover.png) repeat-x left top; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; margin-left: -1px; } #headerbottom li.glbnavlist:hover a.glbnavtitle span { border: none; text-decoration: underline; cursor: pointer; } #headerbottom li.glbnavlist:active a.glbnavtitle { color: #cc3300; } * html #headerbottom li.glbnavlist a.glbnavtitle:hover { padding-bottom: 6px; padding-left: 0px; background: transparent url(i/mainnav-back-btnover.png) repeat-x left top; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; margin-left: -1px; } /* <- for IE6 */ * html #headerbottom li.glbnavlist a.glbnavtitle:hover span { border: none; text-decoration: underline; cursor: pointer; } * html #headerbottom li.glbnavlist a.glbnavtitle:active { color: #cc3300; } #headerbottom li.first.glbnavlist a.glbnavtitle span { border-left: none; } #headerbottom li.first.glbnavlist:hover a.glbnavtitle { background: transparent url(i/mainnav-back-btnover.png) repeat-x left top; padding-bottom: 7px; border-left: none; border-bottom: none; } * html #headerbottom li.first a.glbnavtitle:hover { padding-left: 1px; background: transparent url(i/mainnav-back-btnover.png) repeat-x left top; padding-bottom: 7px; border-left: none; border-bottom: none; } #globalnav { border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8; margin: 0; padding: 0; } #headerbottom .signin-status { float: right; width: 262px; text-align: right; padding: 0 15px; margin-top: 6px; zoom: 1; } #headerbottom .signin-status p { margin: 0; padding: 0; line-height: 1.3; font-size: 77%; zoom: 1; } #headerbottom .signin-status a { font-size: 120%; margin-left: 1em; zoom: 1; } #headerbottom .signin-status a:link, #headerbottom .signin-status a:visited, #headerbottom .signin-status a:active { text-decoration: none; } #headerbottom .signin-status a:hover { text-decoration: underline; } #headerbottom .signin-status a img { margin-left: 3px; vertical-align: middle; } *:first-child+html #headerbottom .signin-status p { font-size: 73%; } /* <-for IE7 IE8 */ * html #headerbottom .signin-status p { font-size: 73%; } /* <-for IE6 */ /* Location Area */ #location { width: 978px; background: #f7f7f7; border: 1px solid #eeeeee; padding: 0; margin-bottom: 15px; text-align: left; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px 4px 4px 4px; } #location ol { padding: 7px 10px 7px; margin: 0; list-style: none; font-size: 93%; } ol.location-inside { border: 1px solid #ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px; } *:first-child+html #location div.highlight_v { padding: 0 !important; } #location li { display: inline; margin: 0; margin-right: 2px; line-height: 1.3; } #location li a { margin-right: 2px; } #location li a:link, #location li a:visited, #location li a:active { margin-right: 2px; text-decoration: none; } #location li a:hover { margin-right: 2px; text-decoration: underline; } /* Aside Area */ .aside { float: left; width: 184px; } .aside .submenu { float: none; } /* MainMenu Area */ #mainmenu { width: 184px; margin-bottom: 15px; background: url(i/mainmenu-li-open-bg.gif) repeat-y; line-height: 1.2; } #mainmenu a:link, #mainmenu a:visited, #mainmenu a:active { text-decoration: none; } #mainmenu a:hover { text-decoration: underline; } #mainmenu p.top { margin: 0px; padding: 0; font-size: 100%; background: #f3f3f3 url(i/mainmenu-p-bg.gif) left top no-repeat; border-bottom: 1px solid #cecfce; } #mainmenu p.top strong { display: block; padding: 8px 6px; font-weight: normal; } #mainmenu p.top strong.current { display: block; background: #ffffff url(i/mainmenu-p-current-bg.gif) left top no-repeat; } #mainmenu ul { list-style: none; margin: 0px; margin-top: -1px; padding: 2px 0px 0px 0px; background: url(i/mainmenu-li-spr182.gif) center top no-repeat; } #mainmenu li ul { padding: 0px; background: #e5e5e5 url(i/mainmenu-li-spr.gif) left bottom repeat-x; font-size: 100%; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #cdcdcd #cdcdcd #cdcdcd #cdcdcd; zoom: 1; } #mainmenu li li ul { background-image: none; border-style: none; } #mainmenu li li { margin-left: 8px; } /* indent the lebel 2 */ #mainmenu li li li { margin-left: 15px; } /* indent below the lebel 3 */ #mainmenu li { display: block; margin: 0px; padding: 0px 0px 2px 0px; background: url(i/mainmenu-li-bg.gif) 0px 100% no-repeat; line-height: 1.2; /* WI2220 */ *list-style: none; *display:inline; /* END WI2220*/ } #mainmenu li a { display: block; margin: 0px; padding: 8px 6px 8px 17px; background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; zoom: 1; } #mainmenu li strong.current { display: block; margin-left: 1px; margin-right: 1px; padding: 8px 6px 8px 16px; background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; font-weight: normal; zoom: 1; } /* menu selected sign */ #mainmenu li.open li strong.current { margin-right: 0px; } #mainmenu li.open { background: url(i/mainmenu-li-open-bg.gif) 0px 0px no-repeat; } #mainmenu li.open a {} #mainmenu li.open > a { display: block; margin: 0px 1px; padding: 8px 4px 8px 15px; background: #f3f3f3 url(i/arrows/mainmenu-arrow-bottom.gif) 2px 0.8em no-repeat; border-style: solid; border-color: #ffffff; border-width: 0px 1px; } /* menu selected sign */ #mainmenu li.open li.open > a { margin: 0px 2px; background-color: #e5e5e5; border: none; } /* menu selected sign */ #mainmenu li.open strong.current { display: block; padding: 8px 6px 8px 16px; background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; font-weight: normal; } /* menu selected sign */ #mainmenu li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } #mainmenu li.open li.open > strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } #mainmenu li.open li.open strong.current, #mainmenu li.bottom-gray li.open strong.current { margin: 0px 0px 0px 1px; padding-left: 16px; } #mainmenu li.open li { background-image: none; } #mainmenu li.open li > strong.current {} /* menu selected sign */ /* menu selected sign for IE lte 6 below... */ * html #mainmenu li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li a { background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li a { background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li a { background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li a { background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li a { background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li a { background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li a { background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li a { background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li a { background: url(i/arrows/mainmenu-arrow-right.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li.open a { background: url(i/arrows/mainmenu-arrow-bottom.gif) 4px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li.open strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-bottom.gif) 3px 0.8em no-repeat; } * html #mainmenu li.open li.open li.open li.open li.open li.open li.open li.open li.open li.open li strong.current { background: #ffffff url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } #mainmenu li.bottom { background: #f3f3f3 url(i/mainmenu-li-last-bg.gif) left bottom no-repeat; } #mainmenu li.bottom strong.current { background: transparent url(i/arrows/mainmenu-arrow-right.gif) 3px 0.8em no-repeat; } #mainmenu li.bottom a { padding-bottom: 12px; } #mainmenu li.bottom-gray { padding-bottom: 8px; background: transparent url(i/mainmenu-li-last-open-bg.gif) left bottom no-repeat; border-style: none; } #mainmenu li.bottom-gray ul { background: #e5e5e5 none; } #mainmenu li.bottom-gray a { margin: 0px 1px; padding: 8px 4px 8px 15px; background-color: #f3f3f3; border-style: solid; border-width: 0px 1px; border-color: #ffffff; } #mainmenu li.bottom-gray li a { margin: 0px; padding-left: 17px; background-color: #e5e5e5; border-style: none; } /* SubMenu common */ .submenu { display: block; float: right; width: 184px; line-height: 1.5; text-align: left; } .submenu img { margin: 0 auto 20px; border: none; } .submenu div.frm { margin-bottom: 10px; border: solid 1px #b8b8b8; } .submenu div.frm-bg { margin-bottom: 10px; background: #f2f2f2; border: solid 1px #b8b8b8; } .submenu div.bg { margin-bottom: 10px; background: #f2f2f2; border: solid 1px #ffffff; } .submenu div.frm-grd { margin-bottom: 10px; background: #ffffff url(i/box-bg-demo.gif) 0px 0px repeat-x; border: solid 1px #b8b8b8; } .submenu div.inside { border: solid 1px #ffffff; padding: 8px 8px 0px 8px; } .submenu div.frm div.innerblock, .submenu div.frm-bg div.innerblock, .submenu div.bg div.innerblock, .submenu div.frm-grd div.innerblock { padding: 8px 8px 0px 8px; } .submenu div.frm.title, .submenu div.frm-bg.title, .submenu div.bg.title, .submenu div.frm-grd.title { margin-bottom: 5px; } .submenu div.rounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px 8px 8px 8px; } .submenu div.rounded-inside { border: solid 1px #ffffff; padding: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px 7px 7px 7px; } /* opera CSS hack */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .submenu div.rounded-inside { border-radius: 0px; } } @media (min-resolution: .001dpcm) { _:-o-prefocus, .submenu div.rounded-inside { border-radius: 0px; } } .submenu .textindent { text-indent: 1em; } .submenu .textleft { text-align: left; } .submenu .textright { text-align: right; } .submenu .textcenter { text-align: center; } .submenu .alignleft { float: left; } .submenu .alignright { float: right; } .submenu .clearleft { clear: left; } .submenu .clearright { clear: right; } .submenu .clearall { clear: both; } .submenu .vtop { vertical-align: text-top; } .submenu .vmiddle { vertical-align: middle; } .submenu .vbottom { vertical-align: text-bottom; } .submenu .bordernone { border-style: none; } .submenu .border010 { border: solid 1px #666666; } .submenu .notice { color: #bb0000; } .submenu em.notice { font-style: italic; } .submenu a.deconone { text-decoration: none; } .submenu a.deconone:hover { text-decoration: underline; } .submenu p { font-size: 93%; line-height: 1.5; } .submenu ul { font-size: 93%; padding-bottom: 16px; padding-left: 0; width: 100%; margin: 0; } .submenu h2 { font-size: 93%; color: #555; margin-bottom: 8px; padding: 0 8px; padding-top: 10px; } .submenu h3 { font-size: 93%; color: #555; margin-bottom: 3px; padding: 0 8px; font-weight: normal; } .submenu li { padding-left: 24px; padding-right: 8px; margin: 0; list-style: none; background: url(i/li_dot_lv1.gif) no-repeat 6px 2px; /* IE 8 */ background-position/*\**/: 6px 4px; /* IE 6,7 */ *background-position: 6px 3px; } /* IE 9+ */ @media screen and (min-width:0\0) { .submenu li { background-position: 6px 2px;} } /* * .contentsarea removed for template "Framework 3" */ .submenu #changelanguage li { background: none; } .submenu .tasks { width: 182px; background: url(i/box-bg-demo.gif) repeat-x left top; margin-bottom: 15px; text-align: left; border: 1px solid #b8b8b8; } .submenu .tasks { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px 8px 8px 8px; } .submenu .tasks img { margin-bottom: 0; border: none; } .submenu .tasks a:link, .submenu .tasks a:visited, .submenu .tasks a:active { text-decoration: none !important; } .submenu .tasks a:hover, .submenu .tasks a:focus { text-decoration: underline !important; } .submenu .tasks hr { border: 0px solid; height: 1px; width: 183px; _width: 180px; background: none; border-top: 1px solid #b8b8b8; display: block; margin-left: -1px; overflow: hidden; _margin-left: -1px; } .submenu .tasks ul.newlist { background: url(i/hr.gif) repeat-x left top; padding-top: 16px; margin: 0; } .submenu .tasks div.divider { border:0px solid; border-top: 1px solid #b8b8b8; padding: 12px 0 0 0; _position: relative; _zoom: 1; _margin-right: -3px; overflow: hidden; margin: 0; height: 1px; _height: 13px; margin-left: -1px; } .submenu .tasks li.image { background: none; padding: 0; text-align: center; } /* Pickup Banner Area */ .submenu .pickup { margin-bottom: 15px; } .submenu .pickup div.frm-bg.title div.rounded-inside { padding: 10px; } .submenu .pickup div.frm-bg.title div.highlight_v { padding: 4px 10px 10px 10px !important; } /* <-- This is className on boxrounded.js. for IE & Opera */ .submenu .pickup h2 { padding: 0; } .submenu .pickup p { font-size: 93%; } .submenu .pickup div.frm-bg.title { margin-bottom: 15px; } .submenu .pickup div.frm-bg.title h2{ font-size: 100%; text-align: left; line-height: 1.1; margin: 0; color: #555555; } .submenu .pickup div.frm-bg.title p { font-size: 100%; text-align: left; margin-bottom: 10px; color: #555555; } .submenu .pickup p.pickupthumb { margin-bottom: 15px; padding: 0; line-height: 1.5; /*width: 184px;*/ } .submenu .pickup p.pickupthumb br { display: none; } .submenu .pickup p.pickupthumb img { display: block; text-align: center; vertical-align: bottom; border: none; margin-bottom: 5px; padding: 0; } .submenu div.optionnav { clear: left; border-style: none; margin: 10px 0px 0px 0px; padding: 0px; } .submenu div.optionnav ul { display: block; list-style: none; border-style: none; margin: 0px; padding-bottom: 15px; } .submenu div.optionnav li { display: block; border-style: none; margin: 4px 0px 0px 0px; padding-left: 16px; word-wrap: break-word; background: none; } .submenu div.optionnav img { border-style: none; margin: 0px 4px 0px 0px; padding: 0px; } .submenu div.pickup-shortlead { margin-bottom: 15px; } .submenu .pickup-shortlead div.highlight_v { padding: 3px 8px 0 8px !important; } .submenu .pickup-shortlead h2 { padding: 0; } .submenu .pickup-shortlead h3 { padding: 0; } .submenu .pickup-shortlead p { padding: 0 0 15px 0; } .submenu .pickup-shortlead p { margin: 0 0 3px 0\9 } .submenu .pickup-shortlead img { margin: 0; } .submenu .pickup-shortlead img.alignleft { margin: 0 5px 8px 0; } .submenu .pickup-shortlead img.alignright { margin: 0 0 5px 5px; } .submenu .pickup-shortlead img { margin-bottom: 5px; } .submenu .pickup-shortlead .new-window img { margin: 0 0 0 5px; } .submenu .pickup-shortlead div.moreinfo { clear: both; border-style: none; margin: 0; padding: 6px 0px 6px; } .submenu .pickup-shortlead div.moreinfo p { background: none; display: block; overflow: visible; border-style: none; margin: -15px 0 0; padding: 0; text-align: right; font-size: 93%; } .submenu .pickup-shortlead div.moreinfo p.textleft { text-align: left; } .submenu .pickup-shortlead div.moreinfo p.textcenter { text-align: center; } .submenu .pickup-shortlead div.moreinfo p.textright { text-align: right; } .submenu .pickup-shortlead div.moreinfo p img { margin-left: 5px; margin-bottom: 0; border: none; } .submenu .pickup-shortlead div.moreinfo a:link, .submenu .pickup-shortlead div.moreinfo a:visited, .submenu .pickup-shortlead div.moreinfo a:active { text-decoration: none; } .submenu .pickup-shortlead div.moreinfo a:hover { text-decoration: underline; } .submenu div.pickup div.title { margin-top: 0px !important; } .submenu div.highlight_v { padding-top: 0; padding-left: 8px; padding-rIght: 8px; } /* Contents Area */ .contentsarea { float: right; width: 781px; } .contentsarea .submenu { float: right; } /* MainContents Area */ .maincontents { float: left; width: 582px; } /* Deep Footer Area */ #deepfooter { width: 100%; min-width: 980px; background: #f5f5f5 url(i/deepfooter_bg.jpg) repeat-x left bottom; line-height: 1.3; color: #444; } #deepfooter a { text-decoration: none; } #deepfooter a:hover { text-decoration: underline; } #deepfooterinner { display: inline-block; width: 980px; margin: 0 auto; padding: 20px 0 15px; text-align: left; } #deepfooter p.dfooter-title { padding-bottom: 4px; margin-bottom: 8px; font-size: 100%; padding-left: 9px; font-weight: bold; border-bottom: 1px solid #bbbbbb; } #deepfooter ul { padding-left: 9px; margin: 0; font-size: 93%; font-weight: normal; list-style: none; } #deepfooter li { line-height: 1.3; margin-bottom: 5px; } #deepfooter div.grid3span { width: 582px; }/* <-- with clearfix class */ #deepfooter div.grid4span { width: 781px; }/* <-- with clearfix class */ #deepfooter div.grid5span { width: 980px; }/* <-- with clearfix class */ #deepfooter div.col1span { width: 184px; float: left; margin-right: 15px; } #deepfooter div.col2span { width: 383px; float: left; margin-right: 15px; } #deepfooter div.col3span { width: 582px; float: left; margin-right: 15px; } #deepfooter div.col4span { width: 781px; float: left; margin-right: 15px; } #deepfooter div.lastcol { margin-right: 0px; } @media print { #deepfooter div.lastcol{ margin-right: -1px; } } #deepfooter p#country-select { display: block; margin: 12px 0 0 4px; } #deepfooter p#country-select img{ border: none; } #deepfooter p.lang { display: inline; font-size: 85%; border-left: 1px solid #c2c2c2; padding-left: 3px; margin-left: 0px; } #deepfooter p.country { display: inline; font-size: 85%; color: #444444; margin-left: 0px; margin-right: 0px; } .clear-left { clear:left; } /* Footer Area */ .footer { width: 100%; min-width: 980px; color: #fff; background: #666 url(i/footer_bg.gif) repeat-x left bottom; } .footer a { text-decoration: none; } .footer a:hover { text-decoration: underline; } .footer a:link, .footer a:visited, .footer a:hover { color: #fff; } body.double .footer a:link, body.double .footer a:visited, body.double .footer a:hover { color: #fff; } #footerinner { display: inline-block; width: 980px; margin: 0 auto; padding: 4px 0 25px 0; text-align: left; } #permanentmenu { float: left; width: auto; margin-bottom: 5px; } .footer ul { font-size: 93%; list-style: none; padding: 0; margin: 0; } body.double .footer ul { font-size: 93%; } .footer li { display: inline; margin: 0; margin-left: 16px; line-height: 1.3; } .footer li.firstchild { margin-left: 0; } #creditline { float: right; line-height: 0; width: auto; } #creditline p { margin: 0; padding: 0; font-size: 93%; line-height: 1.3; text-align: right; white-space: nowrap; } @media print { .stage { background: none; } .stage .bodyarea { clear: both; float: none; } div.contentsarea { display: table; padding-bottom: 40px; } div.contentsarea .maincontents { float: none; clear: both; display: table-cell; } div.contentsarea .submenu { float: none; float: none; clear: both; display: table-cell; padding-left: 15px; } /*IE7*/ *:first-child+html div.contentsarea { display: block; padding-bottom: 0; } *:first-child+html div.contentsarea .maincontents { float: left; clear: none; display: block; } *:first-child+html div.contentsarea .submenu { float: right; clear: none; display: block; padding-left: 0; } #deepfooter { clear: both; float: left; display: inline-block; border-top: 1px solid #e8e8e8; } .footer { clear: both; float: none; display: inline-block; border-top: 1px solid #e8e8e8; } } /* Contents Width Optional */ /* Removed to move down body classes to contents area */ body .new-window .contentsarea { width: 980px; float: none; } body .new-window .maincontents { width: 980px; float: none; } body .new-window .stage { border-top: none; } body .new-window .bodyarea { padding-top: 50px; padding-bottom: 30px; } /* body.body5span .contentsarea { width: 980px; float: none; } body.body5span .maincontents { width: 980px; float: none; } body.body4span .contentsarea { width: 781px; } body.body4span .maincontents { width: 781px; } body.body4span-noleftnav .contentsarea { width: 980px; float: left; } body.body4span-noleftnav .maincontents { width: 781px; float: left; }*/ body.allover .stage { text-align: left; zoom: 1; } body.allover #blockskip a { padding-left: 15px; } body.allover .bodyarea { width: 100%; margin: 0; } body.allover .header { width: 980px; margin: 0 0 10px 10px; } body.allover #location { margin-left: 10px; } body.allover .aside { margin-left: 10px; } body.allover .mainmenu { width: 184px; float: left; } body.allover .contentsarea { width: auto; float: none; margin-left: 209px; } body.allover .maincontents { width: 100%; } body.allover #deepfooter { text-align: left; margin-left: -15px; padding-right: 15px; } body.allover #deepfooterinner { margin: 0 0 0 10px; } body.allover .footer { text-align: left; margin-left: -15px; padding-right: 15px; } body.allover #footerinner { margin: 0 0 0 10px; } body.allover-noleftnav .stage { text-align: left; zoom: 1; } body.allover-noleftnav #blockskip a { padding-left: 15px; } body.allover-noleftnav .bodyarea { width: 100%; margin: 0; } body.allover-noleftnav .header { width: 980px; margin: 0 0 10px 10px; } body.allover-noleftnav #location { margin-left: 10px; } body.allover-noleftnav .contentsarea { width: auto; float: none; margin-left: 10px; } body.allover-noleftnav .maincontents { width: 100%; } body.allover-noleftnav #deepfooter { text-align: left; margin-left: -15px; padding-right: 15px; } body.allover-noleftnav #deepfooterinner { margin: 0 0 0 10px; } body.allover-noleftnav .footer { text-align: left; margin-left: -15px; padding-right: 15px; } body.allover-noleftnav #footerinner { margin: 0 0 0 10px; } body.gig3-750 .contentsarea { width: 980px; float: none; text-align: center; } body.gig3-750 .maincontents { width: 750px; float: none; margin: 0 auto; text-align: left; } body.gig3-new-window { width: auto; } body.gig3-new-window .contentsarea { width: 100%; float: none; } body.gig3-new-window .maincontents { width: 100%; float: none; } body.gig3-new-window div.stage { width: 100%; min-width: 0; border-top: none; } body.gig3-new-window .bodyarea { width: auto; padding-top: 50px; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } body.gig3-new-window .footer { min-width: 0; width: auto; text-align: right; } body.gig3-new-window #footerinner { width: auto; padding-right: 15px; } body.gig3-new-window #creditline p { white-space: normal; } body.gig3-allover div.stage { width: auto; padding-left: 10px; min-width: 0; border-top: none; } * html body.gig3-allover div.stage { width: 100%; text-align: left; padding-left: 20px; margin-left: -10px; } body.gig3-allover #blockskip a { min-width: 980px; margin-left: -10px; padding-left: 10px; border-top: 3px solid #666666; } * html body.gig3-allover #blockskip { margin-left: -10px; } * html body.gig3-allover #blockskip a { margin-left: 0; padding-left: 0; } body.gig3-allover .bodyarea { width: auto; zoom: 1; } body.gig3-allover .header { margin-left: 0; text-align: left; } body.gig3-allover .contentsarea { width: auto; margin-right: 10px; float: none; } body.gig3-allover .maincontents { width: 100%; } body.gig3-allover #deepfooter { text-align: left; padding-left: 10px; width: auto; } body.gig3-allover #deepfooterinner { margin: 0; } body.gig3-allover .footer { text-align: left; padding-left: 10px; width: auto; } body.gig3-allover #footerinner { margin: 0; } /* Ajax Object Base */ /* (1) MegaDropdown Base --------------------------------------------*/ #headerbottom p.megaclosebtn{ display: none; margin-bottom: 10px; } #headerbottom .hidemenu{ display: none; } #headerbottom p.mdthumb { margin: 0; padding: 0; line-height: 0; } #headerbottom p.mdthumb img { vertical-align: bottom; } #headerbottom p.mdtitle { color: #A30B1A; font-weight: bold; border-bottom: 1px solid #A30B1A; margin-bottom: 0; padding: 3px 0 3px 0; margin: 3px 0 0 0; } #headerbottom p.mdtitle a { display: block; } #headerbottom p.mdtitle a:link, #headerbottom p.mdtitle a:visited, #headerbottom p.mdtitle a:active { color: #A30B1A; text-decoration: none; } #headerbottom p.mdtitle a:hover { text-decoration: underline; color:#861718; } /* subsidiary -------------------------------------------------------*/ body.subsidiary #corporatesymbol { margin-top: 5px; margin-bottom: 3px; } body.subsidiary div.header { min-height: 68px; _height: 68px; } body.subsidiary div.headertop { border: none; padding:0 1px 7px 1px; background: #ffffff url(i/mainnav-back-bottom-subsidiary.png) no-repeat left bottom; } body.subsidiary div#permanentmenu ul.parentcom { margin-top: 10px; } body.subsidiary div#permanentmenu ul.parentcom li { list-style: none; display: block; float: left; display: inline; /* <-- for IE6 float-margin bug */ margin: 0 5px 0 0; padding: 0px; } /* for modern browser exclude ie 7, 8 */ html:not(:target) body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px 7px 7px 7px; position: relative; top: 2px; border: 1px solid #999999; } html:not(:target) body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px 6px 6px 6px; position: relative; top: -2px; border: 1px solid #111111; margin: 0 -1px -2px -1px; padding: 0; } html:not(:target) body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; position: relative; top: 1px;display: block; padding: 2px 6px 3px 6px; margin-bottom: 1px; background: #222222 url(i/parentcomlink-bg.gif) left top repeat-x; } html:not(:target) body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock a img { border: none; vertical-align: middle; margin-left: 3px; } /* for ie 6 */ * html body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn { position: relative; border: 1px solid #999999; } * html body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock { border: 1px solid #111111; margin: -2px -1px 0px -1px; padding: 0; } * html body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock a { position: relative; top: 1px; display: block; padding: 3px 6px 2px 6px; margin-bottom: 1px; background: #222222 url(i/parentcomlink-bg.gif) left top repeat-x; word-break: keep-all; } * html body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock a img { border: none; vertical-align: middle; margin-left: 3px; } body.subsidiary div#permanentmenu ul.parentcom li div.cssbtn div.innerblock { padding: 0; } /* GIG4 styles --------------------------------------------------------------------- */ .maincontents div.grid3span { width: 582px; }/* <-- with clearfix class */ .maincontents div.grid4span { width: 781px; }/* <-- with clearfix class */ .maincontents div.grid5span { width: 980px; }/* <-- with clearfix class */ .maincontents div.col1span { width: 184px; float: left; margin-right: 15px; } .maincontents div.col2span { width: 383px; float: left; margin-right: 15px; } .maincontents div.col3span { width: 582px; float: left; margin-right: 15px; } .maincontents div.col4span { width: 781px; float: left; margin-right: 15px; } .maincontents fieldset { border-style: solid; border-width: 1px; border-color: #cccccc; margin: 0px; margin: 1em 0px 0px 0px; padding: 10px; } .maincontents fieldset { padding: 15px 15px 0px 15px; border: solid 1px #b5b5b5; } .maincontents textarea { padding: 4px; } div.stage-newwindow { border-style: none; width: 95%; margin: 15px 0px; text-align: left; } div.buttonnewwin { text-align: center; } .buttonnewwin button { font-size: 93%; margin: 0 5px 10px 5px; padding: 3px 13px; } *:first-child+html .buttonnewwin button { padding: 5px 8px 3px 8px; } /* <-for IE7 IE8 */ * html .buttonnewwin button { padding: 5px 8px 3px 8px; } /* <-for IE6 */ .maincontents .new-window img { margin-left: 5px; } ol.number-type-alp-u { list-style-type: upper-alpha; } ol.number-type-alp-l { list-style-type: lower-alpha; } ol.number-type-roman-u { list-style-type: upper-roman; } ol.number-type-roman-l { list-style-type: lower-roman; } .maincontents ul.langchanger { list-style: none; padding: 0; font-size: 93%; margin-bottom: 1.2em; } .maincontents ul.langchanger li { list-style: none; float: left; margin: 0 4px 0 0; padding: 0; line-height: 1.2; word-break: keep-all; } .maincontents ul.langchanger li a { display: block; padding: 2px 4px; background: #e3e3e3 url(i/langchanger-bg.gif) left bottom repeat-x; border: solid 1px #d2d2d2; } .maincontents ul.langchanger li a:link, .maincontents ul.langchanger li a:visited, .maincontents ul.langchanger li a:active { text-decoration: none; } .maincontents ul.langchanger li a:hover { text-decoration: underline; } .maincontents ul.alsoindex { list-style: none; padding: 0px; } /* with clearfix class */ .maincontents ul.alsoindex li { list-style: none; float: left; margin: 0px 4px 0px 0px; padding: 0px; line-height: 1.2; word-break: keep-all; } .maincontents ul.alsoindex li a { display: block; padding: 4px 8px; background: #f2f2f2; border: solid 1px #e5e5e5; } .maincontents ul.alsoindex li a:link, .maincontents ul.alsoindex li a:visited, .maincontents ul.alsoindex li a:active { text-decoration: none; } .maincontents ul.alsoindex li a:hover { text-decoration: underline; } .maincontents ul.alsoindex strong.current { display: block; padding: 4px 8px; background: #ffffff; color: #000000; font-weight: normal; border: solid 1px #e5e5e5; } .maincontents div.wordindex { margin-bottom: 2em; } .maincontents div.wordindex div.heading { float: left; background: #e5e5e5 url(i/wordindex-header-bg.gif) left bottom repeat-x; } .maincontents div.wordindex h2, .maincontents div.wordindex h3, .maincontents div.wordindex h4 { margin: 0px; padding: 0px 8px; background: url(i/wordindex-separator.gif) right top repeat-y; font-size: 108%; line-height: 2em; font-weight: bold; word-break: keep-all; } .maincontents div.wordindex ul { list-style: none; display: block; margin: 0px; padding: 0px; } /* with clearfix class */ .maincontents div.wordindex li { list-style: none; display: block; float: left; margin: 0px; padding: 0px; background: #f7f7f7 url(i/wordindex-bg.gif) left bottom repeat-x; line-height: 2em; word-break: keep-all; border-style: solid; border-width: 0px 1px; border-color: #ffffff #b5b5b5 #ffffff #ffffff; } .maincontents div.wordindex li:first-child a { border-left: none; } /* IE lte 8 uses first-child selector width jquery */ .maincontents div.wordindex li a { padding: 0px 8px; } .maincontents div.wordindex li a:link, .maincontents div.wordindex li a:visited, .maincontents div.wordindex li a:active { text-decoration: none; } .maincontents div.wordindex li a:hover { text-decoration: underline; } .maincontents div.pagenate {} .maincontents div.pagenate h2, .maincontents div.pagenate h3 { margin-bottom: 4px; text-align: center; } .maincontents div.pagenate div.innerblock { margin-bottom: 2em; text-align: center; } .maincontents div.pagenate div.innerblock p { display: inline; margin-bottom:0; } .maincontents div.pagenate div.innerblock p.previous a { margin: 5px 5px 5px 0px; } .maincontents div.pagenate div.innerblock p.previous img { border: none; padding-right: 5px; vertical-align: middle; _margin-right: 5px; _margin-top:2px; } .maincontents div.pagenate div.innerblock p.next a { margin: 5px 0px 5px 5px; } .maincontents div.pagenate div.innerblock p.next img { border: none; padding-left: 5px; text-decoration: underline; vertical-align: middle; _margin-left: 5px; _margin-top:2px; } .maincontents div.pagenate div.innerblock a:link, .maincontents div.pagenate div.innerblock a:visited, .maincontents div.pagenate div.innerblock a:active { text-decoration: none; } .maincontents div.pagenate div.innerblock a:hover { text-decoration: underline; } *:first-child+html .maincontents div.pagenate div.innerblock a { display: inline-block; } *:first-child+html .maincontents div.pagenate div.innerblock strong { display: inline-block; } * html .maincontents div.pagenate div.innerblock a { display: inline-block; } * html .maincontents div.pagenate div.innerblock strong { display: inline-block; } .maincontents div.pagenate div.innerblock ul { list-style: none; display: inline; margin: 0px; padding: 0px; *margin-bottom: 10px;} .maincontents div.pagenate div.innerblock li { list-style: none; display: inline; } .maincontents div.pagenate div.innerblock li a { padding: 5px 6px; background: url(i/pagenate-num-bg.gif) left bottom repeat-x; border: solid 1px #b8b8b8; } .maincontents div.pagenate div.innerblock li strong.current { padding: 5px 6px; background: #ffffff none; color: #000000; border: solid 1px #e5e5e5; } *:first-child+html .maincontents div.pagenate div.innerblock li { line-height: 1.2em; } * html .maincontents div.pagenate div.innerblock li { line-height: 1.2em; } .maincontents div.moreinfo { clear: both; border-style: none; margin: 0; padding: 4px 0px 6px; } .maincontents span.float div.moreinfo, .maincontents div.float div.moreinfo { clear: none !important; float: left; } .maincontents div.moreinfo p { display: block; overflow: visible; border-style: none; margin: 0; padding: 0; text-align: right; font-size: 93%; } .maincontents div.moreinfo p.textleft { text-align: left; } .maincontents div.moreinfo p.textcenter { text-align: center; } .maincontents div.moreinfo p.textright { text-align: right; } .maincontents div.moreinfo p img { margin-left: 5px; border: none; } .maincontents div.moreinfo a:link, .maincontents div.moreinfo a:visited, .maincontents div.moreinfo a:active { text-decoration: none; } .maincontents div.moreinfo a:hover { text-decoration: underline; } .maincontents div.scrolltop { clear: both; border-style: none; margin: 0; padding: 4px 0px 6px; } .maincontents div.scrolltop p { display: block; overflow: visible; border-style: none; margin: 0; padding: 0; text-align: right; font-size: 93%; } .maincontents div.scrolltop p img { margin-left: 5px; border: none; } .maincontents div.scrolltop a:link, .maincontents div.scrolltop a:visited, .maincontents div.scrolltop a:active { text-decoration: none; } .maincontents div.scrolltop a:hover { text-decoration: underline; } .maincontents div.locationback { clear: both; border-style: none; margin: 0; padding: 4px 0px 6px; } .maincontents div.locationback p { display: block; overflow: visible; border-style: none; margin: 0; padding: 0; text-align: right; font-size: 93%; } .maincontents div.locationback img { margin-left: 5px; border: none; } .maincontents div.locationback a:link, .maincontents div.locationback a:visited, .maincontents div.locationback a:active { text-decoration: none; } .maincontents div.locationback a:hover { text-decoration: underline; } @media print { .maincontents div.lastcol { margin-right: -1px; } } /* 3-2 substitute */ .maincontents .textindent { text-indent: 1em; } .maincontents .textindent1 { text-indent: 1em; } .maincontents .textindent2 { text-indent: 2em; } .maincontents .textindent3 { text-indent: 3em; } .maincontents .textleft { text-align: left; } .maincontents .textright { text-align: right; } .maincontents .textcenter { text-align: center; } .maincontents .alignleft { float: left; } .maincontents .alignright { float: right; } .maincontents .clearleft { clear: left; } .maincontents .clearright { clear: right; } .maincontents .clearall { clear: both; } .maincontents .vtop { vertical-align: text-top; } .maincontents .vmiddle { vertical-align: middle; } .maincontents .vbottom { vertical-align: text-bottom; } .maincontents a img.bordernone { border-style: none; } /*start WI1943 --> border-style: none; */ .maincontents p a.deconone img { border-style: none; } /*end WI1943 --> border-style: none; */ .maincontents img.border010 { border: solid 1px #666666; } .maincontents .notice { color: #bb0000; } .maincontents em.notice { font-style: italic; } .maincontents a.deconone { text-decoration: none; } .maincontents a.deconone:hover { text-decoration: underline; } .maincontents h1 { line-height: 1.5; } .maincontents h2 { line-height: 1.5; } .maincontents h3 { line-height: 1.5; } .maincontents h4 { line-height: 1.5; } .maincontents h5 { line-height: 1.5; letter-spacing: -0.05em; } .maincontents h6 { line-height: 1.5; letter-spacing: -0.1em; } .maincontents h2.bg010 { padding: 6px 10px; background: #f2f2f2 url(i/heading-bg010-bg.gif) left top repeat-x; border: solid 1px #d2d2d2; } .maincontents h3.bg010 { padding: 4px 10px; background: #f2f2f2 url(i/heading-bg010-bg.gif) left top repeat-x; border: solid 1px #d2d2d2; } .maincontents h4.bg010 { padding: 3px 10px; background: #f2f2f2 url(i/heading-bg010-bg.gif) left top repeat-x; border: solid 1px #d2d2d2; } .maincontents h5.bg010 { padding: 3px 10px; background: #f2f2f2 url(i/heading-bg010-bg.gif) left top repeat-x; border: solid 1px #d2d2d2; } .maincontents h6.bg010 { padding: 3px 10px; background: #f2f2f2 url(i/heading-bg010-bg.gif) left top repeat-x; border: solid 1px #d2d2d2; } *:first-child+html .maincontents h2.bg010 { background-position: 0px 1px; } *:first-child+html .maincontents h3.bg010 { background-position: 0px 1px; } *:first-child+html .maincontents h4.bg010 { background-position: 0px 1px; } *:first-child+html .maincontents h5.bg010 { background-position: 0px 1px; } *:first-child+html .maincontents h6.bg010 { background-position: 0px 1px; } * html .maincontents h2.bg010 { background-position: 0px 1px; } * html .maincontents h3.bg010 { background-position: 0px 1px; } * html .maincontents h4.bg010 { background-position: 0px 1px; } * html .maincontents h5.bg010 { background-position: 0px 1px; } * html .maincontents h6.bg010 { background-position: 0px 1px; } .maincontents h2.accent010 { border-left: 5px solid #bb2222; padding: 2px 0 1px 4px; } .maincontents h3.accent010 { border-left: 5px solid #bb2222; padding: 2px 0 1px 4px; } .maincontents h4.accent010 { border-left: 5px solid #bb2222; padding: 2px 0 1px 4px; } .maincontents h5.accent010 { border-left: 5px solid #bb2222; padding: 2px 0 1px 4px; } .maincontents h6.accent010 { border-left: 5px solid #bb2222; padding: 2px 0 1px 4px; } .maincontents div.heading-link { position: relative; zoom: 1; } .maincontents div.heading-link h2, .maincontents div.heading-link h3, .maincontents div.heading-link h4, .maincontents div.heading-link h5, .maincontents div.heading-link h6 { padding-right: 9.5em; } .maincontents div.heading-link p.link { display: block; position: absolute; z-index: 2; top: 0px; right: 12px; text-align: right; font-weight: normal; font-size: 93%; } .maincontents div.heading-link p.link a { text-decoration: none; } .maincontents div.heading-link p.link a:hover { text-decoration: underline; } .maincontents div.heading-link p.link a img { margin-left: 5px; border: none; } .maincontents div.heading-link p.h2 { padding-top: 0.8em; } .maincontents div.heading-link p.h3 { padding-top: 0.4em; } .maincontents div.heading-link p.h4 { padding-top: 0.2em; } .maincontents div.heading-link p.h5 { padding-top: 0.2em; } .maincontents div.heading-link p.h6 { padding-top: 0.2em; } * html .maincontents div.heading-link p.h2 { padding-top: 1em; } * html .maincontents div.heading-link p.h3 { padding-top: 0.7em; } * html .maincontents div.heading-link p.h4 { padding-top: 0.5em; } * html .maincontents div.heading-link p.h5 { padding-top: 0.5em; } * html .maincontents div.heading-link p.h6 { padding-top: 0.5em; } .maincontents ol.compact, .maincontents ul.compact { padding-left: 1.5em; } .maincontents dl.compact dd { padding-left: 0; } *:first-child+html .maincontents ol.compact, *:first-child+html .maincontents ul.compact { padding-left: 1.9em; } *:first-child+html .maincontents dl.compact dd { padding-left: 0; } * html .maincontents ol.compact, * html .maincontents ul.compact { padding-left: 1.9em; } * html .maincontents dl.compact dd { padding-left: 0; } .maincontents hr, .maincontents hr.line010,/* <-- className of GIG3 */ .maincontents hr.line020 { height: 1px; margin: 0px 0px 2em 0px; padding: 0px; border-width: 0px 0px 1px 0px; border-color: #d2d2d2; background: none; color: #d2d2d2; } /* <-- className of GIG3 */ .maincontents ul.datelist2col { list-style: none; padding: 0px; zoom: 1; } .maincontents ul.datelist2col li { list-style: none; margin-bottom: 0; padding-left: 24px; background: url(i/li_dot_lv1.gif) no-repeat 6px 0.5em; zoom: 1; } .maincontents ul.datelist2col li:after { content: "."; display: block; clear: both; width: 0; height: 0; line-height: 0; visibility: hidden; } * html .maincontents ul.datelist2col li { display: inline-block; } .maincontents ul.datelist2col li dl { margin: 0 0 8px; padding: 0px; zoom: 1; } /* <-- with clearfix class */ .maincontents ul.datelist2col li dt, .maincontents ul.datelist2col li dd { margin-bottom: 0px; } .maincontents ul.datelist2col li dt { float: left; width: 103px; padding: 0px; } .maincontents ul.datelist2col li dd { margin-left: 113px; padding: 0px; } .maincontents ul.datelist2col-wide { list-style: none; padding: 0px; zoom: 1; } .maincontents ul.datelist2col-wide li { list-style: none; margin-bottom: 0; padding-left: 24px; background: url(i/li_dot_lv1.gif) no-repeat 6px 0.5em; zoom: 1; } .maincontents ul.datelist2col-wide li:after { content: "."; display: block; clear: both; width: 0; height: 0; line-height: 0; visibility: hidden; } * html .maincontents ul.datelist2col-wide li { display: inline-block; } .maincontents ul.datelist2col-wide li dl { margin: 0 0 8px; padding: 0px; zoom: 1; } /* <-- with clearfix class */ .maincontents ul.datelist2col-wide li dt, .maincontents ul.datelist2col-wide li dd { margin-bottom: 0px; } .maincontents ul.datelist2col-wide li dt { float: left; width: 150px; padding: 0px; } .maincontents ul.datelist2col-wide li dd { margin-left: 160px; padding: 0px; } .maincontents ul.datelist2col li dl.add-icon { clear: both; overflow: hidden; /* <-- fitting boxes height */ } .maincontents ul.datelist2col li dl.add-icon dt { width: 180px; float: left; } .maincontents ul.datelist2col li dl.add-icon dt span.date { display: block; float: left; display: inline; /* <-- for IE6 float box margin bug*/ width: 103px; } .maincontents ul.datelist2col li dl.add-icon dt span.type { display: block; float: right; width: 70px; } .maincontents ul.datelist2col li dl.add-icon dt span.type img { line-height: 1; vertical-align: -0.4em; } *:first-child+html .maincontents ul.datelist2col li dl.add-icon dt span.type img { vertical-align: -0.7em; } * html .maincontents ul.datelist2col li dl.add-icon dt span.type img { vertical-align: -0.7em; } .maincontents ul.datelist2col li dl.add-icon dd { margin-left: 190px; } .maincontents ul.datelist2col-wide li dl.add-icon { clear: both; overflow: hidden; /* <-- fitting boxes height */ } .maincontents ul.datelist2col-wide li dl.add-icon dt { width: 230px; float: left; } .maincontents ul.datelist2col-wide li dl.add-icon dt span.date { display: block; float: left; display: inline; /* <-- for IE6 float box margin bug*/ width: 150px; } .maincontents ul.datelist2col-wide li dl.add-icon dt span.type { display: block; float: right; width: 70px; } .maincontents ul.datelist2col-wide li dl.add-icon dt span.type img { line-height: 1; vertical-align: -0.4em; } *:first-child+html .maincontents ul.datelist2col-wide li dl.add-icon dt span.type img { vertical-align: -0.7em; } * html .maincontents ul.datelist2col-wide li dl.add-icon dt span.type img { vertical-align: -0.7em; } .maincontents ul.datelist2col-wide li dl.add-icon dd { margin-left: 240px; } .maincontents table.standard { border-collapse: collapse; border-spacing: 0px; border: solid 1px #b8b8b8; color: #000000; } .maincontents table.standard caption { caption-side: top; padding-bottom: 0.5em; } .maincontents table.standard tr {} .maincontents table.standard th { background-color: #f2f2f2; color: #000000; border: solid 1px #aaaaaa; line-height: 1.6; } .maincontents table.standard td { background-color: #ffffff; color: #000000; border: solid 1px #b8b8b8; line-height: 1.6; } .maincontents table.standard thead {} .maincontents table.standard thead th { background-color: #d2d2d2; } .maincontents table.standard thead td { background-color: #d2d2d2; } .maincontents table.standard tfoot {} .maincontents table.standard tfoot th { background-color: #999999; color: #000000; } .maincontents table.standard tfoot td { background-color: #999999; color: #000000; } .maincontents table.standard tbody {} .maincontents table.standard tbody td { background-color: #ffffff; color: #000000; } .maincontents div.emphasis table.standard { border: solid 1px #ffffff; } .maincontents div.emphasis table.standard th { background-color: #d2d2d2; border: solid 1px #ffffff; } .maincontents div.emphasis table.standard td { border: solid 1px #ffffff; } .maincontents div.emphasis table.standard thead th, .maincontents div.emphasis table.standard thead td, .maincontents div.emphasis table.standard tfoot th, .maincontents div.emphasis table.standard tfoot td { background: #c2c2c2; color: #000000; } .maincontents div.emphasis table.standard tbody td { background-color: #eeeeee; color: #000000; } .maincontents div.emphasis table.standard tr.odd td { background-color: #eeeeee; color: #000000; } .maincontents div.emphasis table.standard tr.even td { background-color: #dddddd; color: #000000; } .maincontents div.stripe table.standard {} .maincontents div.stripe table.standard th { background-color: #e2e2e2; } .maincontents div.stripe table.standard td { background-color: #f2f2f2; color: #000000; } .maincontents div.stripe table.standard thead th, .maincontents div.stripe table.standard thead td { background: #d2d2d2; } .maincontents div.stripe table.standard tfoot th, .maincontents div.stripe table.standard tfoot td { background: #d2d2d2; } .maincontents div.stripe table.standard tr.even {} /* with jquery '/incv4/common/libraries/include_funcs.js' */ .maincontents div.stripe table.standard tr.even td { background-color: #ffffff; color: #000000; } .maincontents div.stripe div.emphasis table.standard {} .maincontents div.stripe div.emphasis table.standard th { background-color: #d2d2d2; } .maincontents div.stripe div.emphasis table.standard td { background-color: #e2e2e2; color: #000000; } .maincontents div.stripe div.emphasis table.standard thead th, .maincontents div.stripe div.emphasis table.standard thead td, .maincontents div.stripe div.emphasis table.standard tfoot th, .maincontents div.stripe div.emphasis table.standard tfoot td { background: #c2c2c2; color: #000000; } .maincontents div.stripe div.emphasis table.standard tr.even {} /* with jquery '/incv4/common/libraries/include_funcs.js' */ .maincontents div.stripe div.emphasis table.standard tr.even td { background: #f2f2f2; color: #000000; } .maincontents div.frm { margin-bottom: 2em; border: solid 1px #b8b8b8; } .maincontents div.frm-bg { margin-bottom: 2em; background: #f2f2f2; border: solid 1px #b8b8b8; } .maincontents div.bg { margin-bottom: 2em; background: #f2f2f2; border: solid 1px #f2f2f2; } .maincontents div.frm-grd { margin-bottom: 2em; background: #ffffff url(i/box-bg-demo.gif) 0px 0px repeat-x; border: solid 1px #b8b8b8; } .maincontents div.inside { border: solid 1px #ffffff; padding: 14px 14px 0px 14px; *width:94%; /* WI1868 */ } .maincontents div.frm div.innerblock , .maincontents div.bg div.innerblock { padding: 15px 15px 0px 15px; } .maincontents div.frm-grd div.innerblock, .maincontents div.frm-bg div.innerblock { padding: 14px 14px 0px 14px; } div.rounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px 8px 8px 8px; } .maincontents div.rounded div.rounded-inside { border: solid 1px #ffffff; padding: 14px 14px 0px 14px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; } .maincontents div.lay2col { width: 100%; border: none; margin-top: 10px; } .maincontents div.lay3col { width: 100%; border: none; margin-top: 10px; } .maincontents div.lay4col { width: 100%; border: none; margin-top: 10px; } .maincontents div.lay5col { width: 100%; border: none; margin-top: 10px; } .maincontents div.lay2col div.col1 { float: left; width: 49.2%; } .maincontents div.lay2col div.col2 { float: left; width: 49.2%; } .maincontents div.lay2col div.col1 > div.innerblock { margin: 0 8px 0 0; } .maincontents div.lay2col div.col2 > div.innerblock { margin: 0 1px /* This is a value to keep column width*/ 0 7px; } .maincontents div.lay3col div.col1 { float: left; width: 33%; } .maincontents div.lay3col div.col2 { float: left; width: 33%; } .maincontents div.lay3col div.col3 { float: left; width: 33%; } .maincontents div.lay3col div.col1 > div.innerblock { margin: 0 10px 0 0; } .maincontents div.lay3col div.col2 > div.innerblock { margin: 0 5px 0 5px; } .maincontents div.lay3col div.col3 > div.innerblock { margin: 0 0 0 10px; } .maincontents div.lay4col div.col1 { float: left; width: 24%; } .maincontents div.lay4col div.col2 { float: left; width: 24%; } .maincontents div.lay4col div.col3 { float: left; width: 24%; } .maincontents div.lay4col div.col4 { float: left; width: 24%; } .maincontents div.lay4col div.col1 > div.innerblock { margin: 0 12px 0 0; } .maincontents div.lay4col div.col2 > div.innerblock { margin: 0 9px 0 3px; } .maincontents div.lay4col div.col3 > div.innerblock { margin: 0 6px 0 6px; } .maincontents div.lay4col div.col4 > div.innerblock { margin: 0 3px /* This is a value to keep column width */ 0 9px; } .maincontents div.lay5col div.col1 { float: left; width: 19%; } .maincontents div.lay5col div.col2 { float: left; width: 19%; } .maincontents div.lay5col div.col3 { float: left; width: 19%; } .maincontents div.lay5col div.col4 { float: left; width: 19%; } .maincontents div.lay5col div.col5 { float: left; width: 19%; } .maincontents div.lay5col div.col1 > div.innerblock { margin: 0 12px 0 0; } .maincontents div.lay5col div.col2 > div.innerblock { margin: 0 9px 0 3px; } .maincontents div.lay5col div.col3 > div.innerblock { margin: 0 6px 0 6px; } .maincontents div.lay5col div.col4 > div.innerblock { margin: 0 3px 0 9px; } .maincontents div.lay5col div.col5 > div.innerblock { margin: 0 0 0 12px; } .maincontents div.col1 > div.innerblock { padding: 0; } .maincontents div.col2 > div.innerblock { padding: 0; } .maincontents div.col3 > div.innerblock { padding: 0; } .maincontents div.col4 > div.innerblock { padding: 0; } .maincontents div.col5 > div.innerblock { padding: 0; } .maincontents div.frm > div.innerblock { padding: 15px 15px 0; margin: 0 !important; } .maincontents div.frm-grd > div.innerblock { padding: 14px 14px 0; margin: 0 !important; } .maincontents div.frm-bg > div.innerblock { padding: 14px 14px 0; margin: 0 !important; } .maincontents div.bg > div.innerblock { padding: 15px 15px 0; margin: 0 !important; } img.alert { margin-left: 0.5em; } input.form-error { background-color: #feeeee; } /* Search & Results */ .maincontents div.search-area { text-align: center; } .maincontents div.search-area div.search-input h2 { display: inline; margin-right: 0.5em; font-size: 108%; } .maincontents div.search-area div.search-input { margin-bottom: 0.5em; } .maincontents div.search-area div.search-input p { display: inline; margin-bottom: 0px; } .maincontents div.search-area div.search-input input.text { margin-right: 0.2em; vertical-align: middle; } .maincontents div.search-area div.search-input input.button { margin-right: 0.5em; vertical-align: middle; } .maincontents div.search-area div.search-select-scope {} .maincontents div.search-area div.search-select-scope input { vertical-align: baseline; } .maincontents h2.search-results-title { margin-bottom: 0.2em; font-size: 108%; font-weight: normal; border-bottom: solid 1px #d2d2d2; } .maincontents h2.search-results-title strong { font-weight: bold; } .maincontents h2.search-results-title span.label { margin-right: 2em; } .maincontents div.search-results { margin-bottom: 1.75em; } .maincontents div.search-results div.frm-bg h3 { margin-bottom: 0.5em; } .maincontents div.search-results div.frm-bg h4 { margin-bottom: 0.5em; font-size: 108%; } .maincontents div.search-results div.result { margin-bottom: 1.7em; } .maincontents div.search-results div.result.indent { margin-left: 5em; } .maincontents div.search-results div.result h3 { font-weight: normal; margin-bottom: 0.2em; } .maincontents div.search-results div.result p { margin-bottom: 0px; padding-left: 0px; } .maincontents div.search-results div.result p.sub { font-size: 93%; } .maincontents div.search-results div.result p.sub span.host-info { color: #008000; } strong.icon_pdf { display: inline; background: #cc0033; color: #ffffff; margin: 0px 2px 0px 0px; padding: 1px 3px; font-weight: bold; font-size: 88%; } .maincontents strong.icon_pdf a:link { text-decoration: none; color: #ffffff; } .maincontents strong.icon_pdf a:visited { text-decoration: none; color: #ffffff; } .maincontents strong.icon_pdf a:active { text-decoration: none; color: #ffffff; } .maincontents strong.icon_pdf a:hover { text-decoration: none; color: #ffffff; } .maincontents a strong.icon_pdf { text-decoration: none; color: #ffffff; } strong.icon_compression { display: inline; background: #666666; color: #ffffff; margin: 0px 2px 0px 0px; padding: 1px 3px; font-weight: bold; font-size: 88%; } .maincontents strong.icon_compression a:link { text-decoration: none; color: #ffffff; } .maincontents strong.icon_compression a:visited { text-decoration: none; color: #ffffff; } .maincontents strong.icon_compression a:active { text-decoration: none; color: #ffffff; } .maincontents strong.icon_compression a:hover { text-decoration: none; color: #ffffff; } .maincontents a strong.icon_compression { text-decoration: none; color: #ffffff; } /* Ajax Object Base ---------------------------------------------------------------------------------------------------------------------*/ /* (1) News Ticker Base ------------------------------------------------- */ #rownews { position: relative; width: 980px; background: url(i/ajax/newsticker/news-bg.png) no-repeat left bottom; padding-bottom: 6px; margin-bottom: 15px; } /* Hides from IE-mac \*/ * html #news { height: 1%; } #rownews { display: block; } /* End hides from IE-mac \*/ #rownewsinner { float: left; padding: 0; width: 980px; background: #484848 url(i/ajax/newsticker/news-shadow.jpg) no-repeat left top; } #rownewsinner2 { float: left; padding: 8px 14px 0 9px; } #rownews a:link, #rownews a:visited, #rownews a:active { color: #ffffff; } #rownews h2 { float: left; width: 65px; font-weight: bold; font-size: 93%; line-height: 1.5; margin: 0 10px 0 0; padding: 0; } #rownews .playpause { width: 18px; position: absolute; cursor: pointer; } #rownews .playpause p { width: 18px; height: 17px; margin: 0; padding: 0; line-height: 1; } #rownews #rownews-list { float: left; width: 850px; } #rownews .datelist2col { width: 800px; list-style: none; margin: 0; padding: 0 0 0 30px; color: #ffffff; } * html #rownews .datelist2col { width: 830px; } #rownews .datelist2col li { clear: left; margin: 0; padding: 0; background: none; } #rownews .datelist2col dl { margin: 0; padding: 0; } #rownews .datelist2col dt { width: 150px; line-height: 1.5; background: #484848; } #bodyarea #rownews .datelist2col dd { line-height: 1.5; background: #484848; margin-right: 0; } #rownews p#rss { position: absolute; right: 0; top: 0; width: 20px; height: 20px; float: right; margin: 7px 10px 0 0; padding: 0; } /* (2) Accordion Base --------------------------------------------*/ div.accd1span { width: 184px; padding-bottom: 2em; } div.accd2span { width: 383px; padding-bottom: 2em; } div.accd3span { width: 582px; padding-bottom: 2em; } div.accd4span { width: 781px; padding-bottom: 2em; } div.accd5span { width: 980px; padding-bottom: 2em; } div.accd1span div.accdsection { width: 184px; } div.accd2span div.accdsection { width: 383px; } div.accd3span div.accdsection { width: 582px; } div.accd4span div.accdsection { width: 781px; } div.accd5span div.accdsection { width: 980px; } div.accd1span div.accdsection .heading { background: url(i/ajax/accordion/tab-bg-1col.png) no-repeat left top; } div.accd2span div.accdsection .heading { background: url(i/ajax/accordion/tab-bg-2col.png) no-repeat left top; } div.accd3span div.accdsection .heading { background: url(i/ajax/accordion/tab-bg-3col.png) no-repeat left top; } div.accd4span div.accdsection .heading { background: url(i/ajax/accordion/tab-bg-4col.png) no-repeat left top; } div.accd5span div.accdsection .heading { background: url(i/ajax/accordion/tab-bg-5col.png) no-repeat left top; } div.accdsection .heading { padding: 0 1px; min-height: 38px; } div.accdsection .heading .innerblock { border-top: 1px solid #dddddd; border-bottom: 1px solid #ffffff; position: relative; } *html div.accdsection .heading .innerblock { position: static; } div.accdsection .content .innerframe .innerblock .inside-box .togglebox { margin-bottom: 0px; padding-bottom: 0; } div.accdsection .heading p.rss { position: absolute; top: 0; right: 0; padding-top: 0.6em; margin-right: 33px; font-size: 100%; } *:first-child+html div.accdsection .heading p.rss { padding-top: 1.0em; } *html div.accdsection .heading p.rss { padding-top: 0.9em; } div.accdsection .heading p.rss a img { vertical-align: middle; } div.accd1span div.accdsection.first .heading { background: url(i/ajax/accordion/tab-top-bg-1col.png) no-repeat left top; } div.accd2span div.accdsection.first .heading { background: url(i/ajax/accordion/tab-top-bg-2col.png) no-repeat left top; } div.accd3span div.accdsection.first .heading { background: url(i/ajax/accordion/tab-top-bg-3col.png) no-repeat left top; } div.accd4span div.accdsection.first .heading { background: url(i/ajax/accordion/tab-top-bg-4col.png) no-repeat left top; } div.accd5span div.accdsection.first .heading { background: url(i/ajax/accordion/tab-top-bg-5col.png) no-repeat left top; } div.accdsection.first .heading .innerblock { border-top: none; } div.accd1span div.accdsection.last .heading { border-bottom: none; background: url(i/ajax/accordion/tab-bg-1col.png) no-repeat left top; } div.accd2span div.accdsection.last .heading { border-bottom: none; background: url(i/ajax/accordion/tab-bg-2col.png) no-repeat left top; } div.accd3span div.accdsection.last .heading { border-bottom: none; background: url(i/ajax/accordion/tab-bg-3col.png) no-repeat left top; } div.accd4span div.accdsection.last .heading { border-bottom: none; background: url(i/ajax/accordion/tab-bg-4col.png) no-repeat left top; } div.accd5span div.accdsection.last .heading { border-bottom: none; background: url(i/ajax/accordion/tab-bg-5col.png) no-repeat left top; } div.accdsection.last .heading .innerblock { border-bottom: 1px solid #ffffff; } div.accd1span div.accdsection.last .heading.accordion-open { border-bottom: none; background: url(i/ajax/accordion/tab-bg-1col.png) no-repeat left top !important; } div.accd2span div.accdsection.last .heading.accordion-open { border-bottom: none; background: url(i/ajax/accordion/tab-bg-2col.png) no-repeat left top !important; } div.accd3span div.accdsection.last .heading.accordion-open { border-bottom: none; background: url(i/ajax/accordion/tab-bg-3col.png) no-repeat left top !important; } div.accd4span div.accdsection.last .heading.accordion-open { border-bottom: none; background: url(i/ajax/accordion/tab-bg-4col.png) no-repeat left top !important; } div.accd5span div.accdsection.last .heading.accordion-open { border-bottom: none; background: url(i/ajax/accordion/tab-bg-5col.png) no-repeat left top !important; } div.accdsection .heading h2 { padding: 14px 30px 14px 10px; _padding: 14px 30px 13px 10px; margin: 0 10px 0px 0; color: #555555; font-size: 108%; line-height: 1; } .js div.accdsection .heading h2 { background: url(i/ajax/accordion/icon-accordion_headings-close.gif) no-repeat right center; } div.accdsection .heading h3 { padding: 14px 30px 14px 10px; _padding: 14px 30px 13px 10px; margin: 0 10px 0 0; color: #555555; font-size: 108%; line-height: 1; } .js div.accdsection .heading h3 { margin: 0 10px 0 0; background: url(i/ajax/accordion/icon-accordion_headings-close.gif) no-repeat right center; color: #555555; font-size: 108%; line-height: 1; } div.accdsection .heading h4 { padding: 14px 30px 14px 10px; margin: 0 10px 0 0; background: url(i/ajax/accordion/icon-accordion_headings-close.gif) no-repeat right center; color: #555555; font-size: 108%; line-height: 1; } div.accdsection .heading h5 { padding: 14px 30px 14px 10px; margin: 0 10px 0 0; background: url(i/ajax/accordion/icon-accordion_headings-close.gif) no-repeat right center; color: #555555; font-size: 108%; line-height: 1; } div.accdsection .heading h6 { padding: 14px 30px 14px 10px; margin: 0 10px 0 0; background: url(i/ajax/accordion/icon-accordion_headings-close.gif) no-repeat right center; color: #555555; font-size: 108%; line-height: 1; } * html div.accdsection .heading h2 { zoom: 1; } * html div.accdsection .heading h3 { zoom: 1; } * html div.accdsection .heading h4 { zoom: 1; } * html div.accdsection .heading h5 { zoom: 1; } * html div.accdsection .heading h6 { zoom: 1; } div.accdsection .heading.accordion-open h2 { background: none; } div.accdsection .heading.accordion-open h3 { background: none; } div.accdsection .heading.accordion-open h4 { background: none; } div.accdsection .heading.accordion-open h5 { background: none; } div.accdsection .heading.accordion-open h6 { background: none; } div.accd1span div.accdsection .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion_child-bg-1col.gif) repeat-y left top; line-height: 1; padding: 0; zoom: 1; } div.accd2span div.accdsection .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion_child-bg-2col.gif) repeat-y left top; line-height: 1; padding: 0; zoom: 1; } div.accd3span div.accdsection .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion_child-bg-3col.gif) repeat-y left top; line-height: 1; padding: 0; zoom: 1; } div.accd4span div.accdsection .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion_child-bg-4col.gif) repeat-y left top; line-height: 1; padding: 0; zoom: 1; } div.accd5span div.accdsection .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion_child-bg-5col.gif) repeat-y left top; line-height: 1; padding: 0; zoom: 1; } div.accd1span div.accdsection.last .content .innerframe { background: transparent url(i/ajax/accordion/accordion-bottom-bg-1col.png) no-repeat left bottom; padding-bottom: 8px; } div.accd2span div.accdsection.last .content .innerframe { background: transparent url(i/ajax/accordion/accordion-bottom-bg-2col.png) no-repeat left bottom; padding-bottom: 8px; } div.accd3span div.accdsection.last .content .innerframe { background: transparent url(i/ajax/accordion/accordion-bottom-bg-3col.png) no-repeat left bottom; padding-bottom: 8px; } div.accd4span div.accdsection.last .content .innerframe { background: transparent url(i/ajax/accordion/accordion-bottom-bg-4col.png) no-repeat left bottom; padding-bottom: 8px; } div.accd5span div.accdsection.last .content .innerframe { background: transparent url(i/ajax/accordion/accordion-bottom-bg-5col.png) no-repeat left bottom; padding-bottom: 8px; } * html div.accd1span div.accdsection.last .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion-bottom-bg-1col.png) no-repeat left 101%; } * html div.accd2span div.accdsection.last .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion-bottom-bg-2col.png) no-repeat left 101%; } * html div.accd3span div.accdsection.last .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion-bottom-bg-3col.png) no-repeat left 101%; } * html div.accd4span div.accdsection.last .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion-bottom-bg-4col.png) no-repeat left 101%; } * html div.accd5span div.accdsection.last .content .innerframe { background: #ffffff url(i/ajax/accordion/accordion-bottom-bg-5col.png) no-repeat left 101%; } div.accdsection .content .innerframe { border-top: 1px solid #dddddd; } div.accdsection.last .content .innerframe .innerblock { background: #ffffff; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; border-bottom: 1px solid transparent; } * html div.accdsection.last .content .innerframe .innerblock { border-bottom: none; } div.accdsection .innerframe ul.inside-box { list-style: none; padding: 0; margin: 0; font-size: 108%; } div.accdsection .innerframe ul.inside-box h2 { font-size: 100%; } div.accdsection .innerframe ul.inside-box h3 { font-size: 100%; } div.accdsection .innerframe ul.inside-box h4 { font-size: 100%; } div.accdsection .innerframe ul.inside-box h5 { font-size: 100%; } div.accdsection .innerframe ul.inside-box h6 { font-size: 100%; } div.accdsection .innerframe ul.inside-box li { border-top: 1px solid #dddddd; padding: 16px 10px; line-height: 1.5; margin: 0; zoom: 1; } * html div.accdsection .innerframe ul.inside-box li { margin-top: -1px; } div.accdsection .innerframe ul.inside-box li:first-child { border-top: none; } div.accdsection .innerframe ul.inside-box li li { border-top: none; margin: 0px 0px 0.75em 0px; padding: 0px; line-height: 1.75; } div.accdsection .innerframe div.inside-box { border-top: 1px solid #dddddd; padding: 16px 10px; line-height: 1; margin: 0; } * html div.accdsection .innerframe div.inside-box { margin-top: -1px; } div.accdsection .innerframe div.inside-box h2 { margin-bottom: 0; } div.accdsection .innerframe div.inside-box h3 { margin-bottom: 0; } div.accdsection .innerframe div.inside-box h4 { margin-bottom: 0; } div.accdsection .innerframe div.inside-box h5 { margin-bottom: 0; } div.accdsection .innerframe div.inside-box h6 { margin-bottom: 0; } div.accdsection .innerframe div.inside-box:first-child { border-top: none; } div.accdsection div.moreinfo { clear: both; border-top: 1px solid #dddddd; margin: 0; padding: 4px 10px 6px 10px; } div.accdsection div.inside-box div.moreinfo { border: none; padding: 4px 0 6px 0; } /* (3) Generic Dropdown Base --------------------------------------------*/ /* (4) Dropdown in CountrySelector Base --------------------------------------------*/ /* (5) Tab Base --------------------------------------------*/ /* (6) Toggle Base --------------------------------------------*/ /* (ex) for manual & assetinfo -------------------------------------------------------- */ div.assetinfo { text-align: left; font-size: 108%; } div.frm-bg-man { position: relative; border: solid 1px #99cc99; margin-top: 8px; background: #eeffee; } div.frm-bg-man h2.bg010 { background: #ccffcc; } div.frm-bg-man pre { font-size: 90%; } div.frm-bg-man strong.man { font-weight: normal; color: #009900; } div.frm-bg-man em { font-weight: normal; font-style: normal; color: #cc0066; } div.frm-bg-man2 { position: relative; border: solid 1px #cccc99; margin-top: 8px; background: #ffffee; } div.frm-bg-man2 h2.bg010 { background: #ffffcc; } div.frm-bg-man2 pre { font-size: 90%; } div.frm-bg-man2 strong.man { font-weight: normal; color: #cc6600; } div.frm-bg-man2 em { font-weight: normal; font-style: normal; color: #cc0066; } div.frm-bg-man3 { position: relative; border: solid 1px #cc99cc; margin-top: 8px; background: #ffeeff; } div.frm-bg-man3 h2.bg010 { background: #ffccff; } div.frm-bg-man3 pre { font-size: 90%; } div.frm-bg-man3 strong.man { font-weight: normal; color: #990099; } strong.man { font-weight: normal; color: #009900; } div.contentsarea p.prop { margin-top: 2em; text-align: right; } div.contentsarea p.prop strong { display: inline; border: solid #99cc99 1px; background: #eeffee; margin: 0px 2px; padding: 1px 1px 0px 1px; font-weight: normal; } div.contentsarea strong.opt { display: inline; border: solid #cccc00 1px; background: #ffff00; color: #cc6600; margin: 0px 2px; padding: 1px 1px 0px 1px; font-weight: bold; font-size: 80%; } /* For Dropdown of Country Selector */ /* Constructure */ .headertop div.dd-country-selector { position: relative; } * html .headertop div.dd-country-selector { z-index: 1; } *:first-child+html .headertop div.dd-country-selector { z-index: 1; } .headertop div.dd-country-selector ul.dropdown-box { z-index: 1; float: left; left: 8px; top: 1em; margin: 0px; width: 140px; padding: 0; font-size: 93%; text-align: left; border-bottom: 1px solid #aaaaaa; zoom: 1; } .headertop div.dd-country-selector li { z-index: 0; line-height: 1.2; list-style: none; display: block; margin: 0; padding: 6px 14px 6px 10px; background: #f3f3f3; color: #000000; border-style: solid; border-width: 1px 1px 0 1px; border-color: #aaaaaa; cursor: pointer; zoom: 1; } .headertop div.dd-country-selector li ul { list-style: none; display: none; top: -1px; padding: 0; border-bottom: 1px solid #aaaaaa; zoom: 1; } /*<-- doropdown.js : This Element inherit the width of the parent UL element. */ /* If menu is secondary */ .headertop div.dd-country-selector li li { list-style: none; margin-bottom: 0px; padding: 0px; border-top: none; } .headertop div.dd-country-selector li li a { border-top: 1px solid #aaaaaa; display: block; padding: 6px 14px 6px 10px; } /* If menu has children */ .headertop div.dd-country-selector li.has_children { background-image: url(i/arrows/dropdown-list-arrow.gif); background-repeat: no-repeat; background-position: 98% 50%; } /* If menu has selected */ .headertop div.dd-country-selector li.selected { background: #555555; color: #ffffff !important; } .headertop div.dd-country-selector li.selected li { background: #f3f3f3 url(i/arrows/dropdown-list-arrow.gif) no-repeat 98% center; color: #000000; zoom: 1; } .headertop div.dd-country-selector li.selected a { background: #f3f3f3; color: #000000; zoom: 1; } .headertop div.dd-country-selector li.selected ul { width: 140px !important; /* <-- for IE8 dropdown-contryselector.js Bug */ ; margin-left: -8px !important; } .headertop div.dd-country-selector a.selected:link, .headertop div.dd-country-selector a.selected:visited, .headertop div.dd-country-selector a.selected:active, .headertop div.dd-country-selector a.selected:hover { background: #555555; color: #ffffff !important; position: relative; /* <- Bug Fix For Opera10 */ } .headertop div.dd-country-selector li.selected ul { display: block; margin: 0px; padding: 0px; } .headertop div.dd-country-selector li.cchanger-worldwide { padding: 0; } .headertop div.dd-country-selector li.cchanger-worldwide a { color: #000000 !important; display: block; padding: 6px 14px 6px 10px; } .headertop div.dd-country-selector li.cchanger-worldwide a img { vertical-align: middle; margin-left: -3px; margin-top: -2px; } /* Layout in MegaDropdown -----------------*/ #headerbottom div.grid1span { width: 180px; }/* <-- with clearfix class */ #headerbottom div.grid2span { width: 375px; }/* <-- with clearfix class */ * html #headerbottom div.grid2span { margin-right: -1px; }/* <-- with clearfix class */ #headerbottom div.grid3span { width: 570px; }/* <-- with clearfix class */ #headerbottom div.grid4span { width: 765px; }/* <-- with clearfix class */ * html #headerbottom div.grid4span { margin-right: -1px; }/* <-- with clearfix class */ #headerbottom div.grid5span { width: 960px; }/* <-- with clearfix class */ #headerbottom div.col1span { width: 180px; float: left; margin-right: 15px; } #headerbottom div.col2span { width: 375px; float: left; margin-right: 15px; } #headerbottom div.col3span { width: 570px; float: left; margin-right: 15px; } #headerbottom div.col4span { width: 765px; float: left; margin-right: 15px; } #headerbottom div.lastcol { margin-right: 0px; } /* MegaDropDown insert styles -----------------*/ #headerbottom li.glbnavlist:hover a.glbnavtitle { display: block; float: left; padding: 6px 0px 5px 0px; border: none; background: none; margin-left: 0; } #headerbottom li.glbnavlist:hover a.glbnavtitle span { border-left: 1px solid #ffffff; border-right: 1px solid #999999; } #headerbottom li.glbnavlist.first:hover a.glbnavtitle { background: none; padding: 6px 0px 7px 0px; border: none; margin-left: 0; } #headerbottom li.glbnavlist.first:hover a.glbnavtitle span { border-left: none; border-right: 1px solid #999999; } * html #headerbottom li.glbnavlist a.glbnavtitle:hover { display: block; float: left; padding: 6px 0px 7px 0px; border: none; background: none; margin-left: 0; margin-right: -1px; } * html #headerbottom li.glbnavlist a.glbnavtitle:hover span { border-left: 1px solid #ffffff; border-right: 1px solid #999999; } * html #headerbottom li.glbnavlist.first a.glbnavtitle:hover { background: none; padding: 6px 1px 7px 0px; border: none; margin-left: 0; } * html #headerbottom li.glbnavlist.first a.glbnavtitle:hover span { border-left: none; border-right: 1px solid #999999; } #headerbottom li.glbnavlist div.hidemenu { display: none; position: absolute; top: 0; left: 0; font-weight: normal; margin: 0; padding: 0; margin-bottom: 15px; width: 1px; z-index: 1000; background: none; overflow: visible; } #headerbottom li.glbnavlist div.hidemenu a.glbnavtitle { display: block; position: relative; float: left; padding: 6px 0 10px 1px; margin: 0 0 0 -1px; overflow: visible; border: 1px solid #b8b8b8; border-bottom: none; background: #ffffff url(i/mainnav-back-btnover.png) repeat-x left top; cursor: pointer; white-space: nowrap; } #headerbottom li.glbnavlist div.hidemenu a.glbnavtitle span { border: none; } * html #headerbottom li.glbnavlist div.hidemenu a.glbnavtitle { padding: 6px 1px 10px 0px; margin-left: -1px; overflow: visible; cursor: pointer; word-break: keep-all; } * html #headerbottom li.glbnavlist div.hidemenu a.glbnavtitle:hover { padding: 6px 1px 10px 0px; margin-left: -1px; overflow: visible; border: 1px solid #b8b8b8; border-bottom: none; background: #ffffff url(i/mainnav-back-btnover.png) repeat-x left top; cursor: pointer; word-break: keep-all; } * html #headerbottom li.glbnavlist div.hidemenu a.glbnavtitle:hover span { border: none; } #headerbottom li.glbnavlist.first div.hidemenu a.glbnavtitle { display: block; float: left; padding: 6px 0px 10px 0px; margin: 0; margin-left: -1px; overflow: visible; border: 1px solid #b8b8b8; border-bottom: none; background: #ffffff url(i/mainnav-back-btnover.png) repeat-x left top; } #headerbottom li.glbnavlist.first div.hidemenu a.glbnavtitle span { border: none; } * html #headerbottom li.glbnavlist.first div.hidemenu a.glbnavtitle { padding-right: 0px; margin-left: -1px; } * html #headerbottom li.glbnavlist.first div.hidemenu a.glbnavtitle:hover { margin-left: -1px; padding-right: 0; overflow: visible; border: 1px solid #b8b8b8; border-bottom: none; background: #ffffff url(i/mainnav-back-btnover.png) repeat-x left top; } #headerbottom div.hidemenu div.hidemenuwrapper { margin-top: -1px; margin-left: -1px; clear: left; float: left; font-size: 86%; } body.double #headerbottom div.hidemenu div.hidemenuwrapper { font-size: 86%; } * html #headerbottom div.hidemenu div.hidemenuwrapper { float: left; display: inline; } #headerbottom div.hidemenu div.hidemenuwrapper ul { padding-left: 0; } #headerbottom div.hidemenu div.hidemenuwrapper ul li { padding-left: 24px; background: url(i/li_dot_lv1.gif) no-repeat 6px 0.5em; } #headerbottom div.hidemenu div.hidemenubg { float: left; margin-left: -10px; margin-right: -10px; padding: 0 9px; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; background: #ffffff; } * html #headerbottom div.hidemenu div.hidemenubg { position: relative; zoom: 1; } #headerbottom div.hidemenu div.hidemenu-right-bottom{ padding-bottom: 20px; padding-right: 10px; margin-bottom: 0px; margin-right: -10px; overflow: visible; background: transparent url(i/ajax/megadropdown/dropdown-back-right-bottom.png) no-repeat right bottom; } #headerbottom div.hidemenu div.hidemenu-left-bottom{ margin-left: -10px; margin-right: 10px; padding-left: 10px; overflow: visible; background: transparent url(i/ajax/megadropdown/dropdown-back-left-bottom.png) no-repeat left bottom; } #headerbottom div.hidemenu div.hidemenu-right-top{ padding-top: 10px; margin-right: -10px; margin-left: 10px; margin-top: -10px; overflow: visible; background: transparent url(i/ajax/megadropdown/dropdown-back-right-top.png) no-repeat right top; } #headerbottom div.hidemenu div.hidemenu-left-top{ padding-top: 10px; margin-right: 10px; overflow: visible; background: transparent url(i/ajax/megadropdown/dropdown-back-left-top.png) no-repeat left top; } * html #headerbottom div.hidemenu div.hidemenu-right-bottom { padding-right: 20px; } #headerbottom p.megaclosebtn { text-align: right; } /* For Dropdown in MegaDrop -----------------*/ #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box { list-style: none; margin: 0; padding: 0; } #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li { color: #444444; margin: 0px; padding: 0px; background: none; cursor: pointer; border-bottom: 1px solid #e8e8e8; zoom: 1; } #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li a { display: block; margin: 0px; padding: 2px 16px 2px 0px; zoom: 1; } #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li span { display: block; margin: 0px; padding: 2px 16px 2px 0px; zoom: 1; } *:first-child+html #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li a { display: inline-block; } * html #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li a { display: inline-block; width: 100%; } *:first-child+html #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li span { display: inline-block; } * html #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li span { display: inline-block; width: 100%; } #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li ul { list-style: none; display: none; position: absolute; top: 0px; left: 100%; margin: 0px; padding: 0px; border-bottom: solid 1px #aaaaaa; zoom: 1; z-index: 1003; } #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li.right ul { left: -100%; } #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li.bottom ul { } /* If menu is secondary */ #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li li { list-style: none; margin-bottom: 0px; padding: 0px; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #aaaaaa; background-color: #f3f3f3; } #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li li a { padding-left: 4px; } #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li li span { padding-left: 4px; } /* If menu has children */ #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li.has_children { background-image: url(i/arrows/dropdown-list-arrow.gif); background-repeat: no-repeat; background-position: 98% 50%; } /* If menu has selected */ #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li.selected, #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box a.selected:link, #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box a.selected:visited, #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box a.selected:active, #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box a.selected:hover { background: #555555; color: #ffffff !important; } #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li.selected ul { display: block; } /* If menu has out of focus */ #headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li.hidden ul { display: none; } /*---------------- Initialize font-size ----------------*/ #bodyarea.home .maincontents { font-size: 100%; } #bodyarea.home .maincontents p, #bodyarea.home .maincontents ul, #bodyarea.home .maincontents ol, #bodyarea.home .maincontents dl, #bodyarea.home .maincontents th, #bodyarea.home .maincontents td, #bodyarea.home .maincontents caption, #bodyarea.home .maincontents address, #bodyarea.home .maincontents blockquote, #bodyarea.home .maincontents pre, #bodyarea.home .maincontents legend, #bodyarea.home .maincontents code { font-size: 93%; } #bodyarea.home .maincontents h1 { font-size: 100%; } #bodyarea.home .maincontents h2 { font-size: 100%; } #bodyarea.home .maincontents h3 { font-size: 100%; } #bodyarea.home .maincontents h4, #bodyarea.home .maincontents h5, #bodyarea.home .maincontents h6 { font-size: 100%; } body.double #bodyarea.home .maincontents h1 { font-size: 93%; } body.double #bodyarea.home .maincontents h2 { font-size: 93%; } body.double #bodyarea.home .maincontents h3 { font-size: 93%; } body.double #bodyarea.home .maincontents h4, #bodyarea.home .maincontents h5, #bodyarea.home .maincontents h6 { font-size: 93%; } * html #bodyarea.home .maincontents table { font-size: 100%; } p.textsmall, ul.textsmall, li.textsmall, ol.textsmall, dl.textsmall, dt.textsmall, dd.textsmall, tr.textsmall, th.textsmall, td.textsmall, caption.textsmall, address.textsmall, blockquote.textsmall, pre.textsmall, legend.textsmall { font-size: 93%; } div.textsmall, span.textsmall, strong.textsmall, em.textsmall, q.textsmall, a.textsmall { font-size: 93%; } *:first-child+html body.double .maincontents #offering span.textsmall { font-size: 76%; } * html body.double .maincontents #offering span.textsmall { font-size: 76%; } /*---------------- reset recurse font-size ----------------*/ #bodyarea.home .maincontents li li, #bodyarea.home .maincontentsdd li, #bodyarea.home .maincontents td li, #bodyarea.home .maincontents address li, #bodyarea.home .maincontents blockquote li { font-size: 100%; } #bodyarea.home .maincontents li ul, #bodyarea.home .maincontents li ol, #bodyarea.home .maincontents li dl, #bodyarea.home .maincontents li th, #bodyarea.home .maincontents li th, #bodyarea.home .maincontents li caption, #bodyarea.home .maincontents li h1, #bodyarea.home .maincontents li h2, #bodyarea.home .maincontents li h3, #bodyarea.home .maincontents li h4, #bodyarea.home .maincontents li h5, #bodyarea.home .maincontents li h6, #bodyarea.home .maincontents li p, #bodyarea.home .maincontents li pre, #bodyarea.home .maincontents li form { font-size: 100%; } #bodyarea.home .maincontents dt ul, #bodyarea.home .maincontents dt ol, #bodyarea.home .maincontents dt dl, #bodyarea.home .maincontents dt h1, #bodyarea.home .maincontents dt h2, #bodyarea.home .maincontents dt h3, #bodyarea.home .maincontents dt h4, #bodyarea.home .maincontents dt h5, #bodyarea.home .maincontents dt h6, #bodyarea.home .maincontents dt p, #bodyarea.home .maincontents dt form { font-size: 100%; } #bodyarea.home .maincontents dd ul, #bodyarea.home .maincontents dd ol, #bodyarea.home .maincontents dd dl, #bodyarea.home .maincontents dd th, #bodyarea.home .maincontents dd td, #bodyarea.home .maincontents dd caption, #bodyarea.home .maincontents dd h1, #bodyarea.home .maincontents dd h2, #bodyarea.home .maincontents dd h3, #bodyarea.home .maincontents dd h4, #bodyarea.home .maincontents dd h5, #bodyarea.home .maincontents dd h6, #bodyarea.home .maincontents dd p, #bodyarea.home .maincontents dd pre, #bodyarea.home .maincontents dd form { font-size: 100%; } #bodyarea.home .maincontents td ul, #bodyarea.home .maincontents td ol, #bodyarea.home .maincontents td dl, #bodyarea.home .maincontents td h1, #bodyarea.home .maincontents td h2, #bodyarea.home .maincontents td h3, #bodyarea.home .maincontents td h4, #bodyarea.home .maincontents td h5, #bodyarea.home .maincontents td h6, #bodyarea.home .maincontents td p, #bodyarea.home .maincontents td pre, #bodyarea.home .maincontents td form { font-size: 100%; } #bodyarea.home .maincontents address ul, #bodyarea.home .maincontents address ol, #bodyarea.home .maincontents address dl, #bodyarea.home .maincontents address th, #bodyarea.home .maincontents address h1, #bodyarea.home .maincontents address h2, #bodyarea.home .maincontents address h3, #bodyarea.home .maincontents address h4, #bodyarea.home .maincontents address h5, #bodyarea.home .maincontents address h6, #bodyarea.home .maincontents address p { font-size: 100%; } #bodyarea.home .maincontents blockquote ul, #bodyarea.home .maincontents blockquote ol, #bodyarea.home .maincontents blockquote dl, #bodyarea.home .maincontents blockquote h1, #bodyarea.home .maincontents blockquote h2, #bodyarea.home .maincontents blockquote h3, #bodyarea.home .maincontents blockquote h4, #bodyarea.home .maincontents blockquote h5, #bodyarea.home .maincontents blockquote h6, #bodyarea.home .maincontents blockquote p { font-size: 100%; } #bodyarea.home .maincontents p textarea, #bodyarea.home .maincontents li textarea, #bodyarea.home .maincontents dd textarea, #bodyarea.home .maincontents td textarea { font-size: 100%; } #bodyarea.home .maincontents pre code { font-size: 100%; } /*---------------- elements form controll (margin, padding, line-height...) ----------------*/ #bodyarea.home .maincontents hr { margin: 0px 0px 0.5em 0px; padding: 0px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: #cccccc; } #bodyarea.home .maincontents dl { margin-bottom: 1.5em; } #bodyarea.home .maincontents dt { line-height: 1.5; } #bodyarea.home .maincontents dd { line-height: 1.3; padding: 0 10px 0 21px;} #bodyarea.home .maincontents dd dl { margin: 0px 0px 1.5em 0px; padding: 0.5em 0px 0px 0.75em; } #bodyarea.home .maincontents table { margin: 0px 0px 1.5em 0px; } #bodyarea.home .maincontents caption {} #bodyarea.home .maincontents th {} #bodyarea.home .maincontents td {} /*---------------- Initialize another each object ----------------*/ #bodyarea.home .maincontents div.tabbox { font-size: 86%; } #bodyarea.home .maincontents div.tabbox .textsmall { font-size: 108%; } #bodyarea.home .maincontents div.tabbox div.moreinfo p { font-size: 108%; } #bodyarea.home .maincontents div.accdsection .heading h2 { font-size: 100% !important; } #bodyarea.home .maincontents div.accdsection .heading h3 { font-size: 100% !important; } #bodyarea.home .maincontents div.accdsection .heading h4 { font-size: 100% !important; } #bodyarea.home .maincontents div.accdsection .heading h5 { font-size: 100% !important; } #bodyarea.home .maincontents div.accdsection .heading h6 { font-size: 100% !important; } body.double #bodyarea.home .maincontents div.accdsection .heading h2 { font-size: 93% !important; } body.double #bodyarea.home .maincontents div.accdsection .heading h3 { font-size: 93% !important; } body.double #bodyarea.home .maincontents div.accdsection .heading h4 { font-size: 93% !important; } body.double #bodyarea.home .maincontents div.accdsection .heading h5 { font-size: 93% !important; } body.double #bodyarea.home .maincontents div.accdsection .heading h6 { font-size: 93% !important; } #bodyarea.home .maincontents div.accdsection .innerframe ul.inside-box { font-size: 93% !important; } /* (1) page format -------------------------------------------------------- */ /* home fixed */ #bodyarea.home { color: #444444; } /* home only */ #wrapper { width: 100%; background: url(i/home/home-bottom-bg.gif) repeat-x left bottom; } #container { width: 100%; background: url(i/home/contents-bg.png) no-repeat center top; } .bodyarea { padding-bottom: 15px; } #bodyarea.home .contentsarea { width: 980px; } #bodyarea.home #bodyarea.home .maincontents { width: 980px; } #bodyarea.home .maincontents #rownews { clear: left; margin-top: -14px; } #bodyarea.home .maincontents div.accd1span, #bodyarea.home .maincontents div.accd2span, #bodyarea.home .maincontents div.accd3span, #bodyarea.home .maincontents div.accd4span, #bodyarea.home .maincontents div.accd5span { padding-bottom: 15px !important; } #bodyarea.home .maincontents div.accd1span ul.inside-box li, #bodyarea.home .maincontents div.accd2span ul.inside-box li, #bodyarea.home .maincontents div.accd3span ul.inside-box li, #bodyarea.home .maincontents div.accd4span ul.inside-box li, #bodyarea.home .maincontents div.accd5span ul.inside-box li { background: none; } #bodyarea.home .maincontents div.frm-grd { margin-bottom: 15px; } #bodyarea.home .maincontents div.frm-grd div.innerblock { padding: 8px 8px 0px 8px; } #bodyarea.home .maincontents div.frm-grd div.highlight_v { padding: 3px 8px 0px 8px !important; } /* <-- This is className on boxrounded.js. for IE & Opera */ #bodyarea.home .maincontents div.frm-bg.title { margin-bottom: 7px; } #bodyarea.home .maincontents div.frm-bg.title div.innerblock { padding: 10px; } #bodyarea.home .maincontents div.frm-bg.title div.highlight_v { padding: 4px 10px 10px 10px !important; } /* <-- This is className on boxrounded.js. for IE & Opera */ #bodyarea.home .maincontents div.frm-bg.title div.innerblock h2 { margin-bottom: 0; } #bodyarea.home .maincontents div.frm-bg.title div.innerblock h3 { margin-bottom: 0; } #bodyarea.home .maincontents div.frm-bg.title div.innerblock h4 { margin-bottom: 0; } #bodyarea.home .maincontents div.frm-bg.title div.innerblock h5 { margin-bottom: 0; } #bodyarea.home .maincontents div.frm-bg.title div.innerblock h6 { margin-bottom: 0; } #bodyarea.home .maincontents div.home-banner { margin-bottom: 15px; } #bodyarea.home .maincontents div.home-banner p { padding: 0; margin-bottom: 0; line-height: 1; } #bodyarea.home .maincontents div.home-banner p img { vertical-align: baseline; } .pickup-shortlead div.highlight_v { padding: 3px 8px 0 8px !important; } .pickup-shortlead h2 { padding: 0; margin-bottom: 8px; } .pickup-shortlead h3 { padding: 0; margin-bottom: 3px; font-weight: normal; } .pickup-shortlead p { margin: 0; } .pickup-shortlead img { margin: 0; } .pickup-shortlead img.alignleft { margin: 0 5px 5px 0; } .pickup-shortlead img.alignright { margin: 0 0 5px 5px; } .pickup-shortlead img { margin-bottom: 5px; } .pickup-shortlead div.moreinfo p img { margin-left: 5px; margin-bottom: 0; border: none; } #bodyarea.home .maincontents div.tabnav .tablist li { padding: 0; margin: 0px 10px 0px 0px; } .maincontents div.tabnav .tablist li a:focus { /*outline:none;*/ } #bodyarea.home .maincontents div.tabnav div.content div.next-prev ul li { padding: 0; background: none; } #bodyarea.home .maincontents ul.togglebox { padding-left: 0 !important; } #bodyarea.home .maincontents img.rss { vertical-align: middle; margin-top: -0.15em; margin-left: 0.5em; } * html #bodyarea.home .maincontents img.rss { margin-top: -0.25em; } *:first-child+html #bodyarea.home .maincontents img.rss { margin-top: -0.1em; } /* For Feature Story in Home Page*/ #featurestory { clear: both; margin-bottom: 15px; } #featurestory p { margin: 0 0 1px 0; line-height: 0; } #featurestory Object { margin: 0; } #bodyarea.home .maincontents div.frm-grd #featurestory { margin-bottom: 15px; } #featurestory p.altmsg { line-height: 1.5; } #featurestory ul.alternativecontent li { border-top: 1px solid #e8e8e8; padding: 5px 0 0; background: none; margin-bottom:5px; } #featurestory ul.alternativecontent li a img { margin: 0 5px 0 0; } #featurestory ul.alternativecontent { padding-left:0; margin: 0 0 0.84em; } #featurestory { font-weight:normal; } /* ACC */ .featurestory { border:1px solid #bdbdbd; background:#fff repeat-x 0 0 } .featurestory a img {border:0} .featurestory-enabled .featurestory { border:0; width:980px; height:290px; position:relative; z-index:0; -webkit-tap-highlight-color:rgba(0,0,0,0) } .featurestory-enabled .featurestory a,.featurestory-enabled .featurestory a:link,.featurestory-enabled .featurestory a:visited,.featurestory-enabled .featurestory a:hover,.featurestory-enabled .featurestory a:focus,.featurestory-enabled .featurestory a:active { color:#000; text-decoration:none !important } .featurestory-loading { display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:10; background-color:#fff; text-align:center; vertical-align:middle } .featurestory-tablist-root {display:block} .featurestory-enabled .featurestory-tablist-root { padding:0; position:absolute; left:0; bottom:0; z-index:1; width:100%; background:url("i/featurestory-tab-edge.png") no-repeat 100% 0 } * html.featurestory-enabled .featurestory-tablist-root { height:66px; background-image:none; behavior:expression(function(obj) { this.style.behavior = 'none'; var dummyNode = document.createElement('span'); dummyNode.className = 'featurestory-tablist-root-after'; this.appendChild(dummyNode); }.call(this)) } * html.featurestory-enabled .featurestory-tablist-root-after { position:absolute; top:0; right:0; width:49px; height:66px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=i/featurestory-tab-edge.png, sizingMethod=crop ) } .featurestory-tablist-wrapper {display:block} .featurestory-enabled .featurestory-tablist-wrapper { margin:0 49px 0 0; position:relative; background:url("i/featurestory-tab.png") repeat-x 0 0 } * html.featurestory-enabled .featurestory-tablist-wrapper { background-image:none; zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=i/featurestory-tab.png, sizingMethod=scale ) } .featurestory-tablist { margin:0; padding:0; display:block; list-style-type:none } .featurestory-enabled .featurestory-tablist { background:url("i/featurestory-tab-active.png") no-repeat 0 0 } * html.featurestory-enabled .featurestory-tablist { display:block; zoom:1 } .featurestory-tab { margin:0; padding:0; display:block } .featurestory-tab:nth-of-type(n+6) {display:none} .featurestory-tab a { padding:8px; display:block; position:relative; overflow:hidden } .featurestory-enabled .featurestory-tab { float:left; background:url("i/featurestory-tab-border.png") no-repeat 100% 0 } .featurestory-enabled .featurestory-tab a { padding-left:4px; padding-right:6px; width:176px; height:50px } /*.featurestory-enabled .featurestory-tab-first a{padding-left:5px}*/*:first-child+html .featurestory-tab a{cursor:pointer}* html .featurestory-tab a{cursor:pointer}* html.featurestory-enabled .featurestory-tab a{width:186px;height:66px}/** html.featurestory-enabled .featurestory-tab-first a{width:187px}*/ .featurestory-tabpanels-wrapper {display:none} .featurestory-enabled .featurestory-tabpanels-wrapper { display:block; position:relative; z-index:0 } .featurestory-tabpanels { margin:0; padding:0; position:relative; width:980px; height:290px; list-style-type:none } .featurestory-tabpanel { margin:0; padding:0; display:block; position:absolute; top:0; left:0; z-index:0; width:980px; height:290px; background-color:#fff } .featurestory-tabpanel-first {z-index:1} .featurestory-initialized .featurestory-tabpanel-first {z-index:0} .featurestory-initialized .featurestory-tabpanel.active {z-index:1} .featurestory-initialized .featurestory-tabpanel.hidding {z-index:2} .featurestory-initialized .featurestory-tabpanel.showing {z-index:3} .featurestory-tabpanel a,.featurestory-tabpanel img {display:block} .featurestory-img-text { display:block; line-height:1.5; overflow:hidden; font-family:"Arial","ＭＳ Ｐゴシック","MS Gothic",sans-serif; letter-spacing:0 } .featurestory-img-text-img { margin:0 5px 0 0; padding:0 1px 2px 1px; display:block; float:left; background:url("i/featurestory-tab-img-shadow.png") no-repeat 0 0 } .featurestory-img-text-text { display:block; overflow:hidden; position:relative; top:-0.2em; height:4.5em } @media \0screen { .featurestory-img-text-text {top:-0.2em} } *:first-child+html .featurestory-img-text-text { top:-0.2em; letter-spacing:0px; zoom:1 } * html .featurestory-img-text-img { margin-right:4px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=i/featurestory-tab-img-shadow.png, sizingMethod=crop ) } * html .featurestory-img-text-text { top:-0.2em; letter-spacing:0px; zoom:1 } .featurestory-control:after,.featurestory-tablist:after { content:" "; display:block; height:0; overflow:hidden; clear:both } *:first-child+html .featurestory-control,*:first-child+html .featurestory-tablist {zoom:1} * html .featurestory-control,* html .featurestory-tablist {zoom:1} #offering { position: relative; width: 980px; z-index: 5000; } #offering div.grid1span { width: 180px; }/* <-- with clearfix class */ #offering div.grid2span { width: 375px; }/* <-- with clearfix class */ #offering div.grid3span { width: 570px; }/* <-- with clearfix class */ #offering div.grid4span { width: 765px; }/* <-- with clearfix class */ #offering div.grid5span { width: 960px; }/* <-- with clearfix class */ #offering div.col1span { width: 180px; float: left; margin-right: 15px; } #offering div.col2span { width: 375px; float: left; margin-right: 15px; } #offering div.col3span { width: 570px; float: left; margin-right: 15px; } #offering div.col4span { width: 765px; float: left; margin-right: 15px; } #offering div.lastcol { margin-right: 0px; } #offering p.offeringthumb { margin: 0; padding: 0; } #offering .offeringtitle { color: #ce0000; font-weight: bold; border-bottom: 1px solid #ce0000; margin-bottom: 0; } #offering .offeringtitle a:link, #offering .offeringtitle a:visited, #offering .offeringtitle a:active { color: #bb0000; text-decoration: none; } #offering .offeringtitle a:hover { text-decoration: underline; } /* For Dropdown in MegaDrop -----------------*/ #offering ul.dropdown-box { list-style: none; padding: 0; } #offering ul.dropdown-box li { color: #444444; margin: 0px; padding: 0px; background: none; cursor: pointer; border-bottom: 1px solid #e8e8e8; zoom: 1; } #offering ul.dropdown-box li a { display: block; margin: 0px; padding: 2px 16px 2px 0px; zoom: 1; } #offering ul.dropdown-box li span { display: block; margin: 0px; padding: 2px 16px 2px 0px; zoom: 1; } *:first-child+html #offering ul.dropdown-box li a { display: inline-block; } * html #offering ul.dropdown-box li a { display: inline-block; width: 100%; } *:first-child+html #offering ul.dropdown-box li span { display: inline-block; } * html #offering ul.dropdown-box li span { display: inline-block; width: 100%; } #offering ul.dropdown-box li ul { list-style: none; display: none; position: absolute; top: 0px; left: 100%; margin: 0px; padding: 0px; border-bottom: solid 1px #aaaaaa; zoom: 1; z-index: 1003; } #offering ul.dropdown-box li.right ul { left: -100%; } #offering ul.dropdown-box li.bottom ul { } /* If menu is secondary */ #offering ul.dropdown-box li li { list-style: none; margin-bottom: 0px; padding: 0px; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #aaaaaa; background-color: #f3f3f3; } #offering ul.dropdown-box li li a { padding-left: 4px; } #offering ul.dropdown-box li li span { padding-left: 4px; } /* If menu has children */ #offering ul.dropdown-box li.has_children { background-image: url(i/arrows/dropdown-list-arrow.gif); background-repeat: no-repeat; background-position: 98% 50%; } /* If menu has selected */ #offering ul.dropdown-box li.selected, #offering ul.dropdown-box a.selected:link, #offering ul.dropdown-box a.selected:visited, #offering ul.dropdown-box a.selected:active, #offering ul.dropdown-box a.selected:hover { background: #555555; color: #ffffff !important; } #offering ul.dropdown-box li.selected ul { display: block; } /* If menu has out of focus */ #offering ul.dropdown-box li.hidden ul { display: none; } #countryselector { margin-bottom : 15px; } /* For NEWS Ticker */ #rownews .datelist2col li { display: none; } #rownews .datelist2col li.show { display: block; } #rownews .playpause { display: block; } #rownews .playpause .btn-newsplay { cursor: pointer; } #rownews .playpause .btn-newspause { cursor: pointer; } /* For Accordion */ .js div.accd1span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-1col.png) no-repeat left bottom; } .js div.accd2span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-2col.png) no-repeat left bottom; } .js div.accd3span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-3col.png) no-repeat left bottom; } .js div.accd4span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-4col.png) no-repeat left bottom; } .js div.accd5span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-5col.png) no-repeat left bottom; } * html div.accd1span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-1col.png) no-repeat left 101%; } * html div.accd2span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-2col.png) no-repeat left 101%; } * html div.accd3span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-3col.png) no-repeat left 101%; } * html div.accd4span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-4col.png) no-repeat left 101%; } * html div.accd5span div.accdsection.last .heading{ background: url(i/ajax/accordion/tab-btm-bg-5col.png) no-repeat left 101%; } div.accd1span div.accdsection.last .heading.accordion-open { background: url(i/ajax/accordion/tab-bg-1col.png) no-repeat left top; } div.accd2span div.accdsection.last .heading.accordion-open { background: url(i/ajax/accordion/tab-bg-2col.png) no-repeat left top; } div.accd3span div.accdsection.last .heading.accordion-open { background: url(i/ajax/accordion/tab-bg-3col.png) no-repeat left top; } div.accd4span div.accdsection.last .heading.accordion-open { background: url(i/ajax/accordion/tab-bg-4col.png) no-repeat left top; } div.accd5span div.accdsection.last .heading.accordion-open { background: url(i/ajax/accordion/tab-bg-5col.png) no-repeat left top; } div.accdsection.last .heading .innerblock { border-bottom: none; } div.accdsection.last .heading.accordion-open .innerblock { border-bottom: 1px solid #ffffff; } /* For Tab Nav */ .maincontents div.tabnav { margin-bottom: 1.75em; } *:first-child+html .maincontents div.tabnav {} * html .maincontents div.tabnav {} .maincontents div.tabnav ol.tablist, .maincontents div.tabnav ul.tablist { margin: 0px 10px 0px 0px; padding: 0px; list-style: none; zoom: 1; position: relative; border-bottom: solid 1px #b8b8b8; } /* with clearfix class */ .maincontents div.tabnav .tablist li { float: left; display: inline; /* <-- for IE lte 6 floating-elements-margin-bug */ margin: 0px 10px -1px 0px; background: url(i/ajax/tabnav/tabnav-tab-bg.gif) 0px 0px no-repeat; font-size: 108%; white-space: nowrap; zoom: 1; position: relative; font-size: 100%; } .maincontents div.tabnav .tablist li a { color: #444444; font-weight: bold; display: block; display: inline-block; /* <-- for IE lte 6 floating-elements-width-bug */ margin-right: -10px; padding: 0.6em 1em; background: url(i/ajax/tabnav/tabnav-tab-bg.gif) 100% -400px no-repeat; color: #000000; text-decoration: none !important; position: relative; } .maincontents div.tabnav .tablist li a:link { color: #444444; } .maincontents div.tabnav .tablist li a:visited { color: #444444; } .maincontents div.tabnav .tablist li a:active { color: #444444; } .maincontents div.tabnav .tablist li a:hover { color: #444444; } .maincontents div.tabnav .tablist li.selected { background: url(i/ajax/tabnav/tabnav-tab-bg.gif) 0 -800px no-repeat;} .maincontents div.tabnav .tablist li.selected a { background: url(i/ajax/tabnav/tabnav-tab-bg.gif) 100% -1200px no-repeat; } .maincontents div.tabnav div.content { position: relative; } .maincontents div.tabnav div.content div.headline { margin-right: 4em; } .maincontents div.tabnav div.content div.next-prev { position: absolute; z-index: 2; top: 4px; /* top: 10px */ right: 15px; } .maincontents div.tabnav div.content div.next-prev ol, .maincontents div.tabnav div.content div.next-prev ul { list-style: none; margin: 0px; padding: 0px; } .maincontents div.tabnav div.content div.next-prev li { float: left; display: inline; /* <-- for IE lte 6 floating-elements-margin-bug */ margin: 0px 0px 0px 0.5em; /*line-height: 0;*/ } .maincontents div.tabnav div.content div.next-prev img { vertical-align: bottom; border-style: none; } .maincontents div.tabnav div.content { } .maincontents div.tabnav div.content { display: block; padding: 10px; zoom: 1; } .js .maincontents div.tabnav div.content { display: none; } .maincontents div.tabnav div.content.selected { display: block; } /* className below are generated by tabnav.js */ .maincontents div.tabnav div.content div.frameV { background: #ffffff; margin: -10px 0px; padding: 10px 0px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #b8b8b8; zoom: 1; } .maincontents div.tabnav div.content div.frameH { background: #ffffff; position: relative; margin: 0px -10px; /*<-- fix block height*/ padding: 10px 15px 1px 15px; _padding: 10px 15px 0px 15px; /* <-- margin-bottom: 1px; is for Firefox box-margin bug. */ border-style: solid; border-width: 0px 1px; border-color: #b8b8b8; zoom: 1; } .maincontents div.tabnav div.content img.tab_lt { position: absolute; z-index: 2; left: -1px; top: -10px; height: 11px; width: 11px; zoom: 1; } .maincontents div.tabnav div.content img.tab_lb { position: absolute; z-index: 3; left: -1px; bottom: -11px; height: 11px; width: 11px; zoom: 1; overflow: visible; display: inline-block; } .maincontents div.tabnav div.content img.tab_rb { position: absolute; z-index: 4; right: -1px; bottom: -11px; height: 11px; width: 11px; zoom: 1; display: block; overflow: hidden; } .maincontents div.tabnav div.content img.tab_rt { position: absolute; z-index: 5; right: -1px; top: -11px; height: 11px; width: 11px; zoom: 1; overflow: hidden; } /* table inside tab 100% width - default value */ .maincontents div.tabnav div.content div.frameH table { width: 100%; } .maincontents div.tabnav.frame-none ul.tablist { margin-right: 0px; padding-left: 15px; } .maincontents div.tabnav.frame-none div.content { padding-left: 0px; padding-right: 0px; } .maincontents div.tabnav.frame-none div.content div.frameV { border: none; margin: 0px; padding: 0px; } .maincontents div.tabnav.frame-none div.content div.frameH { border: none; margin: 0px; padding: 10px 0px 0px 0px; } .maincontents div.tabnav.frame-none div.content img.tab_lt, .maincontents div.tabnav.frame-none div.content img.tab_lb, .maincontents div.tabnav.frame-none div.content img.tab_rt, .maincontents div.tabnav.frame-none div.content img.tab_rb { display: none; } .maincontents div.tabnav.frame-none div.content div.next-prev { right: 0px; } /* For Toggle */ .maincontents div.togglebox { margin: 0px 0px 1.75em 0px; } .maincontents ul.togglebox { padding-left: 0px; list-style: none;} .maincontents ul.togglebox li { margin: 0px; font-weight: bold; } .maincontents ul.togglebox li .moreinfo { font-weight: normal; } .maincontents .togglebox dl { margin: 0px 0px 13px 0px; font-weight: normal; } /* with clearfix class */ .maincontents .togglebox dt { padding: 0px 0px 0px 18px; zoom: 1; } .maincontents .togglebox dt a.btn { display: block; float: left; padding: 0px 4px; margin-left: -21px; } *:first-child+html .maincontents .togglebox dt a.btn { display: inline; padding: 0.4em 4px; } * html .maincontents .togglebox dt a.btn { display: inline; padding: 0.4em 4px; } .maincontents .togglebox dt a img { border-style: none; } .maincontents .togglebox dd { margin: 0px; padding: 0px 0px 0px 21px; } /*******************************************************************/ /* custom style */ /*******************************************************************/ /* Main framework styles */ /* New maincontents layout without body class */ #bodyarea.new-window .contentsarea { width: 980px; float: none; } #bodyarea.new-window .maincontents { width: 980px; float: none; } #bodyarea.new-window .stage { border-top: none; } #bodyarea.new-window .bodyarea { padding-top: 50px; padding-bottom: 30px; } #bodyarea.body5span .contentsarea { width: 980px; float: none; } #bodyarea.body5span .maincontents { width: 980px; float: none; } #bodyarea.body4span .contentsarea { width: 781px; } #bodyarea.body4span .maincontents { width: 781px; } #bodyarea.body4span-noleftnav .contentsarea { width: 980px; float: left; } #bodyarea.body4span-noleftnav .maincontents { width: 781px; float: left; } a:focus, a:hover { text-decoration: underline !important; } .maincontents div.frm-grd.p500 { height: 500px; } .maincontents div.frm-grd.p700 { height: 700px; } #globalnav { width: 780px; border-right: 0px; } /* accordions floating */ .maincontents div.accd1span, .maincontents div.accd2span { float: left; margin-right: 15px; } .maincontents div.col1span div.accd1span, .maincontents div.col2span div.accd2span, .maincontents div.col3span div.accd3span, .maincontents div.col4span div.accd4span, .maincontents div.col5span div.accd5span { margin-right: 0px; } /* Headline */ .maincontents h1 { margin-bottom: 0.5em; } /* Tabnav Maincontents */ div.maincontents div.tabnav { /* margin-bottom: 30px; */ } /* togglebox inside an accordion */ .maincontents .inside-box .togglebox li { color: #444444; } div.accdsection .inside-box li .moreinfo { border: 0px solid; padding: 0px 10px 0; margin-left: -10px; } #bodyarea.body5span .maincontents div.frm-grd div.innerblock, #bodyarea.body4span .maincontents div.frm-grd div.innerblock { padding: 14px 14px 0; } .maincontents .togglebox { margin-bottom: 30px; } .maincontents .frm-grd ul.togglebox { margin: 15px 15px 30px 0; } .maincontents .teaser img.bordernone { float: left; border: 1px solid #b8b8b8; margin-bottom: 10px; } .maincontents .bannerelement img.bordernone { float: left; border: 1px solid #b8b8b8; margin-bottom: 15px; } .maincontents .teaser .moreinfo { margin: 10px 0 20px 0; } /* colspan margins maincontents */ .maincontents .colspanbottom { /* margin-bottom: 30px;*/ } /* Accordion right sidebar */ .submenu div.accdsection h2 { font-size: 100%; } body.double .submenu div.accdsection h2 { font-size: 93%; } .submenu .accdsection li { background: none; font-size: 93%; } /* Event list */ .maincontents table.eventlist { margin-bottom: 30px; margin-top: 7px; } .maincontents table.eventlist th, .maincontents table.eventlist td { padding: 5px 10px; vertical-align: top; } .maincontents table.eventlist th { font-weight: bold; } .maincontents table.eventlist .eventdate { width: 160px; } .maincontents table.eventlist .eventname { width: 244px; } .maincontents table.eventlist .eventlocation { width: 230px; } /* Togglebox with images */ .maincontents .tabnav .togglebox p img.alignleft, .maincontents .tabnav .togglebox p img.alignright { margin-bottom: 22px; margin-top: 5px; } .maincontents .tabnav .togglebox p img.alignleft { margin-right: 15px; } .maincontents .tabnav .togglebox p img.alignright { margin-left: 15px; } .maincontents .tabnav .togglebox dd p { margin-bottom: 15px; } .maincontents .tabnav .togglebox span.moreinfo { margin-top: 15px; display: block; } .maincontents .tabnav .togglebox .moreinfo a { text-decoration: none; } .break-word { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; } .maincontents .togglebox dt a { text-decoration: underline; display: block; padding-left: 3px; } .maincontents .togglebox dd.open { display: block; } .maincontents .tabnav .togglebox .moreinfo a:hover { text-decoration: underline; } /* Teaser elements */ .maincontents li.teaser { line-height: 1.5; } .maincontents div.accdsection .innerframe ul.inside-box li li, .maincontents div.accdsection div.innerframe div.innerblock ul.inside-box li ul.togglebox li { /*background: url("i/li_dot_lv1.gif") no-repeat scroll 0 0.3em transparent !important;*/ list-style-type: none; /*padding: 0 0 0 15px;*/ margin-bottom:0; } .maincontents div.accdsection div.innerframe div.innerblock ul.inside-box li ul.togglebox { margin-bottom:0px; padding:0; } .maincontents div.accdsection div.innerframe div.innerblock ul.inside-box li ul.togglebox dl { margin-bottom:15px !important; } .maincontents div.accdsection div.innerframe div.innerblock ul.inside-box li ul.togglebox li a { /*text-decoration:none;*/ } /* Event overview */ .maincontents .listevent { margin-bottom: 30px; } .maincontents div.textblocks .col1span { width: 176px; } .maincontents .productdetail h2 { font-size: 100%; } body.double .maincontents .productdetail h2 { font-size: 93%; } .maincontents div.colimg img { display: block; border: 1px solid #b8b8b8; } .maincontents table.frm-grd-table td.frm-grd { background: url("i/box-bg-demo.gif") repeat-x scroll 0 0 #FFFFFF; border: 1px solid #B8B8B8; width:50%; } .maincontents table.frm-grd-table { border-collapse: collapse; } h2.small-heading { line-height: 1.5; margin-bottom: 0.87em; margin-top: 0; font-size: 100%; } body.double h2.small-heading { font-size: 93%; } h3.big-heading { font-size: 123.1%; margin-bottom: 0.75em; margin-top: 0; line-height: 1.5; } .blockimage { display: block; } .colcenter { margin: 0px auto; width: 582px; _margin:0 0 0 199px; } .sitemap ul { padding: 0; list-style-type: none; } .sitemap ul li ul { padding-left: 25px; margin-top: -30px; padding-bottom: 50px; list-style-type: disc; } .sitemap ul li h2 { margin-bottom: 35px; } .sitemap ul li ul li ul { padding-left: 18px; margin-top: 0px; padding-bottom: 0px; list-style-type: circle; } .maincontents div.accdsection div.moreinfo p.textleft { font-size: 100%; } body.double .maincontents div.accdsection div.moreinfo p.textleft { font-size: 93%; } .maincontents div.accdsection .content .inside-box ul { padding: 0 0 0 15px; } /* my fujitsu */ #globalnav { width:978px; *width:979px; *border-left:0px; } #globalnav li.my-fujitsu { float: right; margin-right:-4px; } #globalnav li.my-fujitsu p.user-name { padding:2px 0; border-bottom:1px solid #e8e8e8; margin:0px; } #globalnav li.my-fujitsu div.hidemenu-right-top { background: url('i/dropdown-back-right-top-noround.png') no-repeat right top; } #globalnav li.my-fujitsu div.hidemenu-left-top { background: url('i/ajax/megadropdown/dropdown-back-left-top.png') no-repeat left top; } #globalnav li.my-fujitsu div.hidemenu { left: 7px; _left: 8px; } #globalnav li.my-fujitsu div.hidemenuwrapper { margin-left: -8px; _margin-left:2px; } body.double #globalnav li.my-fujitsu div.hidemenuwrapper { margin-left: 4px; _margin-left:2px; } #globalnav li.my-fujitsu a.glbnavtitle { padding: 6px 5px 7px 7px; } #globalnav li.my-fujitsu:hover a.glbnavtitle { padding: 6px 5px 7px 7px; } #globalnav li.my-fujitsu a.glbnavtitle span, #globalnav li.my-fujitsu:hover a.glbnavtitle span { border-width: 0px; } #globalnav li.my-fujitsu div.hidemenu a.glbnavtitle { padding: 6px 1px 10px 0px; } #globalnav li.my-fujitsu a.realtitle span, #globalnav li.my-fujitsu div.hidemenu a.glbnavtitle { font-weight: normal; } #headerbottom li.my-fujitsu div.grid1span { width:100%; min-width: 180px;} #headerbottom li.my-fujitsu div.col1span { width:100%; min-width: 180px;} #headerbottom li.my-fujitsu div.hidemenu div.hidemenuwrapper ul.dropdown-box li { width:100%; min-width: 180px;} /* Tagloud specific css */ .tagcloud a{ text-decoration: none; line-height: 1; } /* Style for placards */ .submenu .tasks p.pickupthumb { padding-top: 10px; } .submenu .tasks .rounded-inside hr { margin-left: -1px; width: 182px; margin-bottom: 1em; } .submenu .pickup-shortlead { color: #555555; } .submenu .pickup-shortlead .headline-icon { float: left; /*margin: 5px 5px 5px 0;*/ margin: 3px 8px 5px 0; } /* What customers say */ .submenu div.testimonial blockquote { margin: 0 0 15px; color: #bb0000; font-weight: bold; } .submenu div.testimonial blockquote p { font-size: 100%; } body.double .submenu div.testimonial blockquote p { font-size: 93%; } .submenu div.testimonial cite { margin: 0 0 15px; display: block; font-style: normal; font-weight: bold; color: #000000; } .submenu div.testimonial cite span { font-weight: normal; color: #555555; } .submenu div.testimonial div.moreinfo p { margin-bottom: 10px; margin-top: -6px; } /* Textbox */ .submenu .textbox p { font-size: 100%; padding: 0 10px; color: #555555; margin-bottom: 15px; } body.double .submenu .textbox p { font-size: 93%; } .submenu .textbox p.textleft { margin-bottom: 10px; } /* General form styling */ input.textfield { border: 1px solid #B8B8B8; background: url(i/textfield-background.gif) left top; height: 15px; font-size: 100%; padding: 3px 0 3px 10px; } .defaulttext-active, input.defaulttext-active { color: #999999; } .pickup-shortlead .button { margin-top: 5px; } .pickup-shortlead .button { float: right; } .submenu form { margin-bottom: 10px; } .submenu form .textfield { width: 152px; } button.small { margin:0; } form label sup { display: inline-block; margin-top: -2px; } /* Filter Form */ div.maincontents .formwrapper { margin-bottom: 30px; } .maincontents .formwrapper h4 { margin-bottom: 0; } .maincontents .formwrapper p { color: #666666; } .maincontents .formwrapper .filtergroup { /*margin-bottom: 15px; clear: left; height: 25px;*/ } .maincontents .formwrapper .filtergroup select { width: 265px; float: left; margin: 0 15px 0 0; height: 24px; } /* Banner styles */ .maincontents .banner { margin-bottom: 15px; } .maincontents .related-products { margin-bottom: 2.3em; } .maincontents .banner .tagline { border-top: 1px solid #D2D2D2; line-height: 1.2em; margin-bottom: 5px; padding: 9px; font-weight: bold; } .maincontents .bannercontent { border: 1px solid #B8B8B8; position:relative; } .maincontents .bannernoborder { border: 1px solid transparent; } .maincontents .bannercontent object, .maincontents div.bannercontent div.embedFlash, .maincontents div.bannercontent embed { position: absolute; z-index: 200; } .maincontents .bannercontent object p { position:absolute; z-index:100; } .maincontents .bannercontent a { display:block; text-decoration:none; } .maincontents .bannercontent a img { display: block; } .maincontents .bannercopy { /* margin: 20px 0 0 0;*/ margin-bottom: 1.5em; line-height: 1.5; } /* Product listing */ .maincontents .banner .productlistings { background: url('i/gradient_products.jpg') bottom left no-repeat #fff; overflow: hidden; zoom: 1; padding-bottom: 10px; } .maincontents .productlistings ul { overflow: hidden; } .bannercontent .productlistings li { background: url('i/productlistings-bar.png') no-repeat right 10px; width: 142px; margin: 0; zoom: 1; float: left; text-align: center; } .bannercontent .productlistings li.last { background: none; } .bannercontent .productlistings li img { display: inline-block; } .bannercontent .productlistings li span.text { display: block; text-align: left; padding: 0 20px 10px 20px; } .bannercontent .productlistings li a.empty { padding-top: 125px; } .bannercontent .productlistings li a span.text { text-decoration: underline; } .maincontents .banner .productlistings div.productlist { width: 143px; } .maincontents .banner .productlistings table.product3col div.productlist { width: 164px; } .maincontents .banner .productlistings div.productlist h4, .maincontents .banner .productlistings div.productlist ul { margin-left:17px; } .maincontents .banner div.productlist ul { margin-bottom:0; } .maincontents .banner .productlistings div.productlist .productimage { height: 130px; text-align: center; padding: 25px 0 0 7px; } .maincontents .banner .productlistings div.productlist ul { padding: 0; list-style: none; } .maincontents .banner .productlistings div.productlist li { line-height: 1.2; margin-bottom: 0.2em; _padding:0 0 1px 0; } .maincontents .banner .productlistings .products div.productlist li a { text-decoration: none; margin: auto; } .maincontents .banner .productlistings .products-small div.productlist a img { margin: 10px auto; } .maincontents .banner .productlistings .products-small div.productlist li a img { margin: auto; } .maincontents .banner .productlistings div.productlist li a img { display: inline; } .maincontents .banner .productlistings div.productlistlast { background: none; } /* Banner group */ .maincontents .bannerelement { width: 279px; margin-right: 15px; float: left; margin-bottom: 10px; } .maincontents .bannerelement p { margin: 12px 0 20px 0; } .maincontents .bannerelement ul, .teaser ul { padding: 0 0 0 20px; margin-bottom: 20px; } .teaser ul.no-left-space { padding: 15px 0 0 15px; } .maincontents .bannerodd { margin-right: 0; } .maincontents .bannergroupcontent img{ border: 1px solid #D2D2D2; } /* page_body_banners */ .maincontents .bannercontent .bullet-slideshow-banner .slideshow-images { height: 228px; } .maincontents .bannercontent .bullet-slideshow-banner { position: relative; } .maincontents .bullet-slideshow-banner .slideshow-images a, .thumbnail-slideshow-banner ul.slideshow-images img { z-index: 1; position:relative; } .maincontents .bannercontent .bullet-slideshow-banner ul li a { display: block; width: 14px; height: 15px; background: url(i/bullet_inactive.jpg) no-repeat center center; } .maincontents .bannercontent .bullet-slideshow-banner ul li { float: left; margin: 0; padding: 7px 4px 0 4px; height:100%; } .maincontents .bannercontent .bullet-slideshow-banner ul { background: url(i/bullet-back.png) repeat-x; height:22px; float:left; } .maincontents .bannercontent div.bullet-wrapper .bullet-left { height:22px; width:13px; background: url(i/bullet-back-left.png) no-repeat; float:left; } .maincontents .bannercontent div.bullet-wrapper .bullet-right { height:22px; width:13px; background: url(i/bullet-back-right.png) no-repeat; float:left; } .maincontents .bannercontent ul { margin:0; padding:0; list-style-type: none; z-index: 403; } .maincontents .bannercontent div.bullet-wrapper { position: absolute; display: block; top: 207px; margin: 0; padding: 0; z-index: 405; left: 50%; } .maincontents .bannercontent .bullet-slideshow-banner ul li a.active { background: url(i/bullet_active.jpg) no-repeat center center; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.slideshow-images { height: 265px; *height: 268px; list-style-type: none; margin: 0; padding: 0; width:420px; margin-left:160px; display:inline-block; overflow:hidden; } .maincontents .bannercontent .without-response ul.slideshow-images { width:580px; margin-left:0px; overflow: hidden; } .maincontents .bannercontent .without-response ul.slideshow-images li { width:580px !important; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.slideshow-images li { display:inline; height:268px; line-height:265px; text-align:center; vertical-align:middle; width: 420px; position:absolute; left: -9999px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.slideshow-images li img { vertical-align:middle; display:inline-block; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.slideshow-images li.first { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; left: auto; } .maincontents .bannercontent .bullet-slideshow-banner div.slideshow-images a.first, .bannercontent .thumbnail-slideshow-banner ul.slideshow-images li.first { z-index: 400; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs { height: 66px; display: block; } .bannercontent .bullet-slideshow-banner ul.thumbs { position: absolute; display: block; top: 200px; left: 50%; margin: 0; margin-left: -100px; z-index: 51; height:66px; } .maincontents .bannercontent .bullet-slideshow-banner ul.thumbs li { width: 14px; height: 15px; float: left; margin-left: 7px; text-align: center; cursor: pointer; vertical-align:middle; display:inline-block; list-style-type: none; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs li { height: 66px; _height:55px; float: left; text-align: center; cursor: pointer; line-height:66px; _line-height:55px; display:inline-block; list-style-type: none; width: 121px; margin-left: -4px; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs li.first { width: 121px; margin: 0px; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs li.last { margin-left: -5px; width: 112px; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs li.last a { width: 107px; width: 112px; margin-left:0; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs li a { width: 116px; display: inline-block; background:none; z-index: 99; margin-left: -7px; height:66px; _height:55px; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs li a img { vertical-align:middle; display: inline-block; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs li:hover, .bannercontent .thumbnail-slideshow-banner ul.thumbs .active { background: url(i/slider_active.jpg) no-repeat; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs li.first:hover, .bannercontent .thumbnail-slideshow-banner ul.thumbs li.active-first { background: url(i/slider_first_active.jpg) no-repeat; } .maincontents .bannercontent .thumbnail-slideshow-banner ul.thumbs { border: 0px solid #B8B8B8; margin-bottom: 0; padding: 0; border-top-width: 1px; height: 66px; background: url(i/slider_back.jpg); } .maincontents div.thumbnail-slideshow-banner { background:url(i/slideshow.jpg) repeat-x; } .maincontents div#flashContent { } .maincontents div.frm-grd-big { height: 3190px; } /* Icon List / Social Bookmarks */ table.social-bookmarks { background: url(i/iconlist-background.gif) left bottom repeat-x; border: 1px solid #B8B8B8; clear: left; margin-bottom: 25px; margin-top: 25px; } table.social-bookmarks td { border-right: 1px solid #B8B8B8; margin: 0; padding: 0; width: 20px; } table.social-bookmarks td.last { border:none; width:80%; padding-left: 10px; } table.social-bookmarks td.title { width: 130px; } table.social-bookmarks h2 { margin: 0px 10px 0px 5px; padding: 1px 0; white-space: nowrap; /* IE6 */ _margin: 0px 10px 0 5px; color: #555555; font-size: 100%; font-weight: normal; } table.social-bookmarks td a { display: block; height: 16px; width: 16px; margin: 1px 2px; } table.social-bookmarks span.at15t_compact { display:block; margin-right:5px; float:left; height:16px; width:16px; } table.social-bookmarks td.last a { white-space:nowrap; font-size:93%; display:block; width:75px; } .iconlist li { float: left; border-left: 1px solid #B8B8B8; padding: 0px; margin: 0px; text-align: center; } .iconlist ul li a { } /* Product Detail with rating */ .productdetail { margin-bottom: 30px; min-height: 100px; } .productdetail h3 { font-size: 100%; } body.double .productdetail h3 { font-size: 93%; } .productdetail p { margin-bottom: 0.7em; } .productdetail img.productimage { float: left; border: 1px solid #D2D2D2; margin: 1px 15px 5px 0; } img.border { border: 1px solid #D2D2D2; } div.productdetail div.productrating table.standard { width: 278px; margin-bottom: 15px; border: none; } .maincontents div.productdetail div.productrating table th { width: 145px; text-align: left; border-left: none; } .productdetail .productrating table img { border: none; } .productdetail div.moreinfo { clear: none; } .productdetailright img.productimage { float: right; margin: 1px 10px 5px 15px; } .productdetail .productrating { float: none; display: inline-block; } .productdetailright .productrating { float: none; display: inline-block; } .productlist h3.red-heading, .contentfilter div.heading { line-height: 1.5; font-size: 100%; font-weight: bold; /*margin-left: 17px; margin-bottom: 2px; */ } body.double .productlist h3.red-heading, .contentfilter div.heading { font-size: 100%; } table.products .productlist .teaser { margin-left:17px; padding: 0 15px 7px 0; } table.products .productlist h3.red-heading { margin-left: 17px; } table.product3col .productlist .teaser { margin-left:30px; padding: 0 0 7px 0; } table.product3col .productlist h3.red-heading, .contentfilter h3.heading { margin-left:30px; } .maincontents .banner .productlistings table.product3col div.productlist ul { margin-left:30px; } h2.tagline { font-size: 100%; margin-bottom: 0.87em; } body.double h2.tagline { font-size: 93%; } .tagcloud a { text-decoration: none; } .tagcloud a:hover, .tagcloud a:focus { text-decoration: underline; } .tagcloud a.unpopular { font-size: 0.7em; } .tagcloud a.less-popular { font-size: 1em; } .tagcloud a.not-so-popular { font-size: 1.3em; } .tagcloud a.normal { font-size: 1.5em; } .tagcloud a.popular { font-size: 2em; } .tagcloud a.very-popular { font-size: 2.2em; } .tagcloud a.most-popular { font-size: 2.5em; } .productlistings table { margin-bottom: 0px; width: 582px; _width: 578px; padding: 0; margin: 0; } .productlistings table td { margin: 0; padding: 0; } .productlistings table td.product-content { padding-bottom: 13px; } .productlistings table.products td.top { background: url(i/productlist-top.png) bottom left no-repeat; height: 75px; width: 2px; } .productlistings table.products td.middle { background: url(i/productlist-middle.png) top left repeat-y; width: 2px; height: 90%; } .productlistings table.products td.bottom { background: url(i/productlist-bottom.png) top left no-repeat; width: 2px; height: 65px; } .productlistings .productlistlast { padding-right: 0px !important; } .productrating .star-rating { background: url(i/star-background.png) no-repeat; height: 16px; width: 75px; border: none; margin: 0; padding: 0; } .productrating .rating-0 { background-position: -90px 0px; } .productrating .rating-0-1 { background-position: -79px 0px; } .productrating .rating-1 { background-position: -70px 0px; } .productrating .rating-1-2 { background-position: -50px 0px; } .productrating .rating-2 { background-position: -40px 0px; } .productrating .rating-2-3 { background-position: -21px 0px; } .productrating .rating-3 { background-position: -0px 0px; } .star-rating img { border: none; } /* vendor tiles */ .maincontents .vendor-logo-container { border: 0px solid #dbdbdb; border-width: 0 1px 1px 0; margin: 0; padding: 0; margin-bottom: 30px; float: left; overflow: hidden; } .maincontents .vendor-logo-container ul { background: url(i/vendor-background.png) 0px 0px repeat #fff; _background: url(i/vendor-background.gif) 0px 0px repeat #fff; float: left; width: 580px; margin: -9px 0 0 -7px; padding: 9px 0 0; } .maincontents .vendor-logo-container ul li { display:inline-block; text-align:center; height: 126px; line-height: 126px; *line-height:1em; margin: 0; float: left; list-style-type: none; *padding:0 1px 0 18px; background: url(i/vendor-logo-back2.png) left top no-repeat; } .maincontents .vendor-logo-container ul li a { height: 124px; line-height:124px; } .maincontents .vendor-logo-container ul li.first { background: url(i/vendor-logo-back-first.png) 7px 0px no-repeat; *background: url(i/vendor-logo-back-first-ie.gif) 6px 0px no-repeat; } .maincontents .vendor-logo-container ul li.last { border-right: 1px solid #dadada; } .maincontents .vendor-logo-container ul li img, .maincontents .vendor-logo-container ul li span { vertical-align:middle; margin: 0 2px 0 16px; *margin:0; background:none; } /* product detail */ .maincontents .tabnav div.pictorgram-bar { background: rgb(239, 239, 239); border: 0px solid #b8b8b8; border-width: 1px 0; margin: 0 0 0 -15px; padding: 0 8px; width: 564px; clear: left; } .maincontents .tabnav div.pictorgram-bar img { margin: 8px 7px; } .maincontents .tabnav div.award, .maincontents .tabnav div.promotion { width:100%; margin: 5px 0 20px 0; float: left; } .maincontents .tabnav div.award img.alignleft, .maincontents .tabnav div.promotion img.alignleft { margin: 0 15px 0 0; } .maincontents .tabnav table th, .maincontents .tabnav table td { padding: 5px 7px; } .maincontents .tabnav .award div.moreinfo { clear: none; margin-top: 10px; } .maincontents .tabnav div.award h3 { line-height: 1; margin-bottom: 10px; } .maincontents .tabnav div.product-detail-info { clear: both; margin: 20px 0; } .maincontents .tabnav .product-detail-info img.alignleft { margin: 0 15px 0 0; } .maincontents .tabnav .product-detail-info img.alignright { margin: 0 0 0 15px; } .maincontents .tabnav td.accessoires-image { width: 126px; } .maincontents .tabnav table { margin-bottom: 5px; } .maincontents .tabnav div.document-wrapper { margin-top: 25px; } /* event detail */ .maincontents .tabnav table td.strong-col { font-weight:bold; } .maincontents .tabnav table th.light-table-header { color:#666666; } div.maincontents div.event-detail { margin:30px 0; } /* select styles */ /* applied to original