/*Drivve website*/ /* @group Main stuff */ body { color: white; text-align: center; text-rendering: optimizeLegibility; font: 11px 'Lucida Grande', Arial, sans-serif; background: black url(../graphics/main/top_background2.png) repeat-x 0 -1px; } * { padding: 0; margin: 0; } hr { display: none; } a { text-decoration: none; color: #de0028; outline: none; } .image a { color: #00a1b5; } .image a:hover { text-shadow: #00e7ff 0px 0px 4px; } .xbs a { color: #ff5e00; } .xbs a:hover { text-shadow: #f8a500 0px 0px 4px; } .dm a { color: #5a8100; } .dm a:hover { text-shadow: #b3ff5c 0px 0px 4px; } #container { position: relative; min-height: 100%; width: 900px; text-align: justify; margin-top: 0; margin-left: auto; margin-right: auto; } img { border-style: none; display: block; } p { margin: 0 0 16px 0px; } ul { list-style-type: none; } .hidden { visibility: hidden; } .nodisplay { display: none; } .softChar { color: #8e8e8e; } .clearFlow { overflow: hidden; zoom :1; word-wrap : break-word; } /* @end */ #en #mainArea.dm.features h3 b { background: url(../graphics/drivve_dm/features/text_usa.png) no-repeat; } /* @group Header + menu */ #countries { position: absolute; right: 6px; top: 6px; height: 22px; background: url(../graphics/main/top_background1.png) repeat-x 0 -99px; } #countries li { display: inline; float: left; font-size: 1px; color: #111; padding: 0 2px 20px 3px; } #countries li.left { background: url(../graphics/main/top_background1.png) 0 -7px; padding: 0 7px 20px 9px; } #countries li.right { background: url(../graphics/main/top_background1.png) 0 -191px; padding: 0 7px 20px 9px; } #countries li a { display: block; width: 18px; height: 16px; background-image: url(../graphics/main/top_background1.png); opacity: 0.3; filter: alpha(opacity = 30); } #countries li.drivve_com a { background-position: 0 -281px; } #countries li.drivve_fr a { background-position: 0 -299px; } #countries li.drivve_de a { background-position: 0 -317px; } #countries li.drivve_mx a { background-position: 0 -335px; } #countries li.drivve_uk a { background-position: 0 -355px; } #countries li span { position: absolute; top: -20px; left: 0; width: 100%; text-align: center; color: white; font-size: 10px; } #countries li:hover span { top: 21px; } #countries li.selected:hover a { cursor: default; } #countries li.selected a, #countries li:hover a { opacity: 0.9; filter: alpha(opacity = 900); } #countries li.selected:hover span { opacity: 0.3; filter: alpha(opacity = 30); } h1 a { position: relative; top: 29px; display: block; width: 227px; height: 52px; background: url(../graphics/main/general.png) -399px -361px; } h1 a:hover { background: url(../graphics/main/general.png) -399px -551px; } h1 span { display: none; } #menu { position: absolute; top: 47px; right: 15px; width: 660px; text-align: right; } #menu li { display: inline; } #menu a { height: 21px; margin-left: 17px; font-size: 13px; color: #808080; } #menu li.home a { margin-left: 0; } #menu a b { font-weight: normal; font-style: normal; } #menu a:hover, .xbs #menu .xbs a, .dm #menu .dm a, .image #menu .image a, .home #menu .home a, .about #menu .about a, .contact #menu .contact a { color: white; text-shadow: white 1px 1px 10px; text-decoration: none; } .xbs #menu .xbs a, .dm #menu .dm a, .image #menu .image a, .home #menu .home a, .about #menu .about a, .contact #menu .contact a { cursor: default; } .xbs #menu .xbs a b, #menu .xbs a:hover b { text-shadow: #f8a500 1px 1px 10px; color: #ff8e06; } .dm #menu .dm a b, #menu .dm a:hover b { text-shadow: #b3ff5c 1px 1px 10px; color: #b4e44f; } .image #menu .image a b, #menu .image a:hover b { text-shadow: #00e7ff 1px 1px 10px; color: #00d3ec; } /* @end */ /* @group #mainArea + banners */ #mainArea { margin-top: 45px; } #mainArea #subMenu { position: relative; width: 896px; height: 42px; background: url(../graphics/main/general.png) 0 0; text-align: right; } #mainArea #subMenu li { display: inline; } #mainArea #subMenu li a { position: relative; top: 10px; color: #2e2e2e; font: 13px "Lucida Grande", Lucida, Verdana, sans-serif; margin-right: 17px; text-shadow: #c3c3c3 1px 1px 2px; } #mainArea #subMenu li a:hover, #mainArea #subMenu li a.selected { color: #5e5e5e; text-decoration: none; } #mainArea #subMenu li a.selected { cursor: default; } #mainArea h3 i, #mainArea h3, #mainArea h3 b { display: block; width: 896px; height: 311px; margin-top: -7px; } #mainArea h3 span, #mainArea li.prodName span { display: none; } #mainArea #subMenu .version { position: absolute; top: 9px; left: 17px; display: block; width: 116px; height: 20px; background: url(../graphics/main/general.png) -159px -386px; } #mainArea #subMenu .version b { display: none; } /* @group Banners .dm */ #mainArea.dm h3 { background: url(../graphics/drivve_dm/banner.jpg) no-repeat; } #mainArea.dm.presentation h3 i { background: url(../graphics/drivve_dm/home/banner.png) no-repeat; } #en #mainArea.dm.presentation h3 b { background: url(../graphics/drivve_dm/home/text_usa.png) no-repeat; } #uk #mainArea.dm.presentation h3 b { background: url(../graphics/drivve_dm/home/text_uk.png) no-repeat; } #fr #mainArea.dm.presentation h3 b { background: url(../graphics/drivve_dm/home/text_fr.png) no-repeat; } #de #mainArea.dm.presentation h3 b { background: url(../graphics/drivve_dm/home/text_de.png) no-repeat; } #mx #mainArea.dm.presentation h3 b { background: url(../graphics/drivve_dm/home/text_mx.png) no-repeat; } #mainArea.dm.features h3 i { background: url(../graphics/drivve_dm/features/banner.png) no-repeat; } #uk #mainArea.dm.features h3 b { background: url(../graphics/drivve_dm/features/text_uk.png) no-repeat; } #fr #mainArea.dm.features h3 b { background: url(../graphics/drivve_dm/features/text_fr.png) no-repeat; } #de #mainArea.dm.features h3 b { background: url(../graphics/drivve_dm/features/text_de.png) no-repeat; } #mx #mainArea.dm.features h3 b { background: url(../graphics/drivve_dm/features/text_mx.png) no-repeat; } #mainArea.dm.technology h3 i { background: url(../graphics/drivve_dm/technology/banner.png) no-repeat; } #en #mainArea.dm.technology h3 b { background: url(../graphics/drivve_dm/technology/text_usa.png) no-repeat; } #uk #mainArea.dm.technology h3 b { background: url(../graphics/drivve_dm/technology/text_uk.png) no-repeat; } #fr #mainArea.dm.technology h3 b { background: url(../graphics/drivve_dm/technology/text_fr.png) no-repeat; } #de #mainArea.dm.technology h3 b { background: url(../graphics/drivve_dm/technology/text_de.png) no-repeat; } #mx #mainArea.dm.technology h3 b { background: url(../graphics/drivve_dm/technology/text_mx.png) no-repeat; } #mainArea.dm.specs h3 i { background: url(../graphics/drivve_dm/specs/banner.png) no-repeat; } #en #mainArea.dm.specs h3 b { background: url(../graphics/drivve_dm/specs/text_usa.png) no-repeat; } #uk #mainArea.dm.specs h3 b { background: url(../graphics/drivve_dm/specs/text_uk.png) no-repeat; } #fr #mainArea.dm.specs h3 b { background: url(../graphics/drivve_dm/specs/text_fr.png) no-repeat; } #de #mainArea.dm.specs h3 b { background: url(../graphics/drivve_dm/specs/text_de.png) no-repeat; } #mx #mainArea.dm.specs h3 b { background: url(../graphics/drivve_dm/specs/text_mx.png) no-repeat; } #mainArea.dm.iphone h3 i { background: url(../graphics/drivve_dm/iphone/banner.png) no-repeat; } #en #mainArea.dm.iphone h3 b { background: url(../graphics/drivve_dm/iphone/text_usa.png) no-repeat; } #uk #mainArea.dm.iphone h3 b { background: url(../graphics/drivve_dm/iphone/text_uk.png) no-repeat; } #fr #mainArea.dm.iphone h3 b { background: url(../graphics/drivve_dm/iphone/text_fr.png) no-repeat; } #de #mainArea.dm.iphone h3 b { background: url(../graphics/drivve_dm/iphone/text_de.png) no-repeat; } #mx #mainArea.dm.iphone h3 b { background: url(../graphics/drivve_dm/iphone/text_mx.png) no-repeat; } #mainArea.dm.cloud h3 i { background: url(../graphics/drivve_dm/cloud/banner.png) no-repeat; } #en #mainArea.dm.cloud h3 b { background: url(../graphics/drivve_dm/cloud/text_usa.png) no-repeat; } #uk #mainArea.dm.cloud h3 b { background: url(../graphics/drivve_dm/cloud/text_uk.png) no-repeat; } #fr #mainArea.dm.cloud h3 b { background: url(../graphics/drivve_dm/cloud/text_fr.png) no-repeat; } #de #mainArea.dm.cloud h3 b { background: url(../graphics/drivve_dm/cloud/text_de.png) no-repeat; } #mx #mainArea.dm.cloud h3 b { background: url(../graphics/drivve_dm/cloud/text_mx.png) no-repeat; } #mainArea.dm.faq h3 i { background: url(../graphics/drivve_dm/faq/banner.png) no-repeat; } #en #mainArea.dm.faq h3 b { background: url(../graphics/drivve_dm/faq/text_usa.png) no-repeat; } #uk #mainArea.dm.faq h3 b { background: url(../graphics/drivve_dm/faq/text_uk.png) no-repeat; } #fr #mainArea.dm.faq h3 b { background: url(../graphics/drivve_dm/faq/text_fr.png) no-repeat; } #de #mainArea.dm.faq h3 b { background: url(../graphics/drivve_dm/faq/text_de.png) no-repeat; } #mx #mainArea.dm.faq h3 b { background: url(../graphics/drivve_dm/faq/text_mx.png) no-repeat; } /* @end */ /* @group Banners .image */ #mainArea.image h3 { background: url(../graphics/drivve_image/banner.png) repeat-x; } #mainArea.image.presentation h3 i { background: url(../graphics/drivve_image/presentation/banner.png) no-repeat; } .version2 #mainArea.image.presentation h3 i { background: url(../graphics/drivve_image/presentation/banner_di_3.0.png) no-repeat; } #en #mainArea.image.presentation h3 b { background: url(../graphics/drivve_image/presentation/text_usa.png) no-repeat; } #uk #mainArea.image.presentation h3 b { background: url(../graphics/drivve_image/presentation/text_uk.png) no-repeat; } #fr #mainArea.image.presentation h3 b { background: url(../graphics/drivve_image/presentation/text_fr.png) no-repeat; } #de #mainArea.image.presentation h3 b { background: url(../graphics/drivve_image/presentation/text_de.png) no-repeat; } #mx #mainArea.image.presentation h3 b { background: url(../graphics/drivve_image/presentation/text_mx.png) no-repeat; } #mainArea.image.modules h3 i { background: url(../graphics/drivve_image/modules/banner.png) no-repeat; } #en #mainArea.image.modules h3 b { background: url(../graphics/drivve_image/modules/text_usa.png) no-repeat; } #uk #mainArea.image.modules h3 b { background: url(../graphics/drivve_image/modules/text_uk.png) no-repeat; } #fr #mainArea.image.modules h3 b { background: url(../graphics/drivve_image/modules/text_fr.png) no-repeat; } #de #mainArea.image.modules h3 b { background: url(../graphics/drivve_image/modules/text_de.png) no-repeat; } #mx #mainArea.image.modules h3 b { background: url(../graphics/drivve_image/modules/text_mx.png) no-repeat; } #mainArea.image.technology h3 i { background: url(../graphics/drivve_image/technology/banner.png) no-repeat; } #en #mainArea.image.technology h3 b { background: url(../graphics/drivve_image/technology/text_usa.png) no-repeat; } #uk #mainArea.image.technology h3 b { background: url(../graphics/drivve_image/technology/text_uk.png) no-repeat; } #fr #mainArea.image.technology h3 b { background: url(../graphics/drivve_image/technology/text_fr.png) no-repeat; } #de #mainArea.image.technology h3 b { background: url(../graphics/drivve_image/technology/text_de.png) no-repeat; } #mx #mainArea.image.technology h3 b { background: url(../graphics/drivve_image/technology/text_mx.png) no-repeat; } #mainArea.image.specs h3 i { background: url(../graphics/drivve_image/specs/banner.png) no-repeat; } #en #mainArea.image.specs h3 b { background: url(../graphics/drivve_image/specs/text_usa.png) no-repeat; } #uk #mainArea.image.specs h3 b { background: url(../graphics/drivve_image/specs/text_uk.png) no-repeat; } #fr #mainArea.image.specs h3 b { background: url(../graphics/drivve_image/specs/text_fr.png) no-repeat; } #de #mainArea.image.specs h3 b { background: url(../graphics/drivve_image/specs/text_de.png) no-repeat; } #mx #mainArea.image.specs h3 b { background: url(../graphics/drivve_image/specs/text_mx.png) no-repeat; } #mainArea.image.specs.autoroute h3 i { background: url(../graphics/drivve_image/specs/edition_autoroute/banner.png) no-repeat; } #en #mainArea.image.specs.autoroute h3 b { background: url(../graphics/drivve_image/specs/edition_autoroute/text_usa.png) no-repeat; } #uk #mainArea.image.specs.autoroute h3 b { background: url(../graphics/drivve_image/specs/edition_autoroute/text_uk.png) no-repeat; } #fr #mainArea.image.specs.autoroute h3 b { background: url(../graphics/drivve_image/specs/edition_autoroute/text_fr.png) no-repeat; } #de #mainArea.image.specs.autoroute h3 b { background: url(../graphics/drivve_image/specs/edition_autoroute/text_de.png) no-repeat; } #mx #mainArea.image.specs.autoroute h3 b { background: url(../graphics/drivve_image/specs/edition_autoroute/text_mx.png) no-repeat; } #mainArea.image.specs.fujitsu h3 i { background: url(../graphics/drivve_image/specs/edition_fujitsu/banner.png) no-repeat; } #en #mainArea.image.specs.fujitsu h3 b { background: url(../graphics/drivve_image/specs/edition_fujitsu/text_usa.png) no-repeat; } #uk #mainArea.image.specs.fujitsu h3 b { background: url(../graphics/drivve_image/specs/edition_fujitsu/text_uk.png) no-repeat; } #fr #mainArea.image.specs.fujitsu h3 b { background: url(../graphics/drivve_image/specs/edition_fujitsu/text_fr.png) no-repeat; } #de #mainArea.image.specs.fujitsu h3 b { background: url(../graphics/drivve_image/specs/edition_fujitsu/text_de.png) no-repeat; } #mx #mainArea.image.specs.fujitsu h3 b { background: url(../graphics/drivve_image/specs/edition_fujitsu/text_mx.png) no-repeat; } #de #mainArea.image.fujitsuOffer h3 i { background: url(../graphics/drivve_image/editions/fujitsu_offer/banner.png) no-repeat; } #de #mainArea.image.fujitsuOffer h3 b { background: url(../graphics/drivve_image/editions/fujitsu_offer/text_de.png) no-repeat; } #mainArea.image.specs.sharp h3 i { background: url(../graphics/drivve_image/specs/edition_sharp/banner.png) no-repeat; } #en #mainArea.image.specs.sharp h3 b { background: url(../graphics/drivve_image/specs/edition_sharp/text_usa.png) no-repeat; } #uk #mainArea.image.specs.sharp h3 b { background: url(../graphics/drivve_image/specs/edition_sharp/text_uk.png) no-repeat; } #fr #mainArea.image.specs.sharp h3 b { background: url(../graphics/drivve_image/specs/edition_sharp/text_fr.png) no-repeat; } #de #mainArea.image.specs.sharp h3 b { background: url(../graphics/drivve_image/specs/edition_sharp/text_de.png) no-repeat; } #mx #mainArea.image.specs.sharp h3 b { background: url(../graphics/drivve_image/specs/edition_sharp/text_mx.png) no-repeat; } #mainArea.image.specs.toshiba h3 i { background: url(../graphics/drivve_image/specs/edition_toshiba/banner.png) no-repeat; } #en #mainArea.image.specs.toshiba h3 b { background: url(../graphics/drivve_image/specs/edition_toshiba/text_usa.png) no-repeat; } #uk #mainArea.image.specs.toshiba h3 b { background: url(../graphics/drivve_image/specs/edition_toshiba/text_uk.png) no-repeat; } #fr #mainArea.image.specs.toshiba h3 b { background: url(../graphics/drivve_image/specs/edition_toshiba/text_fr.png) no-repeat; } #de #mainArea.image.specs.toshiba h3 b { background: url(../graphics/drivve_image/specs/edition_toshiba/text_de.png) no-repeat; } #mx #mainArea.image.specs.toshiba h3 b { background: url(../graphics/drivve_image/specs/edition_toshiba/text_mx.png) no-repeat; } #mainArea.image.specs.kyocera h3 i { background: url(../graphics/drivve_image/specs/edition_kyocera/banner.png) no-repeat; } #en #mainArea.image.specs.kyocera h3 b { background: url(../graphics/drivve_image/specs/edition_kyocera/text_usa.png) no-repeat; } #uk #mainArea.image.specs.kyocera h3 b { background: url(../graphics/drivve_image/specs/edition_kyocera/text_uk.png) no-repeat; } #fr #mainArea.image.specs.kyocera h3 b { background: url(../graphics/drivve_image/specs/edition_kyocera/text_fr.png) no-repeat; } #de #mainArea.image.specs.kyocera h3 b { background: url(../graphics/drivve_image/specs/edition_kyocera/text_de.png) no-repeat; } #mx #mainArea.image.specs.kyocera h3 b { background: url(../graphics/drivve_image/specs/edition_kyocera/text_mx.png) no-repeat; } #mainArea.image.specs.xerox h3 i { background: url(../graphics/drivve_image/specs/edition_xerox/banner.png) no-repeat; } #en #mainArea.image.specs.xerox h3 b { background: url(../graphics/drivve_image/specs/edition_xerox/text_usa.png) no-repeat; } #uk #mainArea.image.specs.xerox h3 b { background: url(../graphics/drivve_image/specs/edition_xerox/text_uk.png) no-repeat; } #fr #mainArea.image.specs.xerox h3 b { background: url(../graphics/drivve_image/specs/edition_xerox/text_fr.png) no-repeat; } #de #mainArea.image.specs.xerox h3 b { background: url(../graphics/drivve_image/specs/edition_xerox/text_de.png) no-repeat; } #mx #mainArea.image.specs.xerox h3 b { background: url(../graphics/drivve_image/specs/edition_xerox/text_mx.png) no-repeat; } #mainArea.image.specs.canon h3 i { background: url(../graphics/drivve_image/specs/edition_canon/banner.png) no-repeat; } #en #mainArea.image.specs.canon h3 b { background: url(../graphics/drivve_image/specs/edition_canon/text_usa.png) no-repeat; } #uk #mainArea.image.specs.canon h3 b { background: url(../graphics/drivve_image/specs/edition_canon/text_uk.png) no-repeat; } #fr #mainArea.image.specs.canon h3 b { background: url(../graphics/drivve_image/specs/edition_canon/text_fr.png) no-repeat; } #de #mainArea.image.specs.canon h3 b { background: url(../graphics/drivve_image/specs/edition_canon/text_de.png) no-repeat; } #mx #mainArea.image.specs.canon h3 b { background: url(../graphics/drivve_image/specs/edition_canon/text_mx.png) no-repeat; } #mainArea.image.editions h3 i { background: url(../graphics/drivve_image/editions/banner.png) no-repeat; } #en #mainArea.image.editions h3 b { background: url(../graphics/drivve_image/editions/text_usa.png) no-repeat; } #uk #mainArea.image.editions h3 b { background: url(../graphics/drivve_image/editions/text_uk.png) no-repeat; } #fr #mainArea.image.editions h3 b { background: url(../graphics/drivve_image/editions/text_fr.png) no-repeat; } #de #mainArea.image.editions h3 b { background: url(../graphics/drivve_image/editions/text_de.png) no-repeat; } #mx #mainArea.image.editions h3 b { background: url(../graphics/drivve_image/editions/text_mx.png) no-repeat; } #mainArea.image.video h3 i { background: url(../graphics/drivve_image/video/banner.png) no-repeat; } #en #mainArea.image.video h3 b { background: url(../graphics/drivve_image/video/text_usa.png) no-repeat; } #uk #mainArea.image.video h3 b { background: url(../graphics/drivve_image/video/text_uk.png) no-repeat; } #fr #mainArea.image.video h3 b { background: url(../graphics/drivve_image/video/text_fr.png) no-repeat; } #de #mainArea.image.video h3 b { background: url(../graphics/drivve_image/video/text_de.png) no-repeat; } #mx #mainArea.image.video h3 b { background: url(../graphics/drivve_image/video/text_mx.png) no-repeat; } #mainArea.image.faq h3 i { background: url(../graphics/drivve_image/faq/banner.png) no-repeat; } #en #mainArea.image.faq h3 b { background: url(../graphics/drivve_image/faq/text_usa.png) no-repeat; } #uk #mainArea.image.faq h3 b { background: url(../graphics/drivve_image/faq/text_uk.png) no-repeat; } #fr #mainArea.image.faq h3 b { background: url(../graphics/drivve_image/faq/text_fr.png) no-repeat; } #de #mainArea.image.faq h3 b { background: url(../graphics/drivve_image/faq/text_de.png) no-repeat; } #mx #mainArea.image.faq h3 b { background: url(../graphics/drivve_image/faq/text_mx.png) no-repeat; } #mainArea.image.download h3 i { background: url(../graphics/drivve_image/download/banner.png) no-repeat; } #en #mainArea.image.download h3 b { background: url(../graphics/drivve_image/download/text_usa.png) no-repeat; } #uk #mainArea.image.download h3 b { background: url(../graphics/drivve_image/download/text_uk.png) no-repeat; } #fr #mainArea.image.download h3 b { background: url(../graphics/drivve_image/download/text_fr.png) no-repeat; } #de #mainArea.image.download h3 b { background: url(../graphics/drivve_image/download/text_de.png) no-repeat; } #mx #mainArea.image.download h3 b { background: url(../graphics/drivve_image/download/text_mx.png) no-repeat; } /* @end */ /* @group Banners .xbs */ .xbs #mainArea h3 { background: url(../graphics/drivve_xbs/banner.png) repeat-x; } .xbs #mainArea.presentation h3 i { background: url(../graphics/drivve_xbs/presentation/banner.png) no-repeat; } .xbs #mainArea.presentation h3 b { background: url(../graphics/drivve_xbs/presentation/text_de.png) no-repeat; } .xbs #mainArea.features h3 i { background: url(../graphics/drivve_xbs/features/banner.png) no-repeat; } .xbs #mainArea.features h3 b { background: url(../graphics/drivve_xbs/features/text_de.png) no-repeat; } .xbs #mainArea.editions h3 i { background: url(../graphics/drivve_xbs/editions/banner.png) no-repeat; } .xbs #mainArea.editions h3 b { background: url(../graphics/drivve_xbs/editions/text_de.png) no-repeat; } .xbs #mainArea.technology h3 i { background: url(../graphics/drivve_xbs/technology/banner.png) no-repeat; } .xbs #mainArea.technology h3 b { background: url(../graphics/drivve_xbs/technology/text_de.png) no-repeat; } .xbs #mainArea.specs h3 i { background: url(../graphics/drivve_xbs/specs/banner.png) no-repeat; } .xbs #mainArea.specs h3 b { background: url(../graphics/drivve_xbs/specs/text_de.png) no-repeat; } .xbs #mainArea.video h3 i { background: url(../graphics/drivve_xbs/video/banner.png) no-repeat; } .xbs #mainArea.video h3 b { background: url(../graphics/drivve_xbs/video/text_de.png) no-repeat; } .xbs #mainArea.faq h3 i { background: url(../graphics/drivve_xbs/faq/banner.png) no-repeat; } .xbs #mainArea.faq h3 b { background: url(../graphics/drivve_xbs/faq/text_de.png) no-repeat; } /* @end */ /* @group Banners .about */ #mainArea.about h3 { background: url(../graphics/contact/banner.jpg) no-repeat; } #mainArea.about.main h3 i { background: url(../graphics/about/presentation/banner.png) no-repeat; } #en #mainArea.about.main h3 b { background: url(../graphics/about/presentation/text_usa.png) no-repeat; } #uk #mainArea.about.main h3 b { background: url(../graphics/about/presentation/text_uk.png) no-repeat; } #fr #mainArea.about.main h3 b { background: url(../graphics/about/presentation/text_fr.png) no-repeat; } #de #mainArea.about.main h3 b { background: url(../graphics/about/presentation/text_de.png) no-repeat; } #mx #mainArea.about.main h3 b { background: url(../graphics/about/presentation/text_mx.png) no-repeat; } #mainArea.about.mission h3 i { background: url(../graphics/about/mission/banner.png) no-repeat; } #en #mainArea.about.mission h3 b { background: url(../graphics/about/mission/text_usa.png) no-repeat; } #uk #mainArea.about.mission h3 b { background: url(../graphics/about/mission/text_uk.png) no-repeat; } #fr #mainArea.about.mission h3 b { background: url(../graphics/about/mission/text_fr.png) no-repeat; } #de #mainArea.about.mission h3 b { background: url(../graphics/about/mission/text_de.png) no-repeat; } #mx #mainArea.about.mission h3 b { background: url(../graphics/about/mission/text_mx.png) no-repeat; } #mainArea.about.partners h3 i { background: url(../graphics/about/partners/banner.png) no-repeat; } #en #mainArea.about.partners h3 b { background: url(../graphics/about/partners/text_usa.png) no-repeat; } #uk #mainArea.about.partners h3 b { background: url(../graphics/about/partners/text_uk.png) no-repeat; } #fr #mainArea.about.partners h3 b { background: url(../graphics/about/partners/text_fr.png) no-repeat; } #de #mainArea.about.partners h3 b { background: url(../graphics/about/partners/text_de.png) no-repeat; } #mx #mainArea.about.partners h3 b { background: url(../graphics/about/partners/text_mx.png) no-repeat; } #mainArea.about.events h3 i { background: url(../graphics/about/events/banner.png) no-repeat; } #en #mainArea.about.events h3 b { background: url(../graphics/about/events/text_usa.png) no-repeat; } #uk #mainArea.about.events h3 b { background: url(../graphics/about/events/text_uk.png) no-repeat; } #fr #mainArea.about.events h3 b { background: url(../graphics/about/events/text_fr.png) no-repeat; } #de #mainArea.about.events h3 b { background: url(../graphics/about/events/text_de.png) no-repeat; } #mx #mainArea.about.events h3 b { background: url(../graphics/about/events/text_mx.png) no-repeat; } #mainArea.about.news h3 i { background: url(../graphics/about/news/banner.png) no-repeat; } #en #mainArea.about.news h3 b { background: url(../graphics/about/news/text_usa.png) no-repeat; } #uk #mainArea.about.news h3 b { background: url(../graphics/about/news/text_uk.png) no-repeat; } #fr #mainArea.about.news h3 b { background: url(../graphics/about/news/text_fr.png) no-repeat; } #de #mainArea.about.news h3 b { background: url(../graphics/about/news/text_de.png) no-repeat; } #mx #mainArea.about.news h3 b { background: url(../graphics/about/news/text_mx.png) no-repeat; } #mainArea.about.legal h3 i { background: url(../graphics/about/legal/banner.png) no-repeat; } #en #mainArea.about.legal h3 b { background-image: url(../graphics/about/legal/text_usa.png); } #uk #mainArea.about.legal h3 b { background-image: url(../graphics/about/legal/text_uk.png); } #fr #mainArea.about.legal h3 b { background-image: url(../graphics/about/legal/text_fr.png); } #de #mainArea.about.legal h3 b { background-image: url(../graphics/about/legal/text_de.png); } #mx #mainArea.about.legal h3 b { background-image: url(../graphics/about/legal/text_mx.png); } #mainArea.about.testimonials h3 i { background: url(../graphics/about/testimonials/banner.png) no-repeat; } #en #mainArea.about.testimonials h3 b { background-image: url(../graphics/about/testimonials/text_usa.png); } #uk #mainArea.about.testimonials h3 b { background-image: url(../graphics/about/testimonials/text_uk.png); } #fr #mainArea.about.testimonials h3 b { background-image: url(../graphics/about/testimonials/text_fr.png); } #de #mainArea.about.testimonials h3 b { background-image: url(../graphics/about/testimonials/text_de.png); } #mx #mainArea.about.testimonials h3 b { background-image: url(../graphics/about/testimonials/text_mx.png); } #mainArea.about.careers h3 i { background: url(../graphics/about/careers/banner.png) no-repeat; } #en #mainArea.about.careers h3 b { background-image: url(../graphics/about/careers/text_usa.png); } #uk #mainArea.about.careers h3 b { background-image: url(../graphics/about/careers/text_uk.png); } #fr #mainArea.about.careers h3 b { background-image: url(../graphics/about/careers/text_fr.png); } #de #mainArea.about.careers h3 b { background-image: url(../graphics/about/careers/text_de.png); } #mx #mainArea.about.careers h3 b { background-image: url(../graphics/about/careers/text_mx.png); } /* @end */ /* @group Banners contact */ #mainArea.contact h3 { background: url(../graphics/contact/banner.jpg) no-repeat; } #mainArea.contact.main h3 i { background: url(../graphics/contact/main/banner.png) no-repeat; } #en #mainArea.contact.main h3 b { background: url(../graphics/contact/main/text_usa.png) no-repeat; } #uk #mainArea.contact.main h3 b { background: url(../graphics/contact/main/text_uk.png) no-repeat; } #fr #mainArea.contact.main h3 b { background: url(../graphics/contact/main/text_fr.png) no-repeat; } #de #mainArea.contact.main h3 b { background: url(../graphics/contact/main/text_de.png) no-repeat; } #mx #mainArea.contact.main h3 b { background: url(../graphics/contact/main/text_mx.png) no-repeat; } #mainArea.contact.buy h3 i { background: url(../graphics/contact/buy/banner.png) no-repeat; } #en #mainArea.contact.buy h3 b { background: url(../graphics/contact/buy/text_usa.png) no-repeat; } #uk #mainArea.contact.buy h3 b { background: url(../graphics/contact/buy/text_uk.png) no-repeat; } #fr #mainArea.contact.buy h3 b { background: url(../graphics/contact/buy/text_fr.png) no-repeat; } #de #mainArea.contact.buy h3 b { background: url(../graphics/contact/buy/text_de.png) no-repeat; } #mx #mainArea.contact.buy h3 b { background: url(../graphics/contact/buy/text_mx.png) no-repeat; } #mainArea.contact.support h3 i { background: url(../graphics/contact/support/banner.png) no-repeat; } #en #mainArea.contact.support h3 b { background: url(../graphics/contact/support/text_usa.png) no-repeat; } #uk #mainArea.contact.support h3 b { background: url(../graphics/contact/support/text_uk.png) no-repeat; } #fr #mainArea.contact.support h3 b { background: url(../graphics/contact/support/text_fr.png) no-repeat; } #de #mainArea.contact.support h3 b { background: url(../graphics/contact/support/text_de.png) no-repeat; } #mx #mainArea.contact.support h3 b { background: url(../graphics/contact/support/text_mx.png) no-repeat; } #en #mainArea.contact.dealers h3 b { background: url(../graphics/contact/dealers/text_usa.png) no-repeat; } #uk #mainArea.contact.dealers h3 b { background: url(../graphics/contact/dealers/text_uk.png) no-repeat; } #fr #mainArea.contact.dealers h3 b { background: url(../graphics/contact/dealers/text_fr.png) no-repeat; } #de #mainArea.contact.dealers h3 b { background: url(../graphics/contact/dealers/text_de.png) no-repeat; } #mx #mainArea.contact.dealers h3 b { background: url(../graphics/contact/dealers/text_mx.png) no-repeat; } #mainArea.contact.dealers.sharp h3 i { background: url(../graphics/contact/dealers/sharp/banner.png) no-repeat; } #en #mainArea.contact.dealers.sharp h3 b { background: url(../graphics/contact/dealers/sharp/text_usa.png) no-repeat; } #uk #mainArea.contact.dealers.sharp h3 b { background: url(../graphics/contact/dealers/sharp/text_uk.png) no-repeat; } #fr #mainArea.contact.dealers.sharp h3 b { background: url(../graphics/contact/dealers/sharp/text_fr.png) no-repeat; } #de #mainArea.contact.dealers.sharp h3 b { background-image: none; } #mx #mainArea.contact.dealers.sharp h3 b { background-image: none; } #mainArea.contact.dealers.toshiba h3 i { background: url(../graphics/contact/dealers/toshiba/banner.png) no-repeat; } #en #mainArea.contact.dealers.toshiba h3 b { background: url(../graphics/contact/dealers/toshiba/text_usa.png) no-repeat; } #uk #mainArea.contact.dealers.toshiba h3 b { background: url(../graphics/contact/dealers/toshiba/text_uk.png) no-repeat; } #fr #mainArea.contact.dealers.toshiba h3 b { background: url(../graphics/contact/dealers/toshiba/text_fr.png) no-repeat; } #de #mainArea.contact.dealers.toshiba h3 b { background-image: none; } #mx #mainArea.contact.dealers.toshiba h3 b { background-image: none; } /* @end */ /* @end */ /* @group .home */ #container.home { height: 750px; } .home #bigZone { position: relative; top: 110px; width: 900px; height: 600px; } .home #bigZone span { display: none; } .home #bigZone a p { position: absolute; top: 56px; left: 37px; display: block; width: 370px; color: #9f9f9f; font: 13px 'Lucida Grande', Arial, sans-serif; } .home #bigZone h2 { position: absolute; top: -70px; left: 6px; display: block; width: 900px; height: 45px; background: url(../graphics/home/office_map.png) -8px -1138px; behavior: url(css/iepngfix.htc); } .home #bigZone h2 p { position: relative; width: 875px; height: 30px; } .home.en #bigZone h2 p { top: 5px; left: -8px; background-image: url(../graphics/home/headline_en.png); behavior: url(css/iepngfix.htc); } .home.fr #bigZone h2 p { top: 5px; left: -7px; background-image: url(../graphics/home/headline_fr.png); behavior: url(css/iepngfix.htc); } .home.de #bigZone h2 p { top: 5px; left: 3px; behavior: url(css/iepngfix.htc); background: url(../graphics/home/headline_de.png) -9px -1px; } .home.mx #bigZone h2 p { top: 5px; left: 3px; behavior: url(css/iepngfix.htc); background: url(../graphics/home/headline_mx.png) -9px -1px; } .home #bigZone a p:hover, .home #bigZone a h3:hover, .home #bigZone a h5:hover, .home #bigZone a h6:hover { cursor: pointer; } .home #bigZone div.drivve_image, .home #bigZone div.drivve_dm { position: absolute; top: 116px; left: 0; display: block; width: 900px; height: 520px; } .home #bigZone div.drivve_image { background: url(../graphics/home/office_map.png) no-repeat 0 -60px; behavior: url(css/iepngfix.htc); } .home #bigZone div.drivve_dm { background: url(../graphics/home/office_map.png) no-repeat 0 -610px; behavior: url(css/iepngfix.htc); } .home #bigZone a.drivve_image, .home #bigZone a.drivve_dm { position: absolute; top: 0; display: block; height: 520px; text-align: center; } .home #bigZone a.drivve_image { left: 0; width: 452px; } .home #bigZone a.drivve_image h3 { position: absolute; top: 0; left: 92px; width: 266px; height: 43px; behavior: url(css/iepngfix.htc); background: url(../graphics/home/office_map.png) -89px -4px; } .home #bigZone a.drivve_dm { left: 452px; width: 443px; } .home #bigZone a.drivve_dm h3 { position: absolute; top: 0; left: 90px; width: 266px; height: 43px; behavior: url(css/iepngfix.htc); background: url(../graphics/home/office_map.png) -547px -4px; } .home #bigZone a li { position: absolute; text-align: left; } .home #bigZone a li h5 { font-size: 13px; color: #363636; margin-bottom: 3px; } .home #bigZone a li h6 { font-size: 12px; color: #7e7e7e; font-weight: normal; font-style: normal; } .home #bigZone a li.scanners { top: 144px; left: 199px; width: 192px; } .home #bigZone a li.management { top: 523px; left: 144px; width: 173px; } .home #bigZone a li.yourdocs { top: 489px; left: 218px; width: 183px; } /* @end */ /* @group #content */ #content { width: 896px; color: black; font-size: 12px; margin-bottom: 12px; margin-top: -8px; background: #ececec url(../graphics/main/content_background.png) -901px; } .withColumn #content { background: #ececec url(../graphics/main/content_background.png) -5412px; } #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content .top { display: block; width: 896px; height: 24px; margin-bottom: 9px; background: url(../graphics/main/content_background.png) repeat-x 0 0; } .withColumn #content .top { background: url(../graphics/main/content_background.png) -4511px; } #content .bottom { position: relative; top: 14px; display: block; width: 896px; height: 24px; background: url(../graphics/main/content_background.png) -2703px; } .withColumn #content .bottom { background: url(../graphics/main/content_background.png) -7219px; } #content p { color: black; margin-bottom: 10px; margin-right: 40px; margin-left: 40px; text-align: justify; } #content p.red { color: red; } #content p.intro { color: #000; font-weight: bold; font-size: 13px; } #content .twoColumn { width: 445px; display: inline-block; } #content .fourColumn { width: 215px; display: inline-block; } #content .fourColumn h5 { color: #5c5c5c; font-size: 14px; font-weight: bold; margin-left: 39px; margin-bottom: 7px; } #de #content #fujitsu a.specialOffer { width: 570px; height: 80px; background: url(../graphics/drivve_image/specs/side_buttons.png) -34px -587px; display: block; margin-left: 53px; } #de #content a.specialOffer span { display: none; } #content a.seeAllFaxServer { width: 570px; height: 80px; background: url(../graphics/drivve_image/specs/side_buttons.png) -34px -587px; display: block; margin-left: 53px; } #content a.seeAllFaxServer span { display: none; } #content .showSpecs, #content .downloadPDF, #content .showSpecs i, #content .downloadPDF i { position: relative; display: block; width: 153px; height: 84px; float: left; background: url(../graphics/main/badges_en.png) -3px -284px; } #en #content .showSpecs i, #en #content .downloadPDF i { background-image: url(../graphics/main/badges_en.png); } #uk #content .showSpecs i, #en #content .downloadPDF i { background-image: url(../graphics/main/badges_uk.png); } #fr #content .showSpecs i, #fr #content .downloadPDF i { background-image: url(../graphics/main/badges_fr.png); } #de #content .showSpecs i, #de #content .downloadPDF i, #de #content .fujitsuOfferButton i { background-image: url(../graphics/main/badges_de.png); } #mx #content .showSpecs i, #mx #content .downloadPDF i { background-image: url(../graphics/main/badges_mx.png); } .dm #content .showSpecs:hover, .dm #content .downloadPDF:hover { background: url(../graphics/main/badges_en.png) -3px -376px; } .image #content .showSpecs:hover, .image #content .downloadPDF:hover { background: url(../graphics/main/badges_en.png) -160px -284px; } .xbs #content .showSpecs:hover, .xbs #content .downloadPDF:hover { background: url(../graphics/main/badges_en.png) -160px -377px; } #content .downloadPDF { right: 10px; margin-right: -1px; } #content .showSpecs { float: right; } #content .showSpecs span, #content .downloadPDF span { display: none; } .image #content .showSpecs i { background-position: -4px -8px; } .image #content .downloadPDF i { background-position: -162px -8px; } .xbs #content .showSpecs i { background: url(../graphics/main/badges_de.png) -4px -192px; } .xbs #content .downloadPDF i { background: url(../graphics/main/badges_de.png) -162px -192px; } .dm #content .showSpecs i { background-position: -4px -99px; } .dm #content .downloadPDF i { background-position: -162px -99px; } #content h4, #content h6 { color: #9f9f9f; text-align: left; font: normal 22px Helvetica, Arial, Sans-Serif; text-shadow: #fbfbfb 1px 1px 0; margin-left: 40px; margin-right: 40px; width: 760px; } #content h4 { margin-bottom: 3px; font-family: Helvetica, Arial, Sans-Serif; margin-top: 16px; } #content #carousel h4 { margin-left: 50px; } #content h6 { background: url(../graphics/main/drivve32.png) no-repeat; margin-bottom: 8px; margin-top: 20px; padding: 12px 0 4px 37px; } #content h6 i { font-weight: normal; font-style: normal; color: #888; font-size: 13px; } #content h6 sup { font-size: 10px; } #content .baseline { position: relative; left: 38px; margin-top: -7px; font-size: 12px; margin-right: 82px; color: #7e7e7e; text-shadow: white 1px 1px 0; } /* @group h6 for image */ .image #content h6#general { background-position: 0 -2456px; } .image #content h6#spt { background-position: 0 -9px; } .image #content h6#barcode { background-position: -1px -47px; } .image #content h6#email { background-position: 0 -90px; } .image #content h6#database { background-position: -1px -138px; } .image #content h6#optical { background-position: 0 -181px; } .image #content h6#snapform { background-position: -1px -223px; } .image #content h6#coversheet { background-position: -1px -2543px; } .image #content h6#sharePoint { background-position: -1px -2588px; } .image #content h6#analyst { background-position: -1px -266px; } .image #content h6#faxCore { background-position: -1px -2673px; } .image #content h6#autoroute { background-position: 0 -1030px; } .image #content h6#osa { background-position: 0 -306px; } .image #content h6#fujitsu { background-position: 0 -1481px; } .image #content h6#xerox { background-position: 0 -1521px; } .image #content h6#canon { background: red 0 -1510px; } .image #content h6#indie { background-position: 0 -346px; } .image #content h6#xhtml { background-position: 0 -2185px; } .image #content h6#soap { background-position: 0 -2111px; } .image #content h6#compression { background-position: 0 -2148px; } .image #content h6#xml { background-position: 0 -2075px; } .image #content h6#ocr { background-position: 0 -1775px; } .image #content h6#ldap { background-position: 0 -2220px; } .image #content h6#exchange { background-position: 0 -2255px; } .image #content h6#ftp { background-position: 0 -2297px; } .image #content h6#activeDir { background-position: 0 -2336px; } /* @end */ /* @group h6 for dm */ .dm #content h6#database { background-position: 0 -1758px; } .dm #content h6#documents { background-position: -1px -598px; } .dm #content h6#projects { background-position: 0 -637px; } .dm #content h6#indexing { background-position: 0 -671px; } .dm #content h6#ease { background-position: -1px -711px; } .dm #content h6#install { background-position: -1px -750px; } .dm #content h6#admin { background-position: -1px -790px; } .dm #content h6#scalable { background-position: 0 -832px; } .dm #content h6#protection { background-position: -2px -874px; } .dm #content h6#workflow { background-position: 0 -1314px; } .dm #content h6#iphone { background-position: 0 -915px; } .dm #content h6#container { background-position: 0 -1799px; } .dm #content h6#xml { background-position: 0 -1839px; } .dm #content h6#storage { background-position: 0 -1878px; } .dm #content h6#web2 { background-position: 0 -1916px; } .dm #content h6#independency { background-position: 0 -1954px; } .dm #content h6#security { background-position: 0 -1994px; } /* @end */ /* @group h6 for xbs */ .xbs #content h6#documents { background-position: -1px -1071px; } .xbs #content h6#projects { background-position: -2px -1111px; } .xbs #content h6#rights { background-position: -1px -1152px; } .xbs #content h6#webaccess { background-position: -1px -1194px; } .xbs #content h6#contact { background-position: 1px -1239px; } .xbs #content h6#communication { background-position: -1px -1276px; } .xbs #content h6#workflow { background-position: -1px -1317px; } .xbs #content h6#datenbank { background-position: 0 -1758px; } .xbs #content h6#kontainerbasierte { background-position: 0 -1799px; } .xbs #content h6#generische { background-position: 0 -1878px; } .xbs #content h6#sicherheit { background-position: 0 -1994px; } .xbs #content h6#ausfallsicher { background-position: 0 -2415px; } .xbs #content h6#xml { background-position: 0 -2372px; } /* @end */ #content p.question { width: 534px; padding: 5px 10px 6px; margin-left: -10px; font: 14px "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; margin-bottom: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .dm #content p.question { color: #63950b; background-color: #ecfcee; border-bottom: 1px solid #b9ff67; border-right: 1px solid #b9ff67; border-top: 1px solid #f5fff5; border-left: 1px solid #f5fff5; } .image #content p.question { color: #49828f; background-color: #edfcfc; border-bottom: 1px solid #bbe7f9; border-right: 1px solid #bbe7f9; border-top: 1px solid #f4fcff; border-left: 1px solid #f4fcff; } .xbs #content p.question { color: #bc6c29; background-color: #fcf6e5; border-bottom: 1px solid #ffdb9f; border-right: 1px solid #ffdb9f; border-top: 1px solid #fffaf3; border-left: 1px solid #fffaf3; } #content ul { margin: -2px 40px 8px 67px; list-style-image: url(../graphics/main/bulletpoint_red.png); } .dm #content ul { list-style-image: url(../graphics/main/bulletpoint_green.png); } .image #content ul { list-style-image: url(../graphics/main/bulletpoint_blue.png); } .xbs #content ul { list-style-image: url(../graphics/main/bulletpoint_orange.png); } #content h6#osaBig, #content h6#indieBig { background-image: none; margin-left: 100px; } #content h6#osaBig span, #content h6#indieBig span { position: relative; left: -140px; top: 32px; display: block; width: 128px; height: 128px; background-image: url(../graphics/drivve_image/features/icon128.png); } #content h6#osaBig span { background-position: -898px; } #content h6#indieBig span { background-position: -1023px; } .specs #content li { margin-bottom: 3px; } .specs #content li span, #content li span, .faq #content li span { position: relative; top: -2px; left: -3px; } .testimonials #side1 a { font-size: 13px; padding-left: 18px; background: url(../graphics/main/drivve16.png) no-repeat -1px -718px; } .testimonials #side1 a:hover { color: #3d7db4; } .testimonials i.descr { margin-top: -8px; width: 538px; margin-left: 40px; margin-bottom: 14px; color: #555; display: block; font-weight: normal; font-style: normal; font-size: 11px; } /* @group #address */ #content #address { margin-top: 20px; } #content #address:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content #address li { float: left; width: 344px; padding: 16px 16px 4px; background-color: #f4f4f4; margin-left: 0; margin-right: 10px; list-style-type: none; margin-bottom: 20px; list-style-image: none; border: 1px solid #ddd; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #content #address span { position: relative; left: 1px; display: block; width: 24px; height: 23px; background-image: url(../graphics/main/general.png); } #content #address h2 { margin-left: 32px; font-size: 15px; display: block; margin-top: -23px; margin-bottom: 1px; } #content #address p { padding-left: 33px; line-height: 17px; color: #595959; margin-left: 0; margin-right: 0; } #content #address p b { color: #a7a7a7; font-weight: normal; font-style: normal; } #content #address .usa span { background-position: -5px -541px; } #content #address .germany span { background-position: -5px -265px; } #content #address .france span { background-position: -5px -506px; } #content #address .mexico span { background-position: -33px -541px; } #content #address .italy span { background-position: -5px -368px; } #content #address .uk span { background-position: -5px -403px; } /* @end */ #content .events li { color: #7e7e7e; margin-bottom: 5px; } #content .events li b { color: black; } #content .events li i { color: black; font-weight: normal; font-style: normal; } #content .twoSides:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content .twoSides div { float: left; display: inline; } #content .twoSides div#checkFormError { display: block; width: 516px; } #content #side1 { width: 618px; margin-right: 28px; overflow: hidden; } #side1 #offer { width: 269px; height: 132px; position: relative; display: block; float: right; margin-right: 15px; margin-left: 11px; background: url(../graphics/drivve_image/specs/side_buttons.png) -21px -698px; margin-top: -13px; } #content #side1 h6 { width: 499px; } #content #side2 { width: 220px; margin-top: -3px; color: #646464; text-align: left; overflow: hidden; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #content #side2 h4 { padding-left: 5px; color: #484848; margin: 0; font: 17px Helvetica, Arial, Sans-Serif; background-position: -693px 0; background-repeat: no-repeat; border-left: 2px solid #9f9f9f; text-shadow: #e2e2e2 1px 1px 1px; } #content #side2 p { color: #7e7e7e; margin: 4px 0; } #content #side2 i { display: block; font-size: 12px; color: #9f9f9f; } #content #side2 .section { margin-bottom: 14px; width: 218px; } #content #side2 label { display: block; margin-bottom: -1px; } #content #side2 .submit span { display: none; } #content #side2 .submit { position: relative; top: 2px; display: inline-block; width: 13px; height: 13px; margin-top: 4px; background: url(../graphics/main/drivve16.png) no-repeat -2px -773px; } #content #side2 .submit:hover { opacity: 0.75; } #content #side2 .error { display: block; color: red; font-weight: normal; font-style: normal; font-size: 11px; margin-top: 1px; } #content #side2 .thx { display: block; margin-top: 1px; font-weight: normal; font-style: normal; font-size: 12px; color: #555; } #content #side2 .edtions { position: relative; display: block; width: 211px; height: 51px; margin-bottom: 18px; background-image: url(../graphics/drivve_image/specs/side_buttons.png); } #content #side2 .edtions:hover { cursor: pointer; } #content #side2 .edtions h4 { display: none; } #content #side2 .edtions p { position: absolute; top: 24px; right: 28px; color: white; font-size: 13px; } #content #side2 .edtions.autoroute { background-position: -34px -24px; } #content #side2 .edtions.fujitsu { background-position: -34px -304px; } #content #side2 .edtions.sharp { background-position: -34px -94px; } #content #side2 .edtions.toshiba { background-position: -34px -2055px; } #content #side2 .edtions.kyocera { background-position: -34px -1070px; } #content #side2 .edtions.xerox { background-position: -34px -164px; } #content #side2 .edtions.canon { background-position: -34px -516px; } /* @group Frame */ #content #side2 .frame { position: relative; left: -12px; width: 240px; } #content #side2 .frame b { display: block; margin-bottom: 3px; color: #dcdcdc; font-size: 14px; padding: 28px 5px 8px 0; text-shadow: #000 1px 1px 2px; background: url(../graphics/main/events.png) 0 0; } #content #side2 .frame b u { padding-left: 40px; text-decoration: none; } #content #side2 .frame i, #content #side2 .frame span, #content #side2 .frame em, #content #side2 .frame a { display: block; font-weight: normal; font-style: normal; font-size: 11px; padding-right: 24px; padding-left: 0; border-top-style: none; background: url(../graphics/main/events.png) -240px 0; } #content #side2 .frame i u, #content #side2 .frame span u, #content #side2 .frame em u, #content #side2 .frame a u { display: block; padding-left: 28px; text-decoration: none; } #content #side2 .frame i { margin-top: -3px; color: #bfbfbf; } #content #side2 .frame span { color: #7e7e7e; padding-top: 1px; } #content #side2 .frame em { color: #dcdcdc; padding-top: 6px; text-align: left; } #content #side2 .frame a { display: block; padding-left: 0; font-weight: normal; font-style: normal; margin-top: 0; padding-bottom: 22px; padding-top: 12px; color: #79a1ff; background: url(../graphics/main/events.png) -480px 0; } /* @end */ #content #side2 p strong, #content .icon { display: block; font-weight: normal; font-style: normal; padding-left: 20px; margin-top: 4px; background: url(../graphics/main/drivve16.png) no-repeat; margin-bottom: 4px; height: 16px; } #content #side2 p strong.pdf, #content .icon.pdf { background-position: -1px -718px; } #content #side2 p strong.twitter { background: url(../graphics/about/news/twitter.png) no-repeat; } #content #side2 p strong.download, #content .icon.download { background-position: -1px -746px; } #content #side2 p strong.germany { background: url(../graphics/main/general.png) -6px -265px; padding-top: 5px; padding-left: 28px; padding-bottom: 5px; } #side2 .bigButton { width: 222px; height: 81px; background: url(../graphics/main/general.png) no-repeat -426px -454px; display: block; text-align: center; margin-top: 7px; } #side2 .bigButton strong { width: 220px; height: 80px; background: url(../graphics/main/general.png) no-repeat -136px -462px; position: relative; display: block; } #side2 .bigButton strong span { position: relative; top: 55px; font-style: normal; font-size: 12px; color: #006781; } #side2 .bigButton:hover strong span { color: #00a3ce; cursor: pointer; } #side2 .supportRequest { margin-top: 10px; } #side2 .supportRequest p { background: url(../graphics/main/general.png) -195px -471px; color: #606060; padding-left: 49px; height: 40px; margin-bottom: -19px; padding-bottom: 9px; } #content #side1 #thankYou, #content #side1 #validationError, #content #side1 #requestError { padding: 0; margin: 0; } #content h2.image { width: 163px; height: 25px; background: url(../graphics/main/general.png) -154px -193px; margin-top: 14px; margin-bottom: 2px; margin-left: 40px; } #content h2.image i { position: relative; left: 150px; top: -6px; display: block; width: 32px; height: 32px; } #content h2.image i.v2 { background: url(../graphics/main/general.png) -489px -182px; } #content h2.image i.v3 { background: url(../graphics/main/general.png) -533px -182px; } #content h2.image span { display: none; } #side1 .xbsPresentation { width: 539px; display: block; position: relative; margin-left: 41px; height: 140px; } #side1 .xbsPresentation img { margin-top: -46px; } #side1 .xbsPresentation h4 { border-bottom: 1px solid #ff9e4b; margin-left: 137px; width: 399px; height: 27px; } #side1 .xbsPresentation em { width: 399px; display: block; padding-top: 4px; margin-bottom: 3px; margin-top: -81px; color: #363636; font: normal 14px "Trebuchet MS"; margin-left: 137px; } #side1 .xbsPresentation p { width: 399px; margin-left: 137px; display: block; margin-top: 11px; font-size: 14px; color: #9f9f9f; font-weight: normal; font-style: normal; } .news #side1 h4 { border-bottom: 1px solid #de0028; padding-bottom: 4px; margin-bottom: 9px; font-size: 18px; width: 536px; } .news .release { margin-bottom: 20px; } .news .release img { position: absolute; margin-bottom: 10px; margin-left: 36px; margin-right: 15px; } .news .release p { padding-left: 140px; } .news .release em { display: block; padding-top: 4px; margin-bottom: 3px; margin-top: 6px; color: #7e7e7e; font-weight: normal; font-style: normal; font-size: 13px; margin-left: 180px; } .news #content .release ul { width: 370px; margin-right: 0; margin-left: 204px; } .whatToDoNow { position: relative; left: -27px; width: 856px; top: 10px; } .whatToDoNow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .whatToDoNow li { display: block; float: left; margin-right: 37px; list-style-type: none; list-style-image: none; } .whatToDoNow li span { display: none; } .whatToDoNow li a { display: block; float: left; width: 248px; height: 161px; text-align: center; } .whatToDoNow li.dm a { background: url(../graphics/main/thx_forms_buttons/drivve_dm.png) -7px -7px; } .whatToDoNow li.image a { background: url(../graphics/main/thx_forms_buttons/drivve_image.png) -7px -7px; } .whatToDoNow li.xbs a { background: url(../graphics/main/thx_forms_buttons/drivve_xbs.png) -7px -7px; } .whatToDoNow li.about a { background: url(../graphics/main/thx_forms_buttons/drivve_about.png) -7px -7px; } .whatToDoNow li a i { position: relative; top: 112px; display: block; width: 200px; margin-left: 23px; font-weight: normal; font-style: normal; font-size: 13px; color: #484848; text-shadow: #e1e1e1 1px 1px 0; *margin-left: 0; } #content ul.threeSteps { margin-left: 41px; margin-top: 20px; } .download .threeSteps:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .download .threeSteps li { float: left; width: 146px; height: 35px; margin-left: 17px; margin-right: 16px; padding: 132px 0 0; text-align: center; color: #555; list-style-image: none; list-style-type: none; background: url(../graphics/drivve_image/download/icon128.png) no-repeat; } .download .threeSteps li.form { background-position: 13px 1px; } .download .threeSteps li.email { background-position: -127px 1px; } .download .threeSteps li.enjoy { background-position: -285px 2px; } /* @end */ /* @group #carousel */ #carousel { position: relative; margin-top: 22px; padding-left: 147px; margin-left: 40px; } #carousel #slider { min-height: 300px; position: relative; overflow: hidden; background-color: #f4f4f4; border: 1px solid #ddd; -webkit-border-radius: 7px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, white), color-stop(0.5, #f4f4f4)); -moz-border-radius: 7px; border-radius: 7px; } #carousel .tabs { position: absolute; z-index: 2; left: -14px; top: 40px; _left: -156px; } #carousel ul, #carousel li { padding: 0; margin: 0; list-style-image: none; } #carousel .tabs li a { position: relative; top: 1px; left: 0; width: 150px; height: 24px; display: block; padding-left: 23px; padding-top: 7px; margin-left: 6px; color: #5c5c5c; text-align: left; background: url(../graphics/main/drivve16.png) no-repeat; } #carousel .tabs li a span { position: relative; top: 0; left: 0; } #carousel .tabs li a:hover { text-decoration: none; text-shadow: none; } #carousel #slider, #carousel #largePanel li { width: 669px; } #carousel #largePanel { position: relative; left: 0; width: 10000px; } #mainArea.dm.iphone #largePanel li { min-height: 560px; } #largePanel li span { position: absolute; left: 50px; display: block; width: 128px; height: 128px; top: 22px; } #mainArea.dm.iphone #largePanel li span { top: 26px; width: 300px; height: 549px; background: url(../graphics/drivve_dm/iPhone/iphone.png) -11px 5px; } #carousel #largePanel li ul { margin-bottom: 4px; min-height: 0; list-style-type: disc; margin-top: -3px; } #carousel #largePanel li ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #carousel #largePanel li ul li { position: relative; width: 550px; height: auto; padding: 0 0 0 11px; margin: 0 0 5px 53px; background: url(../graphics/main/bullet.png) no-repeat; } #largePanel li h2 { position: relative; left: 199px; width: 420px; height: 54px; margin-bottom: 10px; margin-top: 0; font: normal 24px Helvetica, Arial, Sans-Serif; color: #9f9f9f; text-shadow: white 1px 1px 0; padding-bottom: 0; } #largePanel li #formMainDiv h2 { left: 50px; height: auto; margin-top: 20px; } #mainArea.dm.iphone #largePanel li h2 { left: 349px; width: 270px; height: auto; padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid #b4ff0f; } #largePanel li h2 strong { font-size: 16px; font-weight: normal; font-style: normal; padding-bottom: 10px; } #largePanel li h2 sup { font-size: 12px; } #content h4 sup { font-size: 13px; } #largePanel li h2 i { display: block; text-shadow: none; margin-left: 2px; margin-top: 2px; color: #363636; font: normal 14px "Trebuchet MS"; padding-top: 5px; } .dm #largePanel li h2 i { border-top: 1px solid #b4ff0f; } .image #largePanel li h2 i { border-top: 1px solid #79e2fc; } .xbs #largePanel li h2 i { border-top: 1px solid #ff9e4b; } #largePanel li h5.intro { position: relative; left: 200px; width: 421px; margin: 0 0 18px; padding: 0; font-size: 14px; color: #9f9f9f; font-weight: normal; font-style: normal; height: 52px; border-left-style: none; } #mainArea.dm.iphone #largePanel li h5.intro { left: 350px; width: 271px; height: auto; margin-bottom: 12px; } #largePanel li h5.intro sup { font-size: 10px; } #largePanel li p { position: relative; left: 52px; width: 569px; font-size: 12px; color: black; margin-bottom: 10px; margin-left: 0; margin-right: 0; } #mainArea.dm.iphone #largePanel li p { position: relative; width: 269px; font-size: 12px; color: black; margin-bottom: 10px; left: 352px; margin-left: 0; margin-right: 0; } #largePanel li p sup { font-size: 8px; } #carousel #largePanel li { position: relative; display: block; float: left; padding-top: 30px; } #carousel .tabs li:hover { background: url(../graphics/main/general.png) -714px -286px; } .dm #carousel .tabs li:hover { background: url(../graphics/main/general.png) -715px -142px; } .image #carousel .tabs li:hover { background: url(../graphics/main/general.png) -715px -214px; } .xbs #carousel .tabs li:hover { background: url(../graphics/main/general.png) -715px -358px; } #carousel .cursor { position: absolute; top: 40px; left: -15px; display: block; width: 171px; height: 31px; z-index: 1; background: url(../graphics/main/general.png) -714px -322px; _left: -160px; } .dm #carousel .cursor { background: url(../graphics/main/general.png) -714px -178px; } .image #carousel .cursor { background: url(../graphics/main/general.png) -714px -251px; } .xbs #carousel .cursor { background: url(../graphics/main/general.png) -714px -394px; } .sfp #carousel .cursor { background: url(../graphics/main/general.png) -714px -429px; } /* @group .version2 */ .version2 #carousel #largePanel li span { width: 184px; height: 274px; top: 0; left: 0; } .version2 #carousel .showSpecs { margin-right: 45px; } .version2 #carousel #largePanel li h2 { margin-top: 6px; } .version2 #carousel #largePanel li h5.intro { margin-bottom: 12px; } .version2 #carousel #largePanel li div.separator { height: 16px; background: url(../graphics/main/general.png) -90px -46px; margin-top: 120px; margin-bottom: 10px; } .version2 #carousel #largePanel li div.block { overflow: hidden; zoom: 1; word-wrap: break-word; background-color: transparent; margin-bottom: -20px; } .version2 #carousel #largePanel li div.block h4 { color: black; font-size: 17px; margin: 35px 0 5px; } .version2 #carousel #largePanel li div.block p { width: auto; left: 0; } .version2 #carousel #largePanel li div.block.center { padding-left: 52px; margin-bottom: 0; } .version2 #carousel #largePanel li div.block .txtContent { width: 410px; } .version2 #carousel #largePanel li div.block.center .txtContent { position: relative; width: 567px; margin-bottom: 22px; margin-top: -20px; } .version2 #carousel #largePanel li div.block.right .txtContent { float: right; padding-right: 50px; } .version2 #carousel #largePanel li div.block.left .txtContent { float: left; padding-left: 50px; } .version2 #carousel #largePanel li div.block div.txtContent p { color: #686868; } .version2 #carousel #largePanel li div.block div.image { position: relative; height: 180px; width: 180px; background-color: transparent; } .version2 #carousel #largePanel li div.block.center div.image { position: relative; float: none; width: 593px; } .version2 #carousel #largePanel li div.block.left div.image { float: right; } .version2 #carousel #largePanel li div.block.center h4 { margin-bottom: -10px; } /* @group Index.html */ /* @group #drivveFamilly */ .version2 #drivveFamilly { height: 320px; width: 872px; margin-left: 6px; } .version2 #drivveFamilly strong { display: block; height: 76px; width: 872px; background: url(../graphics/drivve_image/presentation/Product_Map_DI_possibility.png) -4px -10px; } .version2 #drivveFamilly strong span { display: none; } .version2 #drivveFamilly div { position: absolute; display: block; height: 190px; width: 266px; padding-right: 3px; padding-left: 3px; font-size: 11px; text-align: center; color: black; background: url(../graphics/drivve_image/presentation/Product_Map_DI_possibility.png) no-repeat; } .version2 #drivveFamilly div b { display: block; margin-top: 192px; font-size: 14px; } .version2 #drivveFamilly div.flatbed_icon { left: 40px; background-position: -37px -90px; } .version2 #drivveFamilly div.mfp_icon { left: 314px; background-position: -312px -90px; } .version2 #drivveFamilly div.touchscreen_icon { left: 588px; background-position: -587px -90px; } /* @end */ .version2 .presentation #carousel #largePanel li span { background-image: url(../graphics/drivve_image/presentation/icons256_presentation.png); } .version2 #carousel #largePanel li#overview span { background-position: -61px; } .version2 #carousel #largePanel li#flatbed span { background-position: -801px -11px; } .version2 #carousel #largePanel li#mfp span { background-position: -562px -2px; } .version2 #carousel #largePanel li#touchscreen span { background-position: -301px; } .version2 #carousel #largePanel li#values span { background-position: -1057px; } ul#imageProcess { position: relative; left: 7px; display: block; width: 650px; height: 782px; background: url(../graphics/drivve_image/presentation/Product_Map_DI.png) 0 -12px; } #carousel #slider ul#imageProcess li { position: absolute; width: 160px; height: 42px; padding: 0; margin: 0; text-align: center; font-size: 11px; } #imageProcess li.scan { top: 134px; left: 249px; } #imageProcess li.configure { top: 327px; left: 249px; } #imageProcess li.email { top: 523px; left: 54px; } #imageProcess li.process { top: 523px; left: 247px; } #imageProcess li.print { top: 523px; left: 440px; } #imageProcess li.store { top: 715px; left: 54px; } #imageProcess li.file { top: 715px; left: 247px; } #imageProcess li.admin { top: 715px; left: 440px; } #carousel #slider #imageProcess li.device { display: block; width: 184px; height: 120px; top: 208px; left: 236px; background-image: url(../graphics/drivve_image/presentation/Product_Map_DI.png); } #carousel #slider #flatbed #imageProcess li.device { background-position: -437px -966px; } #carousel #slider #mfp #imageProcess li.device { background-position: -236px -964px; } #carousel #slider #touchscreen #imageProcess li.device { background-position: -23px -959px; } #content #carousel #values h4 { background: url(../graphics/main/drivve32.png) no-repeat; padding-left: 39px; padding-bottom: 4px; padding-top: 5px; } #content #carousel #values h4.speed { background-position: 2px -390px; } #content #carousel #values h4.power { background-position: 2px -433px; } #content #carousel #values h4.security { background-position: 2px -475px; } #content #carousel #values h4.connectivity { background-position: 2px -560px; } #content #carousel #values h4.usability { background-position: 2px -517px; } /* @end */ /* @group drivve image */ .version2 #mainArea.image #carousel #slider { background: #fdfdfd url(../graphics/drivve_image/top-block_bkd.png) repeat-x; } .version2 .modules #carousel #largePanel li span { background-image: url(../graphics/drivve_image/icons256_image.png); } .version2 #carousel #largePanel li#spt span { background-position: -67px; } .version2 #carousel #largePanel li#barcode span { background-position: -308px; } .version2 #carousel #largePanel li#fax span { background-position: -581px 2px; } .version2 #carousel #largePanel li#database span { background-position: -837px 3px; } .version2 #carousel #largePanel li#optical span { background-position: -1088px; } .version2 #carousel #largePanel li#snapform span { background-position: -1364px 2px; } .version2 #carousel #largePanel li#coversheet span { background-position: -1868px; } .version2 #carousel #largePanel li#sharePoint span { background-position: -2126px 7px; } .version2 #mainArea.image #carousel #largePanel li div.block.center.screenshot div.image { left: -60px; height: 376px; width: 690px; margin-top: -26px; background-image: url(../graphics/drivve_image/modules/screenshots.png); margin-bottom: -20px; } /* @end */ /* @end */ /* @group .next .previous buttons */ #carousel .links { position: relative; height: 32px; margin-top: 20px; z-index: 1; } #carousel .links a { position: absolute; display: block; height: 19px; padding-top: 4px; padding-bottom: 2px; font-size: 13px; background-image: url(../graphics/main/general.png); } .Safari #carousel .links a, .Chrome #carousel .links a { -webkit-user-select: none; } .Firefox #carousel .links a { -moz-user-select: none; } #carousel .next { right: -7px; padding-right: 30px; background-position: right -76px; padding-left: 10px; } #carousel .previous { padding-left: 32px; padding-right: 8px; left: -10px; background-position: -863px -97px; } /* @end */ /* @group .image */ .image.modules #largePanel li span, .image.editions #largePanel li span { background-image: url(../graphics/drivve_image/modules/icon128.png); } .image.modules #largePanel li#spt span { background-position: 5px 1px; } .image.modules #largePanel li#barcode span { background-position: -125px 1px; } .image.modules #largePanel li#fax span { background-position: -255px 5px; } .image.modules #largePanel li#database span { background-position: -383px 3px; } .image.modules #largePanel li#optical span { background-position: -504px 1px; } .image.modules #largePanel li#snapform span { background-position: -634px 8px; } .image.modules #largePanel li#coversheet span { background-position: 714px -1px; } .image.modules #largePanel li#sharePoint span { background-position: 573px -1px; } .image.modules #largePanel li#analyst span { background-position: -769px -2px; } .image.modules #largePanel li#faxCore span { background-position: -2384px -2px; } .image.editions #largePanel li#autoroute span { background-position: -1170px 0; } .image.editions #largePanel li#fujitsu span { background-position: -1298px 0; } .image.editions #largePanel li#sharp span { background-position: -912px 0; } .image.editions #largePanel li#toshiba span { background-position: -2527px 0; } .image.editions #largePanel li#kyocera span { background-position: -2668px 0; } .image.editions #largePanel li#xerox span { background-position: -1432px 0; } .image.editions #largePanel li#canon span { background-position: -1840px 0; } .image.editions #largePanel li#indie span { background-position: -1029px -2px; } #carousel .tabs li.spt a { background-position: 0 -1px; } #carousel .tabs li.barcode a { background-position: 0 -28px; } #carousel .tabs li.fax a { background-position: 0 -54px; } #carousel .tabs li.database a { background-position: 0 -84px; } #carousel .tabs li.optical a { background-position: 0 -116px; } #carousel .tabs li.snapform a { background-position: 0 -147px; } #carousel .tabs li.coversheet a { background-position: 0 -1631px; } #carousel .tabs li.sharePoint a { background-position: 0 -1654px; } #carousel .tabs li.analyst a { background-position: 0 -179px; } #carousel .tabs li.faxCore a { background-position: 0 -1678px; } #carousel .tabs li.xerox a { background-position: 0 -1318px; } #carousel .tabs li.canon a { background-position: 0 -1397px; } #carousel .tabs li.sharp a { background-position: 0 -208px; } #carousel .tabs li.toshiba a { background-position: 0 -2015px; } #carousel .tabs li.kyocera a { background-position: 0 -2037px; } #carousel .tabs li.fujitsu a { background-position: 0 -848px; } #carousel .tabs li.indie a { background-position: 0 -234px; } #carousel .tabs li.autoroute a { background-position: 0 -792px; } /* @end */ /* @group .image + .dm */ .image.presentation #largePanel li span, .dm.presentation #largePanel li span { background-image: url(../graphics/main/icon128.png); } .image.presentation #largePanel li#speed span, .dm.presentation #largePanel li#speed span { background-position: -128px -2px; } .image.presentation #largePanel li#power span, .dm.presentation #largePanel li#power span { background-position: 0 -1px; } .image.presentation #largePanel li#security span, .dm.presentation #largePanel li#security span { background-position: -256px -2px; } .image.presentation #largePanel li#usability span, .dm.presentation #largePanel li#usability span { background-position: -510px 0; } .image.presentation #largePanel li#connectivity span, .dm.presentation #largePanel li#connectivity span { background-position: -385px -2px; } #carousel .tabs li.overview a { background-position: 0 -1735px; } #carousel .tabs li.speed a { background-position: 0 -263px; } #carousel .tabs li.power a { background-position: 0 -327px; } #carousel .tabs li.security a { background-position: 0 -295px; } #carousel .tabs li.usability a { background-position: 0 -357px; } #carousel .tabs li.connectivity a { background-position: 0 -390px; } .version2 #carousel .tabs li.overview a { background-position: 0 -1815px; } .version2 #carousel .tabs li.flatbed a { background-position: 0 -1842px; } .version2 #carousel .tabs li.mfp a { background-position: 0 -1896px; } .version2 #carousel .tabs li.touchscreen a { background-position: 0 -1869px; } .version2 #carousel .tabs li.values a { background-position: 0 -1922px; } /* @end */ /* @group .dm */ .dm.features #largePanel li span { background-image: url(../graphics/drivve_dm/features/icon128.png); } .dm.features #largePanel li#documents span { background-position: -800px -1px; } .dm.features #largePanel li#projects span { background-position: -953px -2px; } .dm.features #largePanel li#indexing span { background-position: -393px -2px; } .dm.features #largePanel li#ease span { background-position: -133px -2px; } .dm.features #largePanel li#install span { background-position: 0 0; } .dm.features #largePanel li#admin span { background-position: -666px 0; } .dm.features #largePanel li#scalable span { background-position: -1107px -3px; } .dm.features #largePanel li#protection span { background-position: -535px -2px; } .dm.features #largePanel li#workflow span { background-position: -1245px -2px; } #carousel .tabs li.documents a { background-position: 0 -424px; } #carousel .tabs li.projects a { background-position: 0 -457px; } #carousel .tabs li.indexing a { background-position: 0 -490px; } #carousel .tabs li.ease a { background-position: 0 -518px; } #carousel .tabs li.install a { background-position: 0 -549px; } #carousel .tabs li.admin a { background-position: 0 -579px; } #carousel .tabs li.scalable a { background-position: 0 -611px; } #carousel .tabs li.protection a { background-position: 0 -645px; } #carousel .tabs li.workflow a { background-position: 0 -1187px; } .dm.presentation #carousel .linkSlideShow { position: absolute; top: 230px; left: -40px; width: 188px; height: 131px; background: url(../graphics/main/open_slideshow_bkd.png) repeat-x; margin-left: 0; margin-right: 0; _display: none; } .dm.presentation #carousel .linkSlideShow a { display: block; width: 167px; height: 120px; margin-left: auto; margin-right: auto; background: url(../graphics/main/general.png) -716px -472px; position: relative; left: 12px; top: -10px; } .dm.presentation #carousel .linkSlideShow a u { display: none; } /* @end */ /* @group .xbs */ .xbs #largePanel li span { background-image: url(../graphics/drivve_xbs/features/icon128.png); } .xbs .features #largePanel li#documents span { background-position: 0 1px; } .xbs .features #largePanel li#projects span { background-position: -129px 0; } .xbs .features #largePanel li#rights span { background-position: -268px -2px; } .xbs .features #largePanel li#webaccess span { background-position: -391px -4px; } .xbs .features #largePanel li#contact span { background-position: -517px -1px; } .xbs .features #largePanel li#communication span { background-position: -643px -3px; } .xbs .features #largePanel li#workflow span { background-position: -782px -2px; } .xbs .editions #largePanel li#light span { background-position: -915px -6px; } .xbs .editions #largePanel li#standard span { background-position: -1043px -6px; } .xbs .editions #largePanel li#pro span { background-position: -1173px -6px; } .xbs #carousel .tabs li.documents a { background-position: 0 -1012px; } .xbs #carousel .tabs li.projects a { background-position: 0 -1041px; } .xbs #carousel .tabs li.rights a { background-position: 0 -1070px; } .xbs #carousel .tabs li.webaccess a { background-position: 0 -1098px; } .xbs #carousel .tabs li.contact a { background-position: 0 -1128px; } .xbs #carousel .tabs li.communication a { background-position: 0 -1157px; } .xbs #carousel .tabs li.workflow a { background-position: 0 -1187px; } .xbs #carousel .tabs li.light a { background-position: 0 -1219px; } .xbs #carousel .tabs li.standard a { background-position: 0 -1250px; } .xbs #carousel .tabs li.pro a { background-position: 0 -1284px; } /* @end */ /* @group partners */ .about.partners #largePanel li span { background-image: url(../graphics/about/partners/icon128.png); } .about.partners #largePanel li#sharp span { background-position: -128px 0; } .about.partners #largePanel li#toshiba span { background-position: -128px 0; } .about.partners #largePanel li#kyocera span { background-position: -128px 0; } .about.partners #largePanel li#samsung span { background-position: 0 0; } .about.partners #largePanel li#fujitsu span { background-position: -384px 0; } .about.partners #largePanel li#pegasus span { background-position: -640px 0; } .about.partners #largePanel li#iris span { background-position: -768px 0; } .about.partners #largePanel li#drdoc span { background-position: -256px 0; } .about.partners #largePanel li#docuteam span { background-position: -1425px 0; } /*#carousel .tabs li.sharp a { background-position: 0 -821px; } #carousel .tabs li.samsung a { background-position: 0 -902px; } #carousel .tabs li.fujitsu a { background-position: 0 -848px; } #carousel .tabs li.pegasus a { background-position: 0 -874px; } #carousel .tabs li.iris a { background-position: 0 -983px; } #carousel .tabs li.drdoc a { background-position: 0 -957px; } #carousel .tabs li.docuteam a { background-position: 0 -930px; }*/ /* @end */ /* @end */ /* @group #simpleTabView */ #content #simpleTabView { position: relative; width: 504px; display: block; padding: 0; margin: 20px 0 0 40px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .Safari #content #simpleTabView, .Chrome #content #simpleTabView { border-width: 53px 19px 53px 19px; -webkit-border-image: url(../graphics/main/tab_view/simpletabview_bkd.png) 53 19 53 19; } .Firefox #content #simpleTabView { border-width: 53px 19px 53px 19px; -moz-border-image: url(../graphics/main/tab_view/simpletabview_bkd.png) 53 19 53 19; } .Firefox.v30 #content #simpleTabView { width: 514px; border: 1px solid #bfbfbf; padding: 50px 12px 14px; background-color: #dbdbdb; } .MSIE #content #simpleTabView { width: 514px; border: 1px solid #bfbfbf; background-color: #dbdbdb; padding: 50px 12px 38px; } .Opera #content #simpleTabView { width: 514px; border: 1px solid #bfbfbf; background-color: #dbdbdb; padding: 50px 12px 38px; } #content #simpleTabView .tabs { margin: -70px 0 0 5px; display: block; zoom: 1; } .Firefox.v30 #content #simpleTabView .tabs { margin: -71px 0 0 5px; padding-top: 1px; } .MSIE #content #simpleTabView .tabs { margin: -71px 0 0 5px; padding-top: 1px; } .Opera #content #simpleTabView .tabs { margin: -71px 0 0 5px; padding-top: 1px; } #content #simpleTabView .tabs li { float: left; margin-right: 4px; list-style-type: none; list-style-image: none; background-color: #f4f4f4; border-width: 6px 7px 1px 13px; -webkit-border-image: url(../graphics/main/tab_view/tab_back.png) 6 7 1 13; } .Firefox #content #simpleTabView .tabs li { -moz-border-image: url(../graphics/main/tab_view/tab_back.png) 6 7 1 13; } .Firefox.v30 #content #simpleTabView .tabs li { position: relative; top: -1px; padding: 4px 4px 0 12px; border: 1px solid #bfbfbf; } .MSIE #content #simpleTabView .tabs li { position: relative; top: -1px; padding: 4px 4px 0 12px; border: 1px solid #bfbfbf; } .Opera #content #simpleTabView .tabs li { position: relative; top: -1px; padding: 4px 4px 0 12px; border: 1px solid #bfbfbf; } #content #simpleTabView .tabs li.selected { border-width: 6px 7px 1px 13px; -webkit-border-image: url(../graphics/main/tab_view/tab_front.png) 6 7 1 13; } .Firefox #content #simpleTabView .tabs li.selected { -moz-border-image: url(../graphics/main/tab_view/tab_front.png) 6 7 1 13; } .Firefox.v30 #content #simpleTabView .tabs li.selected { position: relative; top: -1px; padding-right: 4px; padding-left: 10px; padding-top: 4px; background-color: #dbdbdb; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; } .MSIE #content #simpleTabView .tabs li.selected { position: relative; top: -1px; padding-right: 4px; padding-left: 10px; padding-top: 4px; background-color: #dbdbdb; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; } .Opera #content #simpleTabView .tabs li.selected { position: relative; top: -1px; padding-right: 4px; padding-left: 10px; padding-top: 4px; background-color: #dbdbdb; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; } #content #simpleTabView .tabs li a { color: #575757; } #content #simpleTabView .tabs li:hover, #content #simpleTabView .tabs li:hover a, #content #simpleTabView .tabs li a:hover { color: #de0028; cursor: pointer; } #content #simpleTabView .tabs li.selected:hover, #content #simpleTabView .tabs li.selected:hover a, #content #simpleTabView .tabs li.selected a:hover { color: #575757; cursor: default; } #simpleTabView #tabContent { position: relative; top: -6px; padding: 0; margin: 30px 20px -30px; } #simpleTabView #tabContent li { padding: 0; margin: 0; list-style-image: none; list-style-type: none; zoom: 1; } #simpleTabView #tabContent li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #simpleTabView #tabContent li p { margin: 10px 0 3px; color: #767676; padding: 0; } #simpleTabView #tabContent #dealersListView div { position: relative; background-color: white; width: 416px; padding: 10px 20px; border-width: 4px 5px 4px 4px; -webkit-border-image: url(../graphics/main/tab_view/simpletabview_white_zone.png) 4 5 4 4; margin-bottom: 10px; } .Firefox #simpleTabView #tabContent #dealersListView div { border: 1px solid #bfbfbf; width: 433px; } .MSIE #simpleTabView #tabContent #dealersListView div { border: 1px solid #bfbfbf; width: 433px; } .Opera #simpleTabView #tabContent #dealersListView div { border: 1px solid #bfbfbf; width: 433px; } #simpleTabView #tabContent .dealersList .geo { font-size: 11px; } #simpleTabView #tabContent .dealersList .filter { margin-bottom: 14px; font-size: 11px; margin-top: 5px; } #simpleTabView #tabContent .dealersList .noReseller { margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #000; } #simpleTabView #tabContent .dealersList .filter a { color: #555; border-bottom: 1px dotted #dbdbdb; padding-bottom: 1px; } #simpleTabView #tabContent .dealersList .filter a:hover, #simpleTabView #tabContent .dealersList .filter a.selected { border-bottom: 1px dotted #9f9f9f; } #simpleTabView #tabContent .dealersList .filter a#xbs:hover, #simpleTabView #tabContent .dealersList .filter a#xbs.selected { border-bottom: 1px dotted #d37507; } #simpleTabView #tabContent .dealersList .filter a#dm:hover, #simpleTabView #tabContent .dealersList .filter a#dm.selected { border-bottom: 1px dotted #85a83a; } #simpleTabView #tabContent .dealersList .filter a#image:hover, #simpleTabView #tabContent .dealersList .filter a#image.selected { border-bottom: 1px dotted #00aac0; } #simpleTabView #tabContent .dealersList .filter a.selected { font-weight: bold; } #simpleTabView #tabContent .dealersList .filter a u { text-decoration: none; } #simpleTabView #tabContent .dealersList .filter a#xbs:hover u, #simpleTabView #tabContent .dealersList .filter a#xbs.selected u { color: #d37507; } #simpleTabView #tabContent .dealersList .filter a#dm:hover u, #simpleTabView #tabContent .dealersList .filter a#dm.selected u { color: #85a83a; } #simpleTabView #tabContent .dealersList .filter a#image:hover u, #simpleTabView #tabContent .dealersList .filter a#image.selected u { color: #00aac0; } #content #simpleTabView .dealersList div ul { margin-left: 0; } #content #simpleTabView .dealersList div li span { display: none; } #simpleTabView #tabContent .dealersList div li { } #simpleTabView #tabContent .dealersList div .image { width: 144px; height: 20px; background: url(../graphics/main/general.png) -155px -622px; } #simpleTabView #tabContent .dealersList div .dm { width: 112px; height: 20px; background: url(../graphics/main/general.png) -9px -622px; } #simpleTabView #tabContent .dealersList div .xbs { width: 118px; height: 20px; background: url(../graphics/main/general.png) -334px -622px; } #simpleTabView #tabContent .dealersList div strong { position: relative; top: 2px; left: -3px; display: inline-block; padding: 3px 5px; border: 1px solid #dadada; background-color: #f0f0f0; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #simpleTabView #tabContent .dealersList div img { position: absolute; top: 10px; right: 20px; } #simpleTabView #tabContent .dealersList div .geoList { display: none; } #simpleTabView #tabContent .dealersList div .website { color: #9f9f9f; } #simpleTabView #tabContent .dealerForm { color: #363636; margin-left: -30px; } #simpleTabView #tabContent .dealerForm .fsForm { margin-left: -30px; } /* @end */ /* @group .videoPanel */ a.triggerVideoPanel { text-decoration: none; margin-left: 41px; display: inline-block; } .videoPanel { position: fixed; left: 50%; top: 50%; width: 800px; margin-top: -278px; margin-left: -400px; border: 1px solid #000; overflow: hidden; background: url(../graphics/main/slideshow_bkd.png) repeat-x; z-index: 3; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 0px 12px #000; -moz-box-shadow: 0px 0px 12px #000; box-shadow: 0px 0px 12px #000; height: 430px; padding-top: 63px; } .videoPanel .quit { top: 10px; left: 10px; position: absolute; display: block; width: 30px; height: 30px; z-index: 1; background: url(../graphics/main/general.png) -66px -123px; } .videoPanel .quit:hover { background-position: -66px -154px; } .videoPanel video { } .videoPanel h3 { margin-top: 8px; margin-bottom: 5px; font-size: 15px; color: #7e7e7e; font-weight: bold; text-shadow: #000000 1px 1px 0px; } .videoPanel p { color: #bfbfbf; font-size: 12px; } /* @end */ /* @group .slideShow */ .slideShow { position: fixed; left: 50%; top: 50%; width: 800px; margin-top: -278px; margin-left: -400px; border: 1px solid #000; overflow: hidden; background: url(../graphics/main/slideshow_bkd.png) repeat-x; z-index: 3; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 0px 12px #000; -moz-box-shadow: 0px 0px 12px #000; box-shadow: 0px 0px 12px #000; } .slideShow .toLeft, .slideShow .toRight, .slideShow .quit { position: absolute; display: block; width: 30px; height: 30px; background-image: url(../graphics/main/general.png); z-index: 1; } .slideShow .quit { top: 10px; left: 10px; background-position: -66px -123px; } .slideShow .quit:hover { background-position: -66px -154px; } .slideShow .toLeft { top: 263px; left: 6px; background-position: -4px -123px; } .slideShow .toLeft:hover { background-position: -4px -154px; } .slideShow .toRight { right: 4px; top: 263px; background-position: -35px -123px; } .slideShow .toRight:hover { background-position: -35px -154px; } .slideShow ul { width: 20000px; padding-top: 38px; padding-bottom: 30px; height: 490px; position: relative; left: -621px; } .slideShow li { float: left; margin-right: 20px; margin-left: 20px; width: 640px; height: 480px; } .slideShow img { -webkit-box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000; } .slideShow h3 { margin-top: 8px; margin-bottom: 5px; font-size: 15px; color: #7e7e7e; font-weight: bold; text-shadow: #000000 1px 1px 0px; } .slideShow p { color: #bfbfbf; font-size: 12px; } /* @end */ /* @group #shortcuts */ #shortcuts { position: relative; padding: 16px 40px 7px; color: #393939; background: #d9d9d9 url(../graphics/main/content_background.png) -3605px; font-size: 12px; width: 816px; margin-bottom: 46px; clear: both; } #shortcuts:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .withColumn #shortcuts { background: url(../graphics/main/content_background.png) -8122px; } #shortcuts dl { float: left; width: 115px; margin-bottom: 1px; } #shortcuts dt { font-weight: bold; margin-bottom: 1px; } #shortcuts .flame { position: absolute; right: 0; bottom: -18px; display: block; width: 263px; height: 93px; background-image: url(../graphics/main/flame.png); z-index: 1; } #shortcuts .flame b { position: absolute; top: -38px; color: #7e7e7e; text-align: right; font-size: 11px; right: 39px; line-height: 13px; } #shortcuts .bottom { position: absolute; bottom: -24px; left: 0; display: block; width: 896px; height: 24px; background: url(../graphics/main/content_background.png) -1802px; } .withColumn #shortcuts .bottom { background: url(../graphics/main/content_background.png) -6313px; } #home #shortcuts .bottom, #home #shortcuts dl { display: none; } #home #shortcuts { background-image: none; } #home .flame { background-image: none; color: white; } /* @end */ /* @group Controls */ label { display: inline-block; width: 200px; margin: 3px 5px 2px 4px; color: #555; font-weight: normal; text-align: right; font-size: 12px; font-style: normal; } input[type="text"], input[type="password"] { position: relative; width: 200px; height: 20px; font: 11px "Lucida grande", Verdana, sans-serif; } .Safari input[type="text"], .Safari input[type="password"], .Chrome input[type="text"], .Chrome input[type="password"] { background-image: none; border-width: 1px 4px 1px 4px; background-color: transparent; -webkit-border-image: url(../graphics/main/textfield_white.png) 1 4 1 4; } .Firefox input[type="text"], .Firefox input[type="password"] { top: -2px; height: 16px; margin: 2px 1px 0; padding: 2px 3px 0; border: 1px solid #a7a7a7; background-color: white; } .MSIE input { top: -3px; height: 16px; margin: 2px 1px 0 2px; padding: 2px 3px 0; border: 1px solid #819fba; font: 11px "Lucida grande", Verdana, sans-serif; } .Opera input[type="text"], .Opera input[type="password"] { top: -2px; height: 16px; margin: 2px 1px 0; padding: 2px 3px 0; border: 1px solid #a7a7a7; background-color: white; font: 11px "Lucida grande", Verdana, sans-serif; } .MSIE.v8 input { top: -2px; } #side2 input[type="text"] { position: relative; width: 130px; height: 20px; font: 11px "Lucida grande", Verdana, sans-serif; float: left; } #side2 .Safari input[type="text"], #side2 .Chrome input[type="text"] { background-image: none; border-width: 1px 4px 1px 4px; background-color: transparent; -webkit-border-image: url(../graphics/main/textfield_white.png) 1 4 1 4; } #side2 .Firefox input[type="text"] { top: -2px; height: 16px; margin: 2px 1px 0; padding: 2px 3px 0; border: 1px solid #a7a7a7; background-color: white; } #side2 .MSIE input { top: -3px; height: 16px; margin: 2px 1px 0 2px; padding: 2px 3px 0; border: 1px solid #819fba; font: 11px "Lucida grande", Verdana, sans-serif; } #side2 .Opera input[type="text"] { top: -2px; height: 16px; margin: 2px 1px 0; padding: 2px 3px 0; border: 1px solid #a7a7a7; background-color: white; font: 11px "Lucida grande", Verdana, sans-serif; } #side2 .MSIE.v8 input { top: -2px; } input[type="checkbox"] { width: auto; height: auto; border-style: none; } .Safari input[type="checkbox"], .Chrome input[type="checkbox"] { -webkit-appearance: none; background: url(../graphics/main/drivve16.png) no-repeat -2px -1428px; padding-right: 13px; padding-bottom: 13px; } .Opera input[type="checkbox"] { position: relative; top: -1px; left: 3px; border: 1px solid #a7a7a7; } input[type="checkbox"]:checked { background: url(../graphics/main/drivve16.png) no-repeat -2px -1449px; } input[type="radio"] { width: auto; height: auto; border-style: none; padding-right: 14px; } .Safari input[type="radio"], .Chrome input[type="radio"] { padding-bottom: 14px; margin-bottom: -1px; -webkit-appearance: none; background: url(../graphics/main/drivve16.png) no-repeat -3px -1520px; } .Opera input[type="radio"] { position: relative; left: 2px; top: 0; } .Safari input[type="radio"]:checked, .Chrome input[type="radio"]:checked { background: url(../graphics/main/drivve16.png) no-repeat -3px -1543px; } input[type="radio"], input[type="checkbox"] { position: relative; top: 2px; } .MSIE.v8 input[type="checkbox"], .MSIE.v8 input[type="radio"] { padding-right: 0; padding-bottom: 0; } .Opera input[type="checkbox"], .Opera input[type="radio"] { background-image: none; margin-left: -2px; } textarea { height: 90px; width: 362px; font: 11px "Lucida grande", Verdana, sans-serif; background-image: none; background-color: transparent; } .Safari textarea, .Chrome textarea { border-width: 3px 3px 3px 3px; -webkit-border-image: url(../graphics/main/textfield_white.png) 3 3 3 3; } .Firefox textarea { position: relative; margin-left: 1px; background-color: #fff; border: 1px solid #a7a7a7; } .MSIE textarea { position: relative; margin-left: 1px; background-color: #fff; border: 1px solid #819fba; left: 0; padding: 1px 3px 2px; } .Opera textarea { position: relative; margin-left: 1px; background-color: #fff; border: 1px solid #819fba; left: 0; padding: 1px 3px 2px; } select { min-width: 100px; padding-right: 2px; padding-left: 2px; } .Safari select, .Chrome select { background: none; margin: 0 2px 0 0; font: 11px "Lucida grande", Verdana, sans-serif; border-width: 4px 26px 5px 10px; -webkit-border-image: url(../graphics/main/white_select.png) 4 26 5 10; -webkit-appearance: none; } .Opera select { position: relative; left: 1px; } select:hover { cursor: pointer; } .Firefox select option { padding-left: 3px; } .MSIE select { position: relative; height: 20px; padding: 1px 0; margin: 3px 3px 1px 0; font: 11px "Lucida grande", Verdana, sans-serif; border: 1px solid #a7a7a7; background-color: white; opacity: 1; top: -2px; color: black; } .MSIE.v8 select { border: 1px solid #819fba; } .Opera select { position: relative; height: 20px; padding: 1px 0; margin: 3px 3px 1px 0; font: 11px "Lucida grande", Verdana, sans-serif; border: 1px solid #a7a7a7; background-color: white; opacity: 1; top: -2px; color: black; } /* @end */ /* @group #formMainDiv (formSpring) */ #formMainDiv .formHeading { display: block; width: 538px; margin-left: 40px; margin-right: 40px; color: #9f9f9f; font: normal 22px Helvetica, Arial, Sans-Serif; text-shadow: white 1px 1px 0; } #formMainDiv .formRow { display: block; margin-left: -40px; width: 590px; margin-bottom: 4px; } #formMainDiv .formRow div { display: inline; } #formMainDiv .formText { display: block; width: 540px; margin-top: 2px; margin-left: 40px; padding-bottom: 8px; } #formMainDiv p { margin-left: 0; margin-bottom: 0; font: 11px 'Lucida Grande', Arial, sans-serif; } #formMainDiv label .required { color: #ea1b00; padding-left: 1px; } #formMainDiv .formField { display: block; padding: 0; vertical-align: top; float: none; } .MSIE #formMainDiv .formField { position: relative; top: -3px; } .MSIE #formMainDiv .formField label { position: relative; top: -2px; } .Opera #formMainDiv .formField label { position: relative; top: -1px; left: 3px; } #formMainDiv .formField label { width: auto; text-align: left; } #formMainDiv .formField input.formPage1Upload { position: relative; top: -17px; margin-left: 210px; margin-top: -1px; } #formMainDiv p.formSupporting { position: relative; top: -5px; margin-left: 210px; margin-top: -1px; } #formMainDiv .formSection { margin-left: -40px; } #formMainDiv .mainLabel { font-weight: normal; font-style: normal; } #formMainDiv .hiddenLabel { display: none; } #formMainDiv .formLabel { float: none; vertical-align: inherit; width: auto; font-weight: normal; padding: 0; font-style: normal; } #formMainDiv .formSupporting { margin: 0 0 0 2px; font-size: 11px; color: #9f9f9f; *margin-top: -2px; *margin-bottom: 4px; } #formMainDiv .formSpacerCell { float: none; width: auto; } #formMainDiv #mainForm { margin: 0 0 15px 40px; } #formMainDiv .formError { display: block; padding: 0; margin: 0; background-color: #fee; color: #000; border: 1px solid blue; font-weight: bold; } #mainArea form, #mainArea .formErrorBack { margin: 0 0 0 40px; } #formMainDiv .formRow, #formMainDiv .formSpacer { clear: both; } #formMainDiv { width: 100%; display: block; } #formMainDiv #fsFooter { padding-top: 10px; text-align: right; border-top: solid 1px black; } #formMainDiv #fsFooter img { border: 0; vertical-align: text-top; } #formMainDiv #captcha { margin-bottom: 5px; margin-left: -10px; display: block; margin-top: -2px; *margin-top: 0px; *margin-left: -11px; width: 366px; } #formMainDiv #captcha_image { display: inline-block; float: left; border: 1px solid #aeaeae; margin-right: 3px; } .Safari #formMainDiv #captcha_image, .Chrome #formMainDiv #captcha_image { border-width: 3px 3px 3px 3px; -webkit-border-image: url(../graphics/main/textfield_white.png) 3 3 3 3; } .Firefox #formMainDiv #captcha_image { float: left; border: 1px solid #a7a7a7; border-width: 1px; margin: 3px 3px 4px 0; background-color: white; -moz-border-image: url(../graphics/main/textfield_white.png) 3 3 3 3; *padding: 1px 3px 2px 0px; *border: 1px solid #819fba; } #formMainDiv #captcha_audio_link, #formMainDiv #captcha_reload_link { display: block; } #formMainDiv #captcha_audio_link img { padding: 1px; border-width: 3px 3px 3px 3px; -webkit-border-image: url(../graphics/main/textfield_white.png) 3 3 3 3; } .Firefox #formMainDiv #captcha_audio_link img { padding: 2px; margin-top: 3px; margin-left: 0; border-width: 1px; border: 1px solid #a7a7a7; background-color: white; *padding: 3px; *margin-bottom: 2px; *border: 1px solid #819fba; } #formMainDiv #captcha_reload_link img { padding: 1px; margin: 0; } .Safari #formMainDiv #captcha_reload_link img, .Chrome #formMainDiv #captcha_reload_link img { border-width: 3px 3px 3px 3px; -webkit-border-image: url(../graphics/main/textfield_white.png) 3 3 3 3; } .Firefox #formMainDiv #captcha_reload_link img { padding: 2px; margin-top: 0; margin-left: 0; border-width: 1px; border: 1px solid #a7a7a7; background-color: white; *padding: 3px; *border: 1px solid #819fba; } #formMainDiv #captcha_entry { display: block; width: 580px; margin-top: 1px; margin-left: -213px; text-align: left; *margin-top: 4px; *margin-left: -212px; } #formMainDiv .formSubmit { position: relative; text-align: left; margin-left: 180px; padding: 0; *top: 5px; } #formMainDiv .formSubmit input { padding: 0; background-color: transparent; margin-left: 0; outline: none; } .Firefox #formMainDiv .formSubmit input { height: 16px; padding: 1px 0; margin: 0 3px 1px 0; font: 11px "Lucida grande", Verdana, sans-serif; background-color: white; *width: 205px; } #formMainDiv .uploadTypes-zip { width: 346px; height: 20px; *border: 1px solid #819fba; *background-color: white; } #tabContent .formRow { width: 530px; margin-left: -75px; } #tabContent .formHeading, #tabContent .formText { width: 464px; margin-right: 0; margin-left: 30px; text-shadow: #f3f3f3 1px 1px 1px; } #tabContent textarea { width: 310px; } #tabContent #submitButton { left: -35px; } /* @group class SFP */ #formMainDiv.SFP .formRow label { width: 250px; } #formMainDiv.SFP #submitButton { margin-top: 3px; margin-left: 219px; } #formMainDiv.SFP p.instructions { margin-left: 23px; width: 546px; } #formMainDiv.SFP p.instructions b { font-size: 17px; } #formMainDiv.SFP p.grey { margin-left: 23px; width: 546px; color: #656565; font-size: 11px; } #formMainDiv.SFP form { margin-top: 28px; } /* @end */ /* @group button */ #formMainDiv #submitButton { position: relative; display: block; min-width: 60px; margin: 0 0 2px -11px; clear: both; background: none; font: 11px "Lucida grande", Verdana, sans-serif; text-shadow: white 1px 1px 1px; text-align: center; cursor: pointer; border-style: none; } .Safari #formMainDiv #submitButton, .Chrome #formMainDiv #submitButton { border-width: 5px 16px 5px 16px; -webkit-border-image: url(../graphics/main/white_button.png) 5 16 5 16; } /*#side2 .submitButton { min-width: 60px; background: none; font: 11px "Lucida grande", Verdana, sans-serif; text-shadow: white 1px 1px 1px; cursor: pointer; border-style: none; margin-top: 3px; margin-bottom: 2px; text-align: center; float: right; display: block; position: relative; }*/ /*.Safari #side2 .submitButton, .Chrome #side2 .submitButton { border-width: 5px 16px 5px 16px; -webkit-border-image: url(../graphics/main/white_button.png) 5 16 5 16; }*/ #side2 .sendButton { background: none; font: 11px "Lucida grande", Verdana, sans-serif; text-shadow: white 1px 1px 1px; cursor: pointer; border-style: none; text-align: center; float: right; display: block; position: relative; } .Safari #side2 .sendButton, .Chrome #side2 .sendButton { border-width: 5px 16px 5px 16px; -webkit-border-image: url(../graphics/main/white_button.png) 5 16 5 16; float: right; } .Firefox #side2 .sendButton { border-width: 5px 16px 5px 16px; -moz-border-image: url(../graphics/main/white_button.png) 5 16 5 16; float: right; } .MSIE #side2 .sendButton { } .Opera #side2 .sendButton { } #formMainDiv #submitButton:hover { cursor: pointer; } .Firefox #formMainDiv #submitButton { display: block; width: 115px; height: 20px; padding-bottom: 2px; margin-top: 2px; text-align: center; background: url(../graphics/main/button.png) no-repeat; } .MSIE #formMainDiv #submitButton { display: block; position: relative; width: 115px; height: 20px; padding-bottom: 0px; margin-top: 5px; text-align: center; background: url(../graphics/main/button.png) no-repeat; top: -6px; left: -1px; } .MSIE.v8 #formMainDiv #submitButton { top: 0; left: 0; width: 115px; height: 20px; } .Opera #formMainDiv #submitButton { display: block; position: relative; width: 115px; height: 20px; padding-bottom: 0px; margin-top: 5px; text-align: center; background: url(../graphics/main/button.png) no-repeat; top: -6px; left: -1px; } /* @end */ /* @end */ /* @group #footer */ #homeFooter { position: relative; height: 26px; margin-top: 50px; color: #3e3e3e; font-size: 12px; } /* @end */ /* @group video (old) */ #content .sizes { position: relative; top: 10px; margin: 0 0 40px 10px; } #content .sizes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content .sizes li { float: left; margin-right: 40px; margin-left: 30px; list-style-image: none; list-style-type: none; } #content .sizes li a { display: block; height: 140px; background-image: url(../graphics/main/video_sizes.png); } #content .sizes li a span { display: none; } #content .sizes .small a { width: 159px; background-position: 0 0; } #content .sizes .small a:hover, .sizes .small a.selected { background-position: 0 -140px; } #content .sizes .medium a { width: 175px; background-position: -159px 0; } #content .sizes .medium a:hover, .sizes .medium a.selected { background-position: -159px -140px; } #content .sizes .large a { width: 230px; background-position: -334px 0; } #content .sizes .large a:hover, .sizes .large a.selected { background-position: -334px -140px; } #content .videoBox { margin-top: 60px; padding-left: 1px; padding-top: 1px; margin-bottom: 20px; } #content .videoBox.high { width: 641px; height: 401px; margin-left: 57px; } #content .videoBox.medium { width: 320px; height: 225px; margin-left: 214px; } #content .videoBox.low { width: 320px; height: 225px; margin-left: 214px; list-style-type: none; } /* @end */ /* @group info popup */ .image.modules #largePanel li#fax .infoPopUp { width: 566px; margin-left: 51px; } .image.modules #largePanel li#fax .infoPopUp li { padding: 0 0 0 20px; margin: 0 10px 8px 0; background: url(../graphics/main/bulletpoint_blue.png) no-repeat 5px 2px; } #content .infoPopUp p { position: absolute; top: 11px; text-align: left; color: #eef1f1; z-index: 2; font-size: 11px; left: 0; } .Safari #content .infoPopUp p, .Chrome #content .infoPopUp p { border-width: 16px 20px 16px 20px; -webkit-border-image: url(http://www.drivve.com/graphics/mydrivve/version1/accounts/autocomplete_search_bkd.png) 16 20 16 20; } .Firefox #content .infoPopUp p { border-width: 16px 20px 16px 20px; -moz-border-image: url(../graphics/mydrivve/version1/accounts/autocomplete_search_bkd.png) 16 20 16 20; } .MSIE #content .infoPopUp p { border: 1px solid black; padding: 4px; background-color: #3b3b3b; } .Opera #content .infoPopUp p { border: 1px solid black; padding: 4px; background-color: #3b3b3b; } #content .infoPopUp p b { display: block; } #content .infoPopUp p i { display: block; font-weight: normal; font-style: normal; margin-bottom: 10px; margin-top: 2px; color: #c2c4c4; } .image.modules #largePanel li#fax .infoPopUp li p a { display: inline; } #content .infoPopUp a:hover { cursor: pointer; } /* @end */