/* ---------- GENERAL STYLES ---------- */ /* common */ td .icon { display : block; overflow : hidden; text-indent : -1700px; text-decoration : none; white-space : nowrap; text-align : left !important; } /* main */ body {font:normal 72% Arial,Helvetica,serif;color:#3c4352;margin:0;padding:0;background:#ffffff;line-height:1.4em;} #site {width:950px; margin:0 auto; padding:0;} #site img.print {display:none;} h1, h2, h3, h4, h5, h6 {color:#959f00;} h1.g, h2.g, h3.g, h4.g, h5.g, h6.g {color:#3c4352;} #middle h1, #middleWide h1, #middleFull h1 {margin:0 0 1em; font-size:2em; line-height:1.4em;} #middle h2, #middleWide h2, #middleFull h2 {margin:0 0 1em; font-size:1.6em; line-height:1.3em;} #middle h3, #middleWide h3, #middleFull h3 {margin:0 0 1em; font-size:1.3em; line-height:1.2em;} #middle h3.gray, #middleWide h3.gray, #middleFull h3.gray {color:#3c4352; font-size:1.8em;} #middle h3.gray span, #middleWide h3.gray span, #middleFull h3.gray span {color:#959f00;} #middle h4, #middleWide h4, #middleFull h4 {margin:0 0 .8em; font-size:1.1em; line-height:1.1em;} #middle h5, #middleWide h5, #middleFull h5 {margin:0 0 .8em; font-size:1em; line-height:1.1em;} h2.normal {font-weight: normal;} ul {margin:0 0 20px;} ol li ul {margin:5px 0 0;} ul li, ol li ul li {margin:0 0 5px; padding:0 0 0 12px; background:url(../images/new/smallarrow.png) 0 8px no-repeat;} #middle ul.clean li, #middleWide ul.clean li, #middleFull ul.clean li {padding:0; background:none;} #middle ol, #middleWide ol, #middleFull ol {margin:0 0 20px 20px;} #middle ol ul, #middleWide ol ul, #middleFull ol ul {margin:5px 0 0;} #middle table, #middleWide table, #middleFull table {margin:0 0 20px;} table.decorated tr.section td, table.classicHeader tr.section td {background:none; border-bottom:1px solid #3c4352;} table.decorated tr td, table.classicHeader tr td, table.tblBasic td {background:none; border-bottom:1px solid #d8d8d8;} #middle hr, #middleWide hr, #middleFull hr {margin:5px 0 20px; background:none; border-top:1px solid #d8d8d8;} #right h3 {width:100%; margin:0 0 5px; padding:0 0 2px; background:none; border-bottom:1px solid #666; color:#666; font-size:1.3em;} #right ul li {margin:0 0 8px; padding:0; background:none;} #right ul li a {padding:0 10px 0 0; background:url(../images/new/moresmall.png) 100% 50% no-repeat; display:inline; text-decoration:none;} #right ul li a:hover {text-decoration:underline;} a {text-decoration:none;} a:hover {text-decoration:underline;} .more {padding:0 12px 0 0; background:url(../images/new/more.png) 100% 50% no-repeat;} a.button, #middle a.button, #middleWide a.button, #middleFull a.button, .productDesigner #middleFull .downloadBlock a.more {margin:0 0 0px; padding:12px 15px 11px; display:inline-block; color:#fff; font-size:12px; line-height:15px; font-weight:bold; text-decoration:none; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #959f00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3ZDEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTlmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c7d100 0%, #959f00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7d100), color-stop(100%,#959f00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c7d100 0%,#959f00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c7d100 0%,#959f00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c7d100 0%,#959f00 100%); /* IE10+ */ background: linear-gradient(to bottom, #c7d100 0%,#959f00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7d100', endColorstr='#959f00',GradientType=0 ); /* IE6-8 */ } a.button:hover, #middle a.button:hover, #middleWide a.button:hover, #middleFull a.button:hover, .productDesigner #middleFull .downloadBlock a.more:hover {color:#3C4353;} a.button span, #middle a.button span, #middleWide a.button span, #middleFull a.button span {margin:3px 0 0; padding:3px 0 0; border-top:1px solid #fff; font-size:0.9em; display:block; font-weight:normal;} a.button.download, #middle a.button.download, #middleWide a.button.download, #middleFull a.button.download {padding-left:35px; background-image:url(../images/new/buttondownload.png), -webkit-linear-gradient(top, #c7d100, #959f00); background-image:url(../images/new/buttondownload.png), -moz-linear-gradient(top, #c7d100, #959f00); background-image:url(../images/new/buttondownload.png), -o-linear-gradient(top, #c7d100, #959f00); background-image:url(../images/new/buttondownload.png), -ms-linear-gradient(top, #c7d100, #959f00); background-repeat:no-repeat; background-position:5px 50%, 0 0;} a.button.download:hover, #middle a.button.download:hover, #middleWide a.button.download:hover, #middleFull a.button.download:hover {color:#3C4353;} a.button.contact, #middle a.button.contact, #middleWide a.button.contact, #middleFull a.button.contact {padding-left:35px; background-image:url(../images/new/buttoncontact.png), -webkit-linear-gradient(top, #c7d100, #959f00); background-image:url(../images/new/buttoncontact.png), -moz-linear-gradient(top, #c7d100, #959f00); background-image:url(../images/new/buttoncontact.png), -o-linear-gradient(top, #c7d100, #959f00); background-image:url(../images/new/buttoncontact.png), -ms-linear-gradient(top, #c7d100, #959f00); background-repeat:no-repeat; background-position:5px 50%, 0 0;} a.button.contact:hover, #middle a.button.contact:hover, #middleWide a.button.contact:hover, #middleFull a.button.contact:hover {color:#3C4353;} #right a.button.download {width:142px; display:block;} #right a.button.contact {width:142px; display:block;} table.classicHeader, table.decorated {background:none;} table.classicHeader th, table.decorated th {background:#f6f6f6; padding:5px 5px 5px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#3c4352; font-weight:bold;} #middle table.classicHeader th a, #middleWide table.classicHeader th a, #middleFull table.classicHeader th a {color:#3c4352; text-decoration:underline;} #middle table.classicHeader th a:hover, #middleWide table.classicHeader th a:hover, #middleFull table.classicHeader th a:hover {text-decoration:none;} table.classicHeader td, table.classicHeader th { text-align:center;} table.classicHeader td.first, table.classicHeader th.first { text-align: left;} table.clean {margin:0 0 20px; padding:0; border:none; border-spacing:0;} table.classicWide {background:none;} table.classicWide tr th {background:#f6f6f6; padding:5px 5px 5px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#3c4352; font-weight:bold;} table.classicWide tr th .txtSmall {font-style:italic;} table.classicWide tr td {background:none; border-bottom:1px solid #d8d8d8;} table.classicWide tr th.C, table.classicWide tr td.C { text-align: center; } table.classicWide tr th.subTitle { font-size: 14px; background: none; padding: 20px 5px 10px 5px; } table.classicHeader ul {margin:10px;} table.classicHeader li {text-align: left; font-size: 1em; background-position: 0 6px;} .C {text-align:center;} .Cmar {margin:10px 0 30px; text-align:center;} .Cmar.prod {margin:39px 0 40px;} #middleFull .Cmar.prod h1 {margin:0 0 -6px;} #middleFull .Cmar h2 {margin:0 0 10px;} .explainLink {color:#959f00; text-decoration:none; cursor:help; position:relative;} .explainLink span {width:230px; padding:10px; background:#f6f6f6; border-top:1px solid #e0e0e0; border:1px solid #e0e0e0; border-radius:5px; box-shadow:0 0 5px 2px rgba(255, 255, 255, 0.8); display:none; color:#3c4352; position:absolute; top:15px; left:0; z-index:10;} .explainLink:hover span {display:block;} /* ---------- HEADER ---------- */ #head {width:950px; height:auto; margin:0; background:none; float:left; position:relative;} #head.home {margin:0;} body #cookiePolicyNotice { display: none; } body.cookies #cookiePolicyNotice { display: block; } #cookiePolicyNotice {background: #f0ecec; padding: 3px 8px; margin-bottom: 5px;} #cookiePolicyNotice a {text-decoration: underline;} #cookiePolicyNotice a:hover {text-decoration: none;} #cookiePolicyNotice a#cpx {width:11px; height: 10px; background: url(../images/new/closeCookie.png) no-repeat 0 0; text-indent: -123456px; position: absolute; right: 8px; top: 6px;} #cookiePolicyNotice a#cpx:hover {background-position: 0 -10px;} #cookiePolicyNotice p { font-size: 12px; margin-bottom: 0; } #head .logotype, #head .logotypePortal, #head .logotypeSap {width:174px; height:60px; background:url(../images/new/bg_logo.png) 0 0 no-repeat; float:left; text-indent:-123456px;} #head .logotype {margin:31px 7px 0 0;} #head .logotypePortal, #head .logotypeSap {margin:31px 0px 0 32px;} #head #headLinks {display:none;} #head #languages {display:none;} span.mypartner {font-size: 11px; position: absolute; margin-top: 13px; left: 0;} #head #topNavigation {position:absolute; right:0; margin:0;margin-top: 13px;} #head #topNavigation li { font-size:11px; margin:0 0 0 10px; padding:0; background:none; float:left;} #head #topNavigation li a {margin:0; padding:0 11px 0 0; background:url(../images/new/topnavigation.png) 100% 50% no-repeat; text-decoration:none;} #head #topNavigation li:hover a {text-decoration:underline;} #head #topNavigation li.language {padding-bottom:15px; position:relative; cursor:pointer;} #head #topNavigation li ul {width:60px; height:auto; margin:0; padding:10px 10px 0; background:#f6f6f6; border:1px solid #ccc; border-radius:5px; display:none; position:absolute; top:25px; left:-18px; z-index:9999;} #head #topNavigation li.language:hover ul {display:block;} #head #topNavigation li.language ul li {margin:0 0 10px; float:none;} #head #topNavigation li.language ul li.languageTop {width:9px; height:9px; margin:0; padding:0; background:url(../images/new/languagetop.png) 0 0 no-repeat; position:absolute; top:-9px; left:35px;} #head #topNavigation li.language ul li a {padding:0; background:none; display:block; text-align:center; text-decoration:none;} #head #topNavigation li.language ul li a:hover {text-decoration:underline;} /* promo strip */ .promoStripClear { clear: both; } .callUsFree { clear: left; float: left; margin-bottom: 0; position: relative; top: 18px; margin: 0 20px 2px 0; font-size: 17px; font-weight: bold; color: #3c4353; padding: 0 20px 0 0; } .callUsFree span { padding-left: 5px; color: #959f00; font-size: 20px; } p#promoStrip { margin-bottom: 0; font-size: 12px; position: relative; top: 21px; margin-bottom: 2px; color: #3c4353;} p#promoStrip a{padding-right: 15px; background: url(../images/new/navigation.png) no-repeat right center;} ul#nav {width:768px; height:44px; margin:45px 0 0; background:url(../images/new/bg_navigation.png) 0 0 repeat-x; float:left; position:relative; z-index:1010;} ul#nav li {margin:0; padding:0; background:none; float:left; position:relative;} ul#nav li a {height:30px; margin:0; padding:14px 14px 0; color:#fff; text-decoration:none; font-size:0.85em; font-weight:normal; text-align:center; display:inline-block; z-index:100;} ul#nav li#tryItNow {border-left: 3px solid #fff; float: right; background:url(../images/new/bg_navigation_tryitnow.png) no-repeat right top; } ul#nav li#tryItNow a {color: #fff; padding-left: 18px; padding-right: 38px;} /* ul#nav li a span {padding-top:13px; display:inline-block;} ul#nav li a span.big {padding-top:5px; display:inline-block;} */ ul#nav li a:hover, ul#nav li.selected a, ul#nav li:hover a {background:url(../images/new/bg_navigation.png) 0 -44px repeat-x; text-decoration:none;} ul#nav li#tryItNow a:hover{ background:url(../images/new/bg_navigation_tryitnow.png) no-repeat right -44px;} ul#nav li a.first {background:url(../images/new/bg_navigation-first.png) 0 0 no-repeat;} ul#nav li a:hover.first, ul#nav li.selected a.first, ul#nav li.selected a.first, ul#nav li:hover a.first {background:url(../images/new/bg_navigation-first.png) 0px -44px no-repeat;} ul#nav li ul {width:180px; height:auto; margin:0; padding:0; background:#4b5265; border-bottom-left-radius:5px; border-bottom-right-radius:5px; display:none; float:none; position:absolute; top:44px; left:0; z-index:100;} ul#nav li:hover ul {display:block;} ul#nav li.first ul {left:6px;} ul#nav li ul li {width:100%; background:none; float:none;} ul#nav li ul li a, ul#nav li.selected ul li a, ul#nav li:hover ul li a {height:auto; padding:10px 15px; background:none; display:block; text-align:left;} ul#nav li ul li a:hover, ul#nav li ul li.selected a {background:#7b869c;} ul#nav li ul li:first-child { padding-top: 10px; } ul#nav li ul li:last-child { padding-bottom: 10px; } ul#nav li ul.specialNavigation {width:768px; padding:15px 0 15px; background:url(../images/new/specialnavigation.png) 0 0 no-repeat; border-bottom-left-radius:5px; border-bottom-right-radius:5px; left:0; top:37px;} ul#nav li.wideMenu ul.specialNavigation { background-image:url(../images/new/specialnavigation1.png);} ul#nav li.twoCols { position : relative; } ul#nav li.twoCols ul.specialNavigation { width : 385px; background-image : url(../images/new/specialnavigation2.png); } ul#nav li ul.specialNavigation li {width:153px; height:100%; margin:0; padding: 0; float:left;} ul#nav li.wideMenu ul.specialNavigation li { width : 192px; } ul#nav li ul.specialNavigation li ul {width:152px; padding:0; background:none; border-bottom-left-radius:0; border-bottom-right-radius:0; display:block; position:relative; top:auto; left:auto;} ul#nav li.wideMenu ul.specialNavigation li ul { width : 191px; } ul#nav li ul.specialNavigation li ul li {border-right:none;} ul#nav li ul.specialNavigation li ul li h3 { color:#c3d600; font-weight:bold; margin:0; padding:10px 0 10px 15px; } ul#nav li ul.specialNavigation li ul li h3 a {padding:0; color:#c3d600; font-size:1em; font-weight:bold;} ul#nav li ul.specialNavigation li ul li h3 a:hover {background: none; color: #fff; } ul#nav li ul.specialNavigation li ul li h3 sup { line-height : .1em; } ul#nav li.wideMenu { position : static; } ul#nav li.twoCols { position : relative; } #searchW {width:170px; height:44px; margin-top:45px; padding:0 0 0 8px; background:url(../images/new/bg_searchw.png) 100% 0 no-repeat; float:left;} #searchW form {margin-top:10px;} #searchW span {width:132px; height:24px; background:url(../images/new/bg_search.png) 0 0 no-repeat; display:inline-block; float:left;} #searchW input {width:124px; height:17px; margin-top:0; padding:4px 10px; background:none; border:none; font-size:0.9em; color:#787b82;} #searchW input.submit {width:30px; height:24px; margin:0; padding:0; background:url(../images/new/bg_searchbutton.png) 0 0 no-repeat; border:none; float:left; text-indent:-123456px; cursor:pointer;} form.topSearch {position: relative; top: -4px;} form.topSearch input{border: 1px solid #dddddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #cccccc; height: 20px; padding-left: 3px; line-height: 20px;} form.topSearch input.submit { width: 14px; height: 14px; border: none; position: absolute; right: 5px; top: 5px; background: url(../images/new/topSearchSubmit.png) no-repeat 0 0; text-indent: -123456px;} form.topSearch input:focus{ outline: none;} #bannerW {margin-top:37px; float:left;} #banner {width:950px; height:400px; float:left; position:relative;} .en #banner { background:url(../images/new/spectrum-v6_en.jpg) 0 0 no-repeat;} .de #banner { background:url(../images/new/spectrum-v6_de.jpg) 0 0 no-repeat;} .es #banner { background:url(../images/new/spectrum_es.jpg) 0 0 no-repeat;} .cn #banner { background:url(../images/new/spectrum_cn.jpg) 0 0 no-repeat;} .sl #banner { background:url(../images/new/spectrum_sl.jpg) 0 0 no-repeat;} .fr #banner { background:url(../images/new/spectrum-v6_fr.jpg) 0 0 no-repeat;} .jp #banner { background:url(../images/new/spectrum_jp.jpg) 0 0 no-repeat;} #banner a {width:203px; display:block; text-indent:-123456px; position:absolute; left:50px;} #banner a.overview {background:url(../images/new/bg_overview.png) 0 0 no-repeat; height:41px; top:232px;} #banner a.overview:hover {background:url(../images/new/bg_overview.png) 0 -41px no-repeat;} #banner a.demo {background:url(../images/new/bg_demo.png) 0 0 no-repeat; height:41px; top:292px;} #banner a.demo:hover {background:url(../images/new/bg_demo.png) 0 -41px no-repeat;} #banner a.portal {background:url(../images/new/bg_portal.png) 0 0 no-repeat; height:42px; top:300px;} #banner a.portal:hover {background:url(../images/new/bg_portal.png) 0 -42px no-repeat;} /*ang*/ #banner a.buyOnlineNowBanner {width: auto; height: auto; margin: 0; padding: 0; display: block; text-indent: 0; color: #fff; font-family: ChollaSansRegular; font-size: 21px; overflow: hidden; position: absolute; bottom: 110px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #banner a.buyOnlineNowBanner:hover {text-decoration: none; } #banner a.buyOnlineNowBanner:hover span{text-decoration: none; background: #4d5566 !important; color: #fff !important; cursor: pointer;} #banner a.buyOnlineNowBanner:hover span small {background-position: 0 -28px;} #banner a.buyOnlineNowBanner span {width: auto; height: 41px; display : block; line-height: 42px; padding-left: 15px; padding-right: 70px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #banner a.buyOnlineNowBanner span small {width: 32px; height: 28px;text-indent: -123456px; position: absolute; right: 10px; bottom: 7px; display: inline-block; background: url(../images/new/cartButton.png) no-repeat 0 0 ; } #banner a.downloadDemoBanner {width: auto; text-indent: 0; margin-left: 15px; color: #fff;position: absolute; bottom: 80px; font-size: 14px; padding-right: 15px; background: url(../images/new/whiteArrow.png) no-repeat right center;} #bannerPortalHome, #bannerZebra, #bannerSap {width:950px; height:400px; float:left;} #bannerPortalHome a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner1.png) no-repeat 0 0; text-indent:-9999px;} .de #bannerPortalHome a {background:url(../images/new/bg_banner1_de.png) no-repeat 0 0;} .es #bannerPortalHome a {background:url(../images/new/bg_banner-web-es.png) no-repeat 0 0;} .fr #bannerPortalHome a {background:url(../images/new/bg_banner1_fr.png) no-repeat 0 0;} .sl #bannerPortalHome a {background:url(../images/new/bg_banner1_sl.png) no-repeat 0 0;} .jp #bannerPortalHome a {background:url(../images/new/bg_banner1_jp.png) no-repeat 0 0;} .cn #bannerPortalHome a {background:url(../images/new/webPrintingCN.png) no-repeat 0 0;} #bannerSap a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-sap-en.jpg) no-repeat 0 0; text-indent:-9999px;} .de #bannerSap a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-sap-de.jpg) no-repeat 0 0; text-indent:-9999px;} .cn #bannerSap a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-sap-cn.jpg) no-repeat 0 0; text-indent:-9999px;} .sl #bannerSap a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-sap-sl.jpg) no-repeat 0 0; text-indent:-9999px;} .jp #bannerSap a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-sap-jp.jpg) no-repeat 0 0; text-indent:-9999px;} .es #bannerSap a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-sap-es.jpg) no-repeat 0 0; text-indent:-9999px;} .fr #bannerSap a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-sap-fr.jpg) no-repeat 0 0; text-indent:-9999px;} #bannerZebra a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-zebra-en.jpg) no-repeat 0 0; text-indent:-9999px;} .es #bannerZebra a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-zebra-es.jpg) no-repeat 0 0; text-indent:-9999px;} .fr #bannerZebra a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-zebra-fr.jpg) no-repeat 0 0; text-indent:-9999px;} .cn #bannerZebra a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-zebra-cn.jpg) no-repeat 0 0; text-indent:-9999px;} .de #bannerZebra a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-zebra-de.jpg) no-repeat 0 0; text-indent:-9999px;} .sl #banner a.overview {background:url(../images/new/bg_overview_sl.png) 0 0 no-repeat; height:42px; top:180px;} .sl #banner a.overview:hover {background:url(../images/new/bg_overview_sl.png) 0 -42px no-repeat;} .sl #banner a.demo {background:url(../images/new/bg_demo_sl.png) 0 0 no-repeat; height:41px; top:240px;} .sl #banner a.demo:hover {background:url(../images/new/bg_demo_sl.png) 0 -41px no-repeat;} .sl #banner a.portal {background:url(../images/new/bg_portal_sl.png) 0 0 no-repeat; height:42px; top:300px;} .sl #banner a.portal:hover {background:url(../images/new/bg_portal_sl.png) 0 -42px no-repeat;} .de #banner a.overview {background:url(../images/new/bg_overview_de.png) 0 0 no-repeat; height:42px; top:232px;} .de #banner a.overview:hover {background:url(../images/new/bg_overview_de.png) 0 -42px no-repeat;} .de #banner a.demo {background:url(../images/new/bg_demo_de.png) 0 0 no-repeat; height:41px; top:292px;} .de #banner a.demo:hover {background:url(../images/new/bg_demo_de.png) 0 -41px no-repeat;} .de #banner a.portal {background:url(../images/new/bg_portal.png) 0 0 no-repeat; height:42px; top:300px;} .de #banner a.portal:hover {background:url(../images/new/bg_portal.png) 0 -42px no-repeat;} .es #banner a.overview {background:url(../images/new/bg_overview_es.png) 0 0 no-repeat; height:42px; top:180px;} .es #banner a.overview:hover {background:url(../images/new/bg_overview_es.png) 0 -42px no-repeat;} .es #banner a.demo {background:url(../images/new/bg_demo_es.png) 0 0 no-repeat; height:41px; top:240px;} .es #banner a.demo:hover {background:url(../images/new/bg_demo_es.png) 0 -41px no-repeat;} .es #banner a.portal {background:url(../images/new/bg_portal_es.png) 0 0 no-repeat; height:42px; top:300px;} .es #banner a.portal:hover {background:url(../images/new/bg_portal_es.png) 0 -42px no-repeat;} .cn #banner a.overview {background:url(../images/new/bg_overview_cn.png) 0 0 no-repeat; height:42px; top:180px;} .cn #banner a.overview:hover {background:url(../images/new/bg_overview_cn.png) 0 -42px no-repeat;} .cn #banner a.demo {background:url(../images/new/bg_demo_cn.png) 0 0 no-repeat; height:41px; top:240px;} .cn #banner a.demo:hover {background:url(../images/new/bg_demo_cn.png) 0 -41px no-repeat;} .cn #banner a.portal {background:url(../images/new/bg_portal_cn.png) 0 0 no-repeat; height:42px; top:300px;} .cn #banner a.portal:hover {background:url(../images/new/bg_portal_cn.png) 0 -42px no-repeat;} .fr #banner a.overview {background:url(../images/new/bg_overview_fr.png) 0 0 no-repeat; height:42px; top:232px;} .fr #banner a.overview:hover {background:url(../images/new/bg_overview_fr.png) 0 -42px no-repeat;} .fr #banner a.demo {background:url(../images/new/bg_demo_fr.png) 0 0 no-repeat; height:41px; top:292px;} .fr #banner a.demo:hover {background:url(../images/new/bg_demo_fr.png) 0 -41px no-repeat;} .fr #banner a.portal {background:url(../images/new/bg_portal_fr.png) 0 0 no-repeat; height:42px; top:300px;} .fr #banner a.portal:hover {background:url(../images/new/bg_portal_fr.png) 0 -42px no-repeat;} .jp #banner a.overview {background:url(../images/new/bg_overview_jp.png) 0 0 no-repeat; height:42px; top:180px;} .jp #banner a.overview:hover {background:url(../images/new/bg_overview_jp.png) 0 -42px no-repeat;} .jp #banner a.demo {background:url(../images/new/bg_demo_jp.png) 0 0 no-repeat; height:41px; top:240px;} .jp #banner a.demo:hover {background:url(../images/new/bg_demo_jp.png) 0 -41px no-repeat;} .jp #banner a.portal {background:url(../images/new/bg_portal_jp.png) 0 0 no-repeat; height:42px; top:300px;} .jp #banner a.portal:hover {background:url(../images/new/bg_portal_jp.png) 0 -42px no-repeat;} /*content*/ #cont-top {display:none;} #cont-top-inside {display:none;} #container {width:948px; margin:37px 0 0; padding:0; background:#fff; border:1px solid #d8d8d8; border-radius:5px; float:left;} #container.home {width:950px; margin-top:30px; padding:0; background:url(../images/new/bg_container-home.png) 0 100% no-repeat; border:none;} #container.sapHome, #container.portalHome {width:932px; padding:10px 0px;} #container.sap, #container.sapWide {width:932px;} #container.portal, #container.portalCol {width:932px;} #left-inside {width:160px; margin:0 20px 20px 0; padding:0;} #container.sapWide #left-inside {width:200px;} ul#navigation {width:160px;} ul#navigation li {padding:0px; border-bottom:1px solid #d8d8d8;} ul#navigation li a {padding:15px 0 15px 20px;} ul#navigation li.selected, ul#navigation li:hover {background:url(../images/new/navigation.png) 0 18px no-repeat;} ul#navigation li a:hover {text-decoration:none;} ul#navigation li ul {background-color:#f6f6f6; border:none; margin:0px 0px 0 0; padding-left:20px;} ul#navigation li ul li { padding:6px 0px 6px 0px; border:none; border-bottom:1px solid #fff; margin-right:10px;} ul#navigation li ul li.selected, ul#navigation li ul li:hover { background:none; text-decoration:underline;} ul#navigation li ul li:hover, ul#navigation li ul li.selected {background-position:0 8px;} ul#navigation li ul li a {background:none; margin:0; padding:0; text-decoration:none;} #inside-cont {background:none;} #containerTop {width:908px; margin:0 0 20px; padding:20px; background:#f6f6f6; border-bottom:1px solid #d8d8d8; border-top-left-radius:5px; border-top-right-radius:5px;} #container.sap #containerTop, #container.sapWide #containerTop, #container.portal #containerTop, #container.portalCol #containerTop {width:892px;} #middle {width:540px; padding:0 20px 0 0;} #container.sap #middle {width:524px;} #middleWide {width:748px;} #middleFull {width:910px; padding:0 19px;} #container.sapWide #middleWide {width:712px; padding:0 0 20px;} #container.portal #middle {width:648px;} ul.bigBoxes {margin:0 0 20px; background:url(../images/new/bigboxes.png) 0 100% no-repeat;} ul.bigBoxes li { font-size:1em; width:152px; margin:0 20px 0 0; padding:10px; background:none; float:left;} ul.bigBoxes li.last {margin:0;} #middleWide ul.bigBoxes li h2 {width:142px; margin:-10px 0 0 -10px; padding:10px 0 10px 30px; background:#fff url(../images/new/bigboxesheading.png) 0 5px no-repeat; border-bottom:1px solid #dcdcdc; color:#4d5566; font-size:1.5em; font-weight:normal;} #middleWide ul.bigBoxes li.web h2 {background-position:0 -95px;} #middleWide ul.bigBoxes li.marcom h2 {background-position:0 -195px;} #middleWide ul.bigBoxes li.activities h2 {background-position:0 -295px;} ul.bigBoxes li ul {background:none; margin:0;} ul.bigBoxes li ul li {width:auto; margin:0; padding:15px 0 15px 15px; background:url(../images/new/bigboxesbullet.png) 0 19px no-repeat; border-bottom:1px solid #fff; float:none;} ul.bigBoxes li ul li.last {border-bottom:none;} #middleWide ul.bigBoxes li ul li a {color:#4d5566; text-decoration:none;} #middleWide ul.bigBoxes li ul li a:hover {text-decoration:underline;} #right {width:188px; margin:0 20px 20px 0;} #container .part {width:180px; margin:0 23px 0 0; padding:20px; background:url(../images/new/bg_part.png) 0 0 no-repeat; float:left;} #container .part.last {margin-right:0;} #container .part a, #container .part h2 { color:#4D5566;} #container .part h2 {margin-bottom:10px; font-size:16px; font-weight:bold; line-height:20px;} #container .part p {margin-bottom:0; padding:0;} #container .part a {text-decoration:underline;} #container .part img {margin-bottom:5px;} #container .part p {margin-bottom:10px; padding:0;} #container .part ul.news {margin-bottom:0;} #container .part ul.news li {margin:0 0 10px; padding-left:0; background:none;} #container .part ul.news li .date {display:block; font-weight:bold;} #container .part ul.news li a {color:#3c4352;} #container .part a.more {margin-top:10px; padding:0 22px 0; background:url(../images/new/bg_more.png) 100% 0 no-repeat; float:right; display:inline-block; color:#9da801;} #container .part a.more.clean {text-decoration:none;} #container ul.bigUl {pading-bottom:5px; border-bottom:1px solid #dddedf;} #container ul.bigUl li {width:170px; margin:0; padding:5px 0 5px 20px; background:url(../images/new/bg_bigul.png) 0 6px no-repeat; border-top:1px solid #dddedf;} #container ul.bigUl li a {color:#3c4352; font-weight:bold; text-decoration:none;} #container ul.bigUl li a:hover {text-decoration:underline;} ul.productsSeries {margin:0 0 20px; padding:0 20px; background:#495060 url(../images/new/productsseries.png) 0 0 repeat-x; background:-webkit-linear-gradient(top, #24232d, #495060); background:-moz-linear-gradient(top, #24232d, #495060); background:-o-linear-gradient(top, #24232d, #495060); background:-ms-linear-gradient(top, #24232d, #495060); border-radius:5px;} ul.productsSeries > li {width:274px; margin:0 23px 0 0; padding:20px 0; background:none; float:left;} ul.productsSeries li.last {margin:0;} #middleFull ul.productsSeries li h1 {color:#c8d100; margin:0 0 14px; font-size:2.2em; line-height:1.1em; font-weight:normal; font-family:'ChollaSansRegular';} #middleFull ul.productsSeries li h2 {margin:0 0 27px; color:#fff; font-size:1em;} ul.productsSeries li .whiteFrame {width:244px; padding:23px 15px 10px; background:#f6f6f6; border-radius:5px; position:relative;} #middleFull ul.productsSeries li .whiteFrame hr {background:none; border-top:1px solid #dddedf;} #middleFull ul.productsSeries li .whiteFrame ul.keyPoints {min-height:60px; margin:0; padding:0 0 20px; background:none; border-bottom:1px solid #dddedf; outline:none; border-top:none;} ul.productsSeries li .whiteFrame ul.keyPoints li {width:71px; margin:0 5px; padding:34px 0 0; background:url(../images/new/keypointscenter.png) 50% 0 no-repeat; font-size:0.8em; color:#6c6c6c; line-height:13px; text-align:center;} ul.productsSeries li .whiteFrame ul.keyPoints li:hover {background-color:#f6f6f6; cursor:default;} ul.productsSeries li .whiteFrame ul.keyPoints li.last {margin:0;} ul.productsSeries li .whiteFrame ul.keyPoints.two li {width:102px; margin:0 10px;} ul.productsSeries li .whiteFrame ul.keyPoints li.time {background-position:50% 0;} ul.productsSeries li .whiteFrame ul.keyPoints li.snyc {background-position:50% -100px;} ul.productsSeries li .whiteFrame ul.keyPoints li.ok {background-position:50% -200px;} ul.productsSeries li .whiteFrame ul.keyPoints li.server {background-position:50% -300px;} ul.productsSeries li .whiteFrame ul.keyPoints li.auto {background-position:50% -400px;} ul.productsSeries li .whiteFrame ul.keyPoints li.online {background-position:50% -500px;} ul.productsSeries li .whiteFrame ul.keyPoints li.print {background-position:50% -600px;} ul.productsSeries li .whiteFrame ul.keyPoints li.ean {background-position:50% -700px;} ul.productsSeries li .whiteFrame ul.keyPoints li.save {background-position:50% -800px;} ul.productsSeries li .whiteFrame ul.keyPoints li.talk {background-position:50% -900px;} ul.productsSeries li .whiteFrame ul.keyPoints li.options {background-position:50% -1000px;} ul.productsSeries li .whiteFrame ul.keyPoints li.cloud {background-position:50% -1100px;} ul.productsSeries li .whiteFrame ul.keyPoints li.house {background-position:50% -1200px;} ul.productsSeries li .whiteFrame ul.keyPoints li.notes {background-position:50% -1300px;} #middleFull ul.productsSeries li .whiteFrame ul {margin:0 -15px;} ul.productsSeries li .whiteFrame ul li { font-size:0.95em; margin:0; padding:15px 10px 15px 25px; background:url(../images/new/smallarrow.png) 15px 42px no-repeat;} ul.productsSeries li .whiteFrame ul li:hover {background-color:#fff; /*box-shadow:inset 0px 0px 5px rgba(0,0,0,0.3);*/ cursor:pointer;} #middleFull ul.productsSeries li .whiteFrame ul li:hover h3 a {text-decoration:underline;} ul.productsSeries li .whiteFrame ul li.last {margin:0 0 29px;} ul.productsSeries li .whiteFrame ul li.big {background-position:15px 57px;} ul.productsSeries li .whiteFrame ul li .small {margin:3px 0 0 -10px; padding-left:10px; background:url(../images/new/smallarrow.png) 0 6px no-repeat; display:block;} /*#middleFull ul.productsSeries li .whiteFrame ul {margin:0 0 15px;} ul.productsSeries li .whiteFrame ul li {margin:0 0 5px; padding:0 0 0 10px; background:url(../images/new/smallarrow.png) 0 6px no-repeat;} ul.productsSeries li .whiteFrame ul li.last {margin:0 0 29px;} ul.productsSeries li .whiteFrame ul li.big {background-position:0 42px;}*/ #middleFull ul.productsSeries li .whiteFrame h3 {margin:0 0 5px 0px; font-size:1.1em;} #middleFull ul.productsSeries li .whiteFrame h3 a { color:#959F00; text-decoration:none;} #middleFull ul.productsSeries li .whiteFrame h3 a:hover { color:#959F00; text-decoration:underline;} #middleFull ul.productsSeries li .whiteFrame p {margin:35px 0 11px; text-align:center;} #middleFull ul.productsSeries li .whiteFrame p a.button {width:100px; margin:0 0 0 -65px; position:absolute; bottom:30px; left:50%;} ul.keyPoints {margin:0 0 22px; padding:33px 30px 41px 46px; background:#f6f6f6; outline:1px solid #e0e0e0; border-top:1px solid #fff; border-bottom:1px solid #fff;} ul.keyPoints li {width:203px; margin:0 30px 0 0; padding:0 0 0 55px; background:url(../images/new/keypoints.png) 0 0 no-repeat; float:left;} ul.keyPoints li:last-child { margin: 0; } ul.keyPoints li.last {margin:0;} ul.keyPoints li.time {background-position:0 0;} ul.keyPoints li.snyc {background-position:0 -100px;} ul.keyPoints li.ok {background-position:0 -200px;} ul.keyPoints li.server {background-position:0 -300px;} ul.keyPoints li.auto {background-position:0 -400px;} ul.keyPoints li.online {background-position:0 -500px;} ul.keyPoints li.print {background-position:0 -600px;} ul.keyPoints li.ean {background-position:0 -700px;} ul.keyPoints li.save {background-position:0 -800px;} ul.keyPoints li.talk {background-position:0 -900px;} ul.keyPoints li.options {background-position:0 -1000px;} ul.keyPoints li.cloud {background-position:0 -1100px;} ul.keyPoints li.house {background-position:0 -1200px;} ul.keyPoints li.notes {background-position:0 -1300px;} #middleFull ul.keyPoints li h2 {margin:0 0 .6em; font-size:1em; color:#3C4352;} ul.keyPoints li span { font-size:14px; padding:0 0 0 18px; background:url(../images/new/smallarrow.png) 0 5px no-repeat; line-height: 1.8em; } .productLanding {margin:0 0 20px; padding:20px; background:#495060; border-radius:5px; color:#fff;} .productLanding.ria {background:#495060 url(../images/new/productlandingria.png) 100% 0 no-repeat;} #middleFull .productLanding h1 {margin:0; color:#fff; font-size:3em; font-weight:normal; font-family:'ChollaSansRegular';} .productLanding h1 span {color:#959f00;} #middleFull .productLanding h2, #middleFull .productLanding h2.gray {color:#fff;} #middleFull .productLanding h3 {color:#c8d100;} #middleFull .productLanding h4 {color:#fff; font-size:1.3em;font-weight:normal;margin:0 0 15px;} #middleFull .productLanding h2 {font-size:1.7em;color:#c8d100; } .productLanding .explainLink {padding-right:12px; background:url(../images/new/morewhite.png) 100% 50% no-repeat; color:#fff;} .productLanding .explainLink:hover {background-position:123% 50%;/* -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -ms-transition:all 1s;*/} .productLanding .explainLink span {left:auto; top:2px; right:-245px;} .productLanding hr {background:none; border-top:1px solid #656770;} .productLanding table {width:100%;} .productLanding.ria > table.clean {width:auto;} .productLanding.ria > table.clean tr td {padding-right:60px;} .productLanding .whiteFrame {width:382px; margin:0 24px 0 0; padding:20px; background:#fff; border-radius:10px; float:left; color:#3c4353;} .productLanding .whiteFrame.last {margin:0;} #middleFull .productLanding .whiteFrame h2 { color:#959F00; margin:0 0 10px; padding:10px 0;} #middleFull .productLanding .whiteFrame h2.big {margin:0 0 10px; padding:0 0 10px;} #middleFull .productLanding .whiteFrame hr {border-top:1px solid #E0E0E0;} .productLanding .whiteFrame h2.nlPortal {background:url(../images/new/nlportal.png) 100% 0 no-repeat;} .productLanding .whiteFrame h2.nlPortal.big {background-positon:100% 3px;} .productLanding .whiteFrame h2.nlBreeze {background:url(../images/new/nlbreeze.png) 100% 0 no-repeat;} .productLanding .whiteFrame h2.nlBreeze.big {background-positon:100% 3px;} #middleFull .productLanding .whiteFrame p {margin:0 0 20px; font-weight:bold;} #middleFull .productLanding .whiteFrame a.button {margin:0;} .productLanding .whiteFrame img {margin:0 0 18px; padding:0 0 10px; border-bottom:1px solid #e0e0e0;} #middleFull .productLanding .whiteFrame h3 {margin:0 0 5px; color:#3c4353;} #middleFull .productLanding .whiteFrame ul {margin:0 0 30px; padding:0 0 16px; border-bottom:1px solid #e0e0e0;} .frameC {margin:0 0 20px; padding:20px 20px 0; background:#f6f6f6; outline:1px solid #e0e0e0; border-top:1px solid #fff; border-bottom:1px solid #fff; text-align:center;} /* .frameC p { padding: 12px 0; line-height: 38px; margin-bottom: 25px; }*/ .frameC p.frameText { margin-bottom: 20px; padding: 0; line-height:18px; } .frameC p.multiple { display: inline-block; padding: 12px 15px; } #middle .frameC h2, #middleWide .frameC h2, #middleFull .frameC h2 {margin:0 0 8px; color:#3c4352;} .frameC a {color:#959f00;} ul.benefits {padding:0 0 2px; background:url(../images/new/benefitsul.png) 0 100% repeat-x;} ul.benefits > li {margin:0; padding:0; background:url(../images/new/benefits.png) 0 0px no-repeat;} #middleFull ul.benefits li h2 {width:90px; padding:20px 30px 0 10px; float:left; color:#959f00; font-size:1.2em; font-family:'ChollaSansBold'; text-align:right;} #middleFull ul.benefits li ul {width:780px; margin:10px 0; padding:0; float:left;} ul.benefits li ul li {width:175px; margin:10px 0 10px 20px; padding:0; background:none; float:left;} #middleFull ul.benefits li ul li h3 {color:#3c4353; font-size:1em;} /*web printing 2*/ #middleFull .productLanding .columns .threeColumn h3.title {margin:0 0 15px; color:#fff; font-size:1.1em; font-weight:bold;} #middleFull .productLanding .space {clear: both; float: none; position: relative; top: 45px;} h2.font {font-family: 'ChollaSansRegular'; text-transform: uppercase; font-weight: normal;} a span#watch {position: absolute; top: 120px; left: 238px; z-index: 100; font-weight: bold; color: #fff; font-size: 1.1em;} p.cite { font-size: 16px; line-height: 30px; padding-top: 80px; } .equalHeight { overflow: hidden; } #middleFull .ria .freeColumn h2.normal { color:#c8d100; font-size: 1.9em; padding-top: 25px; margin-bottom: 20px; } .ria .freeColumn p { font-size: 15px; line-height: 20px; margin-bottom: 20px; } .columns .last { padding-right: 0; } .twoColumn, .threeColumn { float: left; } .twoColumn { width: 47%; padding-right:40px; } .twoColumn .last { padding-right: 0; } .threeColumn { width: 30.333%; padding-right:40px} .productLanding .threeColumn { padding-right:39px;} .threeColumn .last, .productLanding .columns .last { padding-right:0px; } .threeColumn img { margin-bottom:20px;} .gallery img { width: 216px; padding-right: 1.3%; } img.last { padding: 0; } .freeColumn { float: left; margin-bottom:35px; } .video { float: right; padding-right: 3px; position: relative;} .videoButton { width: 410px; text-align: center; padding-top: 55px; } .videoButton a span#watch { position: relative; display: block; top: 10px; left: 0; text-decoration: none; font-size: 12px; } #middleFull .webPrintingSub img { max-width: 100%; max-height: 100%; } #middleFull .webPrintingSub h3 { font-weight: normal; font-size: 1.5em; } #middleFull .webPrintingSub .gray { color: #3c4352; font-size: 2.2em; margin-bottom: 1.3em; } #middleFull .webPrintingSub .frameC { margin: 0 0 80px 0; } #middleFull .webPrintingSub .frameC.last { margin: 0 0 20px 0; } #middleFull .webPrintingSub .columnsWrap { padding-bottom: 20px; } #middleFull .webPrintingSub .columns { margin-left: -60px; padding-bottom: 60px; } #middleFull .webPrintingSub .columns .threeColumn { width: 33.33%; padding: 0; } #middleFull .webPrintingSub .columns .threeColumn .block { display: block; } #middleFull .webPrintingSub .columns .threeColumn img { max-width: 220px; height: auto; margin: 0; } #middleFull .webPrintingSub .columns .twoColumn { width: 50%; padding: 0; } #middleFull .webPrintingSub .columns .twoColumn a.block { display: block; } #middleFull .webPrintingSub .columns .threeColumn > *, #middleFull .columns h1, #middleFull .columns h2, #middleFull .columns .twoColumn > * { padding-left: 60px; } /* .video object { width: 390px; height: 250px; }*/ ul.filesList {margin:0 0 20px;} ul.filesList li { font-size:12px; width:150px; margin:0 22px 22px 0; padding:10px; background:#f6f6f6; float:left;} ul.filesList li:nth-child(4n) { margin: 0 0 22px 0; } ul.filesList li.last {margin:0 0 22px;} ul.filesList li span {width:150px; height:100px; margin:0 0 10px; background:#fff; border-radius:5px; display:block; text-align:center; overflow:hidden;} ul.filesList li span img {max-width:150px; max-height:100px;} ul.filesList li a {margin:5px 0 0; display:block; color:#3c4352; text-decoration:none;} ul.filesList li a:hover {text-decoration:underline;} #middleWide #pc-cont h3 {color:#3c4353;} #middleWide ul#pc-ul {margin:0;} #middleWide #pc-cont ol.clear {margin-left:0;} /*homecontent*/ ul.homeBoxes {margin:30px 0 0; float:left;} ul.homeBoxes li { font-size:12px; width:178px; margin:0 23px 0 0; padding:0 20px 20px; background:#ececec; border:1px solid #d8d8d8; border-radius:5px; box-shadow:0 0 0px rgba(0, 0, 0, 0.25), 0 2px 3px rgba(0, 0, 0, 0.3); float:left;} ul.homeBoxes li.last {margin:0;} ul.homeBoxes li:hover {background:#fff; cursor:pointer;} ul.homeBoxes li h2 {margin:0 -20px 10px -20px; padding:18px 20px 0 20px; border-top:2px solid #fff; border-top-left-radius:5px; border-top-right-radius:5px; font-size:1.05em;} ul.homeBoxes li h2.small {line-height:2.1em;} ul.homeBoxes li h2 a {color:#464E5D; text-decoration:none;} ul.homeBoxes li img {margin-bottom:8px;} /*homecontent NEW HOME BOXES*/ ul.boxesHome {width: 100%; height: auto; margin: 0; margin-top: 40px; float: left; padding: 0;} ul.boxesHome li {width: 215px; height: auto; margin: 0; margin-right: 30px; padding: 0; background: #f6f6f6; border-top: 1px solid #e0e0e0; position: relative; float: left; list-style-type: none;} ul.boxesHome li.last {margin-right: 0;} ul.boxesHome li a {text-decoration: none; padding: 25px 10px; display: block; margin: 0;} ul.boxesHome li h2 {font-family: ChollaSansRegular; font-size: 24px;line-height: 28px; text-align: center; margin-bottom: 25px; font-weight: normal;} ul.boxesHome li span {font-size: 14px; color: #464e5d; display: block; font-weight: normal; text-align: center; line-height: 20px; margin-bottom: 30px; position: relative; z-index: 1;} ul.boxesHome li span.boxImageDesign {width: 99px; height: 85px; margin: 0; padding:0; display: block; background: url(../images/new/boxImageDesign.png) no-repeat 0 0; text-indent: -123456px; z-index: 0; position: absolute; bottom: 10px; left: 10px;} ul.boxesHome li span.roundedCorners {width: 100px; margin: 0 auto; position: relative; overflow:hidden; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} ul.boxesHome li span.readMoreHomeBoxes {width: auto; height: 16px; border: none; display: block; position: relative; z-index: 1; text-align: center; margin-bottom: 0; font-size: 13px; color: #959f00;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} ul.boxesHome li span.boxImageDesign.operator {width: 96px; height: 79px;background: url(../images/new/operator.png) no-repeat 0 0;} ul.boxesHome li span.boxImageDesign.cloud {width: 102px; height: 71px;background: url(../images/new/cloud.png) no-repeat 0 0;} ul.boxesHome li span.boxImageDesign.automated {width: 96px; height: 84px;background: url(../images/new/automated.png) no-repeat 0 0;} ul.boxesHome li:hover {background: #51596b;} ul.boxesHome li:hover a {text-decoration: none; padding: 25px 10px;} ul.boxesHome li:hover h2 {color: #c0d200;} ul.boxesHome li:hover span {color: #fff;} ul.boxesHome li:hover span.boxImageDesign {background-position: 0 -85px;} ul.boxesHome li:hover span.boxImageDesign.operator {background-position: 0 -79px;} ul.boxesHome li:hover span.boxImageDesign.cloud {background-position: 0 -71px;} ul.boxesHome li:hover span.boxImageDesign.automated {background-position: 0 -84px;} ul.boxesHome li:hover span.roundedCorners {border-right: 1px solid #8e9400; border-bottom: 1px solid #8e9400;} /*end home boxes*/ ul#sap { float:left; margin:10px 0 0 0;} ul#sap li { background:none; display:inline;} /* right */ #right ul {margin:0 0 20px;} /* ---------- FOOTER ---------- */ #bottom {width:950px; height:auto; margin:0 auto; background:#fff;} #bottom.home {background:none;} #footer {width:950px; height:auto; margin-top:30px; padding:0; background:none; float:left; text-align:center; color:#888;} #bottom.home #footer {padding:10px 0 0;} #bottom.portal #footer {width:934px;} #footer span {width:950px; color:#aaa; float:none; font-size:0.9em; display:block;} #footer a {color:#888;} #footer ul#lang {width:360px; margin:0 auto;} #footer ul#lang li {padding:0 8px 0 5px; background:url(../images/new/bg_languages.png) 100% 50% no-repeat; float:left; color:#3C4352;} #footer ul#lang li.last {padding:0 0 0 5px; background:none;} #footer ul#lang li a {text-decoration:none;} #footer ul#lang li a:hover {text-decoration:underline; color:#aaa;} #footer #logos {width:948px; height:98px; margin:0px 0 30px 0; background:url(../images/new/logos.png) 50% 50% no-repeat; border:1px solid #d8d8d8; border-radius:5px; position:relative;} #bottom.sap #footer #logos, #bottom.portal #footer #logos {width:932px;} #footer #logosCn {width:950px; height:100px; margin:20px 0; background:url(../images/new/bg_logos-cn.png) 0 0 no-repeat; position:relative;} #footer #logos a.toptenreviews, #footer #logosCn a.toptenreviews {width:35px; height:54px; margin:0; display:block; text-indent:-123456px; position:absolute; top:23px; left:48px;} #footer span.production {width:100%; margin:0; padding:0; float:none; color:#888; display:inline-block;} #footer .production p {padding:0; float:left; font-size:1em;} #footer .production a {color:#888;} #footer .production ul#bottomNavigation {margin:0 15px !important; margin:0 15px 0 7px; float:left;} #footer .production ul#bottomNavigation li {background:none; padding:0 5px; float:left; color:#888; font-size:1em;} #footer .production ul#bottomNavigation li a {color:#888;} #footer .production .madeby {width:auto; float:right; font-size:1em;} #footer .production .madeby a.no {text-decoration:none; cursor:text;} #footer .production .madeby a.no:hover {text-decoration:none;} #footer .production .madeby a {text-decoration:none;} #footer .production .madeby a:hover {text-decoration:underline;} #galleryNavHolder {clear:both; text-align:center;} #galleryNavHolder #galleryNav {background:url(../images/new/homeboxes.png) 0 0 repeat-x; border:1px solid #d8d8d8; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-shadow:0 0 0 rgba(0, 0, 0, 0.25), 0 2px 3px rgba(0, 0, 0, 0.3); display:inline-block; margin:0;} #galleryNav li { font-size:12px;margin:0; padding:0; background:url(../images/new/pagerLiBg.png) 100% 0 no-repeat; display:inline-block; float:left;} #galleryNav li.last {background:none;} #galleryNav li a {margin:0 10px 0 0; padding:0 10px 0 20px; display:block; line-height:33px; text-decoration:none;} #galleryNav li.activeSlide a, #galleryNav li a:hover {background:url(../images/new/pagerLi.png) 55% 0 no-repeat;} /*OTHER*/ .zebraBanner {width:700px; height:150px; margin:0 0 20px; background:url(../files/pic/zebrabanner_mini.jpg) 0 0 no-repeat; position:relative;} .cn .zebraBanner {width:700px; height:150px; margin:0 0 20px; background:url(../images/new/zebrabanner_mini_cn.jpg) 0 0 no-repeat; position:relative;} .de .zebraBanner {width:700px; height:150px; margin:0 0 20px; background:url(../images/new/zebrabanner_mini_de.jpg) 0 0 no-repeat; position:relative;} .zebraBanner a.button {position:absolute; bottom:40px; right:20px;} /* nicedrivers relese notes */ #tab2 p { margin-bottom:0px; font-size: 12px;} #tab2 h3 { margin-bottom:5px; font-size: 14px;} #tab2 ul { margin-bottom:15px; } #tab2 ul li { font-size: 12px; } #nyromodalVideo {width:800px; height:483px; display:none;} /* #galleryNavHolder {clear:both; text-align:center;} #galleryNavHolder #galleryNav { display : inline-block; } #galleryNav, #galleryNav li.last { background : url(../images/new/pager.png) no-repeat 0 0 scroll transparent; } #galleryNav li.last { background-position : right 0; } #galleryNav { display : inline-block; } #galleryNav li { float : left; display : inline-block; margin : 0; padding : 0; background: url(../images/new/pagerLiBg.png) no-repeat scroll 100% 0 transparent; } #galleryNav li a { display : block; line-height : 33px; padding-left: 20px; padding-right: 10px; margin-right: 10px; text-decoration: none; } #galleryNav li.activeSlide a, #galleryNav li a:hover { background:url(../images/new/pagerLi.png) no-repeat 55% 0; } */ /* #galleryNav, #galleryNav li.last { background:url(http://nicelabel.dev.creatim.lan/resources/images/new/pager.png) no-repeat left 0 scroll transparent; } #galleryNav { height: 33px; display: inline-block; } #galleryNav li { display: inline-block; padding: 0; float:left; background: url(http://nicelabel.dev.creatim.lan/resources/images/new/pagerLiBg.png) no-repeat scroll 100% 0 transparent; } #galleryNav li.last { margin-right:0px; background-position: right 0; } #galleryNav li a { padding: 6px 10px 7px 20px; margin: 0 10px 0 0; background:none; color:#3B414F; font-weight:bold; text-decoration:none; line-height:1.6em;} #galleryNav li.activeSlide a, #galleryNav li a:hover {background:url(http://nicelabel.dev.creatim.lan/resources/images/new/pagerLi.png) no-repeat center 0;} */ /* IE ONLY * html #galleryNavHolder #galleryNav { display : inline; } */ /* clear-floating 1*/ .clear:after, #galleryNavHolder:after, #galleryNav:after, .columns:after, #cookiePolicyNotice:after, #middleFull .webPrintingSub .columnsWrap:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; } .clear, #galleryNavHolder, #galleryNav, .columns, #middleFull .webPrintingSub .columnsWrap { display : inline-block; } * html .clear, * html #galleryNavHolder, * html #galleryNav, * html .columns, * html #middleFull .webPrintingSub .columnsWrap { height : 1%; } .clear, #galleryNavHolder, #galleryNav, .columns, #middleFull .webPrintingSub .columnsWrap { display : block; } /*PRODUCTS*/ #middleFull.products {} #middleFull.products h1 {font-size: 1.6em;} #middleFull.products span.subTitle {color:#b2b3b9;} #middleFull.products h2 {font-weight: normal;} #middleFull.products .overviewHolder {height:280px; overflow: visible; position: relative;} #middleFull.products .overview {line-height: normal; position: absolute; width: 240px; padding: 30px 25px 40px; border-top: 1px solid #e1e0e0; margin: 0; cursor: pointer; text-align: center; overflow: visible;} #middleFull.products .overview#overview1 {left:0;} #middleFull.products .overview#overview2 {left:310px;} #middleFull.products .overview#overview3 {left:620px;} #middleFull.products .overview h2 {text-align: center; font-family: 'ChollaSansRegular'; font-size:2.2em; font-weight: normal;} #middleFull.products .overview p {font-size: 12px; text-align: center;} #middleFull.products .overview a.iconMore {position: absolute; left: 93px; bottom: -29px; width: 104px; height: 53px; background: url(../images/productIconMore.png?v=2) 0 0 no-repeat; display: inline-block; text-decoration: none;} #middleFull.products .overview a.iconMore span {display: block; text-align: center; font-weight: bold; margin: 15px 0 0;} #middleFull.products .overview ul.icons {margin: 0 0 10px; display: inline-block;} #middleFull.products .overview ul.icons li {background: none; padding: 0; margin:0; width: 100px; float:left; border-right: 1px solid #e1e0e0;} #middleFull.products .overview ul.icons li:last-child {border-right: none;} #middleFull.products .overview ul.icons li span.icon {display: block; width: 33px; height: 28px; background: url(../images/productIcons.png) 0 top no-repeat; margin: 0 0 10px 34px;} #middleFull.products .overview ul.icons li span.icon.icon2 {background-position: -33px top;} #middleFull.products .overview ul.icons li span.icon.icon3 {background-position: -66px top;} #middleFull.products .overview ul.icons li span.icon.icon4 {background-position: -99px top;} #middleFull.products .overview ul.icons li span.icon.icon5 {background-position: -132px top;} #middleFull.products .overview ul.icons li span.icon.icon6 {background-position: -165px top;} #middleFull.products .overview ul.icons li span.icon.icon7 {background-position: -199px top;} #middleFull.products .overview ul.icons li span.icon.icon8 {background-position: -231px top;} #middleFull.products .overview ul.icons li span.text {color: #6c6c6c; display: block; text-align: center; font-size: 12px; margin: 0 4px; min-height: 3em;} #middleFull.products .overview ul.summ {display: none; padding: 0; margin: 35px 0 25px;} #middleFull.products .overview ul.summ li {margin: 0 0 10px; padding: 0 0 10px; background: none; border-bottom: 1px solid #e1e0e0;} #middleFull.products .overview ul.summ li:last-child {border: none;} #middleFull.products .overview ul.summ li strong {display: block; text-align: center; color: #c8d200; margin: 0 0 5px;} #middleFull.products .overview ul.summ li span {display: block; text-align: center; color: #ffffff; margin: 0 35px; font-size: 12px;} #middleFull.products .overview.selected a.iconMore, #middleFull.products .overview.selected:hover a.iconMore {background-position: 0 -110px;} #middleFull.products .overview.selected a.iconMore span {text-indent: -9999px;} #middleFull.products .overview.selected:hover, #middleFull.products .overview.selected {border-top: 1px solid #282832; overflow: visible; background: #4a5263; background: -moz-linear-gradient(top, #282832 0%, #4a5263 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282832), color-stop(100%,#4a5263)); background: -webkit-linear-gradient(top, #282832 0%,#4a5263 100%); background: -o-linear-gradient(top, #282832 0%,#4a5263 100%); background: -ms-linear-gradient(top, #282832 0%,#4a5263 100%); background: linear-gradient(to bottom, #282832 0%,#4a5263 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282832', endColorstr='#4a5263',GradientType=0 ); } #middleFull.products .overview:hover { background: #51596b;} #middleFull.products .overview:hover h2, #middleFull.products .overview.selected h2 {color: #c8d200;} #middleFull.products .overview:hover p, #middleFull.products .overview.selected p {color: #ffffff;} #middleFull.products .overview:hover ul.icons li, #middleFull.products .overview.selected ul.icons li {border-right-color: #5f6572;} #middleFull.products .overview:hover a.iconMore {background-position: 0 -55px;} #middleFull.products .overview:hover a.iconMore span {color: #4d5566; text-indent: 0;} #middleFull.products .overview:hover ul.icons li span.icon, #middleFull.products .overview.selected ul.icons li span.icon {background-position: 0 bottom;} #middleFull.products .overview:hover ul.icons li span.icon.icon2, #middleFull.products .overview.selected ul.icons li span.icon.icon2 {background-position: -33px bottom;} #middleFull.products .overview:hover ul.icons li span.icon.icon3, #middleFull.products .overview.selected ul.icons li span.icon.icon3 {background-position: -66px bottom;} #middleFull.products .overview:hover ul.icons li span.icon.icon4, #middleFull.products .overview.selected ul.icons li span.icon.icon4 {background-position: -99px bottom;} #middleFull.products .overview:hover ul.icons li span.icon.icon5, #middleFull.products .overview.selected ul.icons li span.icon.icon5 {background-position: -132px bottom;} #middleFull.products .overview:hover ul.icons li span.icon.icon6, #middleFull.products .overview.selected ul.icons li span.icon.icon6 {background-position: -165px bottom;} #middleFull.products .overview:hover ul.icons li span.icon.icon7, #middleFull.products .overview.selected ul.icons li span.icon.icon7 {background-position: -199px bottom;} #middleFull.products .overview:hover ul.icons li span.icon.icon8, #middleFull.products .overview.selected ul.icons li span.icon.icon8 {background-position: -231px bottom;} #middleFull.products .overview:hover ul.icons li span.text, #middleFull.products .overview.selected ul.icons li span.text {color: #ffffff;} #middleFull.products .overview:hover ul.summ {display: none;} #middleFull.products .overview:hover ul.summ li {border-bottom-color: #5f6572;} #middleFull.products .details {text-align: center; padding: 50px 0;} #middleFull.products .details p {margin:0;} #middleFull.products .details .detail {display: none;} #middleFull.products table {border-spacing:0; color: #3c3c3c; margin: 25px 0 0;} #middleFull.products table a { color: #3c3c3c; } #middleFull.products table .active a { color: #fff; } #middleFull.products table a.bOrange { font-weight: bold; color: #4d5566 !important; text-decoration: none; text-align: center; padding: 7px 0 0; margin: 0 auto 20px auto; width:100px; height:22px; background: url(../images/productTableButtonMore.png) 0 0 no-repeat; text-align: center;} #middleFull.products table a.bOrange:hover, .productDesigner .download a.bOrange:hover {text-decoration: none; background-position: 0 bottom;} #middleFull.products table a.bOrange span { border: none; margin: 0; padding: 0; display: inline-block; font-weight: bold; font-size: 1em; } #middleFull.products table .try { color: #3c3c3c; padding: 0 10px 0 0; display: inline-block; font-weight: normal; background: url(../images/productTableButtonTry1.png) right 3px no-repeat;} #middleFull.products table .active .try { color: #fff; background: url(../images/productTableButtonTry2.png) right 3px no-repeat; } #middleFull.products table .try:hover {text-decoration: underline;} #middleFull.products table .buyTry {display: inline-block; color: #3c3c3c; margin: 0 0 20px 0; padding: 0 10px 0 0; background: url(../images/productTableButtonTry1.png) right 3px no-repeat; } #middleFull.products table .active .buyTry {display: inline-block; color: #3c3c3c; margin: 0 0 20px 0; padding: 0 10px 0 0; background: url(../images/productTableButtonTry2.png) right 3px no-repeat; } #middleFull.products table .buy {display: inline-block; color: #3c3c3c; margin: 0 0 20px 0;font-size: 1.6em; padding: 0 10px 10px 0; margin: 0 -10px 0 0; white-space: nowrap; font-weight: normal; } #middleFull.products table .active .buy { color: #fff; } #middleFull.products table .additional { display: block; padding-top: 15px; color: #4c5466; } #middleFull.products table .active .additional { color: #fff; } #middleFull.products table thead tr {height:215px;} #middleFull.products #detail1 table thead tr td {background: url(../images/productTableImage1.png) center bottom no-repeat; height: 255px;} #middleFull.products #detail2 table thead tr td {background: url(../images/productTableImage2.png) center bottom no-repeat; height: 255px;} #middleFull.products #detail3 table thead tr td {background: url(../images/productTableImage3.png) center bottom no-repeat; height: 255px;} #middleFull.products table thead tr th {width: 140px; vertical-align: bottom; padding: 15px 10px 5px; text-align: center;} #middleFull.products table thead tr th span.title {color: #4c5466; font-family: 'ChollaSansRegular'; font-size:2.2em; font-weight: normal; text-align: center; display: inline-block; line-height: 1em;} #middleFull.products table thead tr th span.title span.green {color: #959F00;} #middleFull.products table thead tr th span.subtitle {display: inline-block; text-align: center; font-weight: normal; margin: 20px 0;} #middleFull.products table thead tr th div.moreDiv {display: none;} #middleFull.products table tbody tr th {font-weight: normal; padding: 15px 20px; text-align:left;} #middleFull.products table tbody tr td {text-align: center;} #middleFull.products table tbody tr td div.icon {width: 17px; height: 17px; display: inline-block; background: url(../images/productTableIcon.png) 0 top no-repeat;} #middleFull.products table tbody tr:nth-child(odd) td, #middleFull.products table tbody tr:nth-child(odd) th {background: #f6f6f6;} #middleFull.products table tfoot tr td {border-top: 5px solid #ffffff; text-align: center;} #middleFull.products table tfoot tr td span.title {font-family: 'ChollaSansRegular'; display: inline-block; font-size: 1.7em; line-height: 1em; margin: 10px 0 20px;} #middleFull.products table tfoot tr td span.title span.bigger {font-size: 1.3em; line-height: 1.1em;} #middleFull.products table tr th.active, #middleFull.products table tr td.active, #middleFull.products table tbody tr:nth-child(odd) td.active, #middleFull.products table tbody tr:nth-child(odd) th.active {background:#2c2c38;} #middleFull.products table thead tr th.active span.title {color: #ffffff;} #middleFull.products table thead tr th.active span.title span.green {color: #ffffff;} #middleFull.products table thead tr th.active span.subtitle {color:#C6C6C6;} #middleFull.products table tfoot tr td.active span.title {color: #ffffff;} #middleFull.products table tfoot tr td.active span.title span.bigger {color: #ffffff;} #middleFull.products table tr td.active { color: #fff; } #middleFull.products table tr td.active .buyTry, #middleFull.products table tr td.active .buy {color:#ffffff;} #middleFull.products table tr td.active div.icon {background-position: 0 bottom;} #middleFull.products table tfoot tr td.active { background: #2c2c38; background: -moz-linear-gradient(top, #282832 0%, #4a5263 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2c38), color-stop(100%,#4a5263)); background: -webkit-linear-gradient(top, #2c2c38 0%,#4a5263 100%); background: -o-linear-gradient(top, #2c2c38 0%,#4a5263 100%); background: -ms-linear-gradient(top, #2c2c38 0%,#4a5263 100%); background: linear-gradient(to bottom, #2c2c38 0%,#4a5263 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282832', endColorstr='#4a5263',GradientType=0 );*/ } #middleFull.products table a.buyTry span {background: url("../images/productTableButtonTry1.png") no-repeat scroll right 6px transparent; font-size: 1.6em; margin: 0 -10px 0 0; padding: 0 10px 0 0; white-space: nowrap;} #middleFull.products table tr td.active a.buyTry span {background: url("../images/productTableButtonTry2.png") no-repeat scroll right 6px transparent;} /*product desinger*/ .productDesigner { position: relative; } .productDesigner .hide { display: none; } .productDesigner #middleFull { margin-top: 19px; } .productDesigner #middleFull h1 { margin-bottom: 25px; font-family: ChollaSansBold, Arial, sans-serif; font-size: 2.8em; line-height: 1.2em; color: #4d5566; } .productDesigner #middleFull .productNav { position: relative; margin-bottom: 30px; padding-bottom: 4px; border-bottom: 1px solid #d8d8d8; } .productDesigner #middleFull .productNav ul { position: absolute; right: 0; top: 0; } .productDesigner #middleFull .productNav ul li { float: left; padding: 0 15px; border-right: 1px solid #e1e0e0; background: none; font-size: 12px; line-height: 21px; font-weight: bold; } .productDesigner #middleFull .productNav ul li:last-child { padding-right: 0; border: none; } .productDesigner #middleFull .productNav ul li.selected { font-weight: normal; color: #000000; } .productDesigner #middleFull .productNav h2 { color: #3c4353; font-size: 14px; font-weight: normal; } .productDesigner #middleFull h3 { font-family: ChollaSansRegular; font-size: 2.6em; font-weight: normal; margin: 0 0 .6em; } .productDesigner #middleFull .desc h3 { font-family: ChollaSansBold; font-size: 2.4em; margin-bottom: .6em; color: #4d5566; } .productDesigner #middleFull .desc p { margin-bottom: 1.4em; } .productDesigner .prodBox { float:right; margin:0 30px 0 0; } #middleFull .downloadWrapper {width: 100%; position: fixed; top: 175px; left: 0;} #middleFull .downloadWrapper p a.arrow, a.arrow { padding: 0 10px 0 0; background: url(../images/productTableButtonTry3.png) right 3px no-repeat; } #middleFull .downloadHolder {width: 950px; margin: 0 auto; position: relative; } .cookies #middleFull .downloadBlock { top: 64px; } #middleFull .downloadBlock { position: absolute; top: 34px; right: -184px; width: 155px; padding: 25px 15px; text-align: center; background: #f6f6f6; } .productDesigner #middleFull .downloadBlock h4 { font-family: ChollaSansRegular; font-weight: normal; font-size: 3em !important; line-height: 1.4em !important; color: #4d5566; margin-bottom: 0.1em;} #middleFull .downloadBlock p { padding: 15px 0 0 0; margin-bottom: 0; } .productDesigner #middleFull .downloadBlock span { color: #959F00; } .productDesigner .feature {cursor: pointer; position: relative; float: left; width: 23%; margin: 2.8em 2% 5em 0; padding-top: 20px; text-align: center; border-top: 1px solid #e1e0e0; } .productDesigner .feature h3 { padding-top: 15px; } .productDesigner .feature span { display: inline-block; width: 64px; height: 58px; background: url(../images/icons_designer.png) 0 0 no-repeat scroll transparent; } .productDesigner .feature p { margin-bottom: 60px; } .productDesigner .feature a.more { position: absolute; bottom: -39px; left: 53px; display: inline-block; padding: 0; width: 104px; height: 53px; background: url(../images/productIconMore.png) 0 0 no-repeat scroll transparent; font-weight: bold; text-align: center; } .productDesigner .feature a.more span { margin: 15px 0 0 0; background: none; } .productDesigner .feature:hover { color: #fff; background: #282832; background: -moz-linear-gradient(top, #282832 0%, #4c5465 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282832), color-stop(100%,#4c5465)); background: -webkit-linear-gradient(top, #282832 0%,#4c5465 100%); background: -o-linear-gradient(top, #282832 0%,#4c5465 100%); background: -ms-linear-gradient(top, #282832 0%,#4c5465 100%); background: linear-gradient(to bottom, #282832 0%,#4c5465 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282832', endColorstr='#4c5465',GradientType=0 ); } .productDesigner .feature:hover h3 { color: #c8d200; } .productDesigner .feature:hover a.more { background-position: 0 -55px; } .productDesigner .feature:hover a.more span { color: #4d5566; } .productDesigner .last { margin-right: 0; } .productDesigner .feature span.designIcon { background-position: 0 0; } .productDesigner .feature span.databaseIcon { background-position: -80px 0; } .productDesigner .feature span.printIcon, .productDesigner .feature span.efficientIcon { background-position: -150px 0; } .productDesigner .feature span.createIcon { background-position: -221px 0; } .productDesigner .feature:hover span.designIcon { background-position: 0 bottom; } .productDesigner .feature:hover span.databaseIcon { background-position: -80px bottom; } .productDesigner .feature:hover span.printIcon, .productDesigner .feature:hover span.efficientIcon { background-position: -150px bottom; } .productDesigner .feature:hover span.createIcon { background-position: -221px bottom; } .productDesigner .descriptions { margin-top: 5em; } .productDesigner .desc { margin-bottom: 95px; position: relative; font-size: 14px; min-height: 300px;} .productDesigner .desc p, .productDesigner .desc ul li {font-size: 14px;} .productDesigner .desc span { width: 420px; height: 281px; } .productDesigner .floatLeft { float: left; width: 46%; } .productDesigner .floatRight { float: right; width: 46%; } .productDesigner .floatRight img { float: right; } .productDesigner .noImg { margin-top: 95px; } .productDesigner .desc ul li { background: url(../images/smallarrow.png) 0 11px no-repeat scroll transparent; line-height: 1.5em; padding-left: 18px; } .productDesigner #middleFull .frameC h2 { font-weight: bold; } #middleFull .downloadBlock h2 {color: #3c4352; margin: 0 0 8px;} .productDesigner #middleFull h3.small { font-size: 2.2em; } .productDesigner #middleFull .videos { margin: 5em 0; } .productDesigner #middleFull .videos h4 { font-family: ChollaSansRegular; font-size: 1.8em; color: #3c4352; border-top: 1px solid #e1e0e0; padding-top: 1.2em; margin: 0 0 .6em; } .productDesigner #middleFull .videos a { display: block; position: relative; } .productDesigner #middleFull .videos a img { width: 250px; height: 150px; } .productDesigner #middleFull .videos a .playButton { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 4000; background: url(../images/video_small.png) 50% 50% no-repeat scroll transparent; text-indent: -9999px; } /* NEW FROM LAYOUT:CSS */ /*textCols */ .productDesigner .textCols { width : 100%;} .productDesigner .textCols .col { float : left; padding-right : 6em; } .productDesigner .textColsWrap { position : relative; margin-right : -6em; } .productDesigner .textCols.textCols2 .col { width : 50%; } .productDesigner .textCols.textCols2 div:nth-child(2n+1).col { clear : both; } .productDesigner .textCols.textCols3 .col { width : 33.3%; } .productDesigner .textCols.textCols3 div:nth-child(3n+1).col { clear : both; } .productDesigner .textCols.textCols4 .col { width : 25%; } .productDesigner .textCols.textCols4 div:nth-child(4n+1).col { clear : both; } .productDesigner .textCols.textCols5 .col { width : 20%; } .productDesigner .textCols.textCols5 div:nth-child(5n+1).col { clear : both; } .productDesigner .textCols.textCols6 .col { width : 16.6%; } .productDesigner .textCols.textCols6 div:nth-child(6n+1).col { clear : both; } .productDesigner .textCols.textCols2-1 .col:first-child { width : 75%; } .productDesigner .textCols.textCols2-1 .col { width : 25%; } .productDesigner .textCols.textCols2-1 div:nth-child(2n+1).col { clear : both; } /* boxSizing */ div.col { -moz-box-sizing : border-box; -webkit-box-sizing : border-box; box-sizing : border-box; } /* clear floats */ .textCols:after, ul.keyPoints:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; } .textCols, ul.keyPoints { display : inline-block; } * html .textCols, * html ul.keyPoints { height : 1%; } .textCols, ul.keyPoints { display : block; } /* END NEW FROM LAYOUT:CSS */ /* automation */ .productDesigner .feature span.betterIcon { background-position: -893px 0; } .productDesigner .feature span.accurateIcon { background-position: -811px 0; } .productDesigner .feature span.customizeIcon { background-position: -976px 0; } .productDesigner .feature span.connectedIcon { background-position: -1044px 0; } .productDesigner .feature span.centralizedIcon { background-position: -710px 0; width: 82px; } .productDesigner .feature span.responsiveIcon { background-position: -535px 0; } .productDesigner .feature span.riskIcon { background-position: -461px 0; } .productDesigner .feature span.complianceIcon { background-position: -300px 0; } .productDesigner .feature span.consistencyIcon { background-position: -379px 0; } .productDesigner .feature span.traceabilityIcon { background-position: -621px 0; } .productDesigner .feature:hover span.betterIcon { background-position: -893px bottom; } .productDesigner .feature:hover span.accurateIcon { background-position: -811px bottom; } .productDesigner .feature:hover span.customizeIcon { background-position: -976px bottom; } .productDesigner .feature:hover span.connectedIcon { background-position: -1044px bottom; } .productDesigner .feature:hover span.centralizedIcon { background-position: -710px bottom; } .productDesigner .feature:hover span.responsiveIcon { background-position: -535px bottom; } .productDesigner .feature:hover span.riskIcon { background-position: -461px bottom; } .productDesigner .feature:hover span.complianceIcon { background-position: -300px bottom; } .productDesigner .feature:hover span.consistencyIcon { background-position: -379px bottom; } .productDesigner .feature:hover span.traceabilityIcon { background-position: -621px bottom; } @media all and ( max-width : 1300px) { #middleFull .downloadWrapper {width: auto; position: relative; top: 0; margin: 2em 0 7em} #middleFull .downloadHolder {width: auto; position: relative; margin: 0;} #middleFull .downloadBlock {padding: 20px; position: relative; width: auto; top: 0; left: 0; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; outline: 1px solid #E0E0E0;} #middleFull .downloadBlock br {display: none;} #middleFull .downloadBlock h4 {margin-bottom: 8px;} #middleFull .downloadBlock a.button {margin: 0 350px;} .cookies #middleFull .downloadBlock { top: 0; } } .fullSidebar #middleFull { float: left; width: 676px; padding: 0 40px 0 19px; } .fullSidebar #right { width: 193px; } .nicedriversBanner figure { margin: 0; padding-bottom: 40px; } .nicedriversBanner figure figcaption { display: none; } .nicedriversBanner { position: relative; } .nicedriversBanner .buttons { position: absolute; top: 78px; left: 24px; } .nicedriversBanner .buttonMore, .nicedriversBanner .buttonTry, .contactUs .roundedCorners { float: left; padding-right: 15px; } .nicedriversBanner .buttonMore a, .nicedriversBanner .buttonTry a, .contactUs .roundedCorners .submitType { cursor: pointer; padding: 8px 15px; font-size: 13px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } ul.boxesHome li span.readMoreHomeBoxes {padding: 7px 15px; padding-top:6px; padding-bottom: 9px; font-size: 13px; font-weight: bold;} .nicedriversBanner .buttonMore a, .readMoreHomeBoxes { background: rgb(248,248,248); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(233,233,233,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,248,248,1) 0%,rgba(233,233,233,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */ } .nicedriversBanner .buttonTry a, ul.boxesHome li:hover span.readMoreHomeBoxes, a.buyOnlineNowBanner span, .contactUs .roundedCorners .submitType, #middleFull .contactUs .inquiryForm form .button { color: #4d5556 !important; background: rgb(198,211,52); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2ZDMzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWFjMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(198,211,52,1) 0%, rgba(161,172,41,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,211,52,1)), color-stop(100%,rgba(161,172,41,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(198,211,52,1) 0%,rgba(161,172,41,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(198,211,52,1) 0%,rgba(161,172,41,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(198,211,52,1) 0%,rgba(161,172,41,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(198,211,52,1) 0%,rgba(161,172,41,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6d334', endColorstr='#a1ac29',GradientType=0 ); /* IE6-8 */ } .nicedriversBanner .buttonMore a:hover { text-decoration: none; color: #4d5556 !important; background: rgb(183,183,183); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,183,183,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(231,231,231,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(183,183,183,1) 0%,rgba(231,231,231,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */ } .nicedriversBanner .buttonTry a:hover, .contactUs .roundedCorners .submitType:hover, #middleFull .contactUs .inquiryForm form :hover.button { text-decoration: none; color: #fff !important; background: rgb(97,106,0); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNmEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZWJjMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(97,106,0,1) 0%, rgba(174,188,17,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,106,0,1)), color-stop(100%,rgba(174,188,17,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(97,106,0,1) 0%,rgba(174,188,17,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(97,106,0,1) 0%,rgba(174,188,17,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(97,106,0,1) 0%,rgba(174,188,17,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(97,106,0,1) 0%,rgba(174,188,17,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616a00', endColorstr='#aebc11',GradientType=0 ); /* IE6-8 */ } .nicedriversBanner .buttonMore a:active { background: #979797; } .nicedriversBanner .buttonTry a:active { background: #616a00; } /*fonts*/ .cholla {font-family:'ChollaSansRegular';} .chollaB {font-family:'ChollaSansBold';} @font-face {font-family:'ChollaSansRegular';src:url('../fonts/chollasansregular.eot');src:url('../fonts/chollasansregular.eot?#iefix') format('embedded-opentype'),url('../fonts/chollasansregular.woff') format('woff'),url('../fonts/chollasansregular.ttf') format('truetype'),url('../fonts/chollasansregular.svg#ChollaSansRegular') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'ChollaSansBold';src:url('../fonts/chollasansbold.eot');src:url('../fonts/chollasansbold.eot?#iefix') format('embedded-opentype'),url('../fonts/chollasansbold.woff') format('woff'),url('../fonts/chollasansbold.ttf') format('truetype'),url('../fonts/chollasansbold.svg#ChollaSansBold') format('svg');font-weight:normal;font-style:normal;} /* thank you page nicelabel */ .thankYouPage { padding-top: 40px; } .thankYouPage h3 { font-family: ChollaSansBold; font-size: 2em !important; color: #4d5566; } .thankYouPage .floatRight, .thankYouPage .floatLeft { padding: 40px 0; min-height: 200px; background: url(../images/bg_thank_you.png) 0 0 no-repeat scroll transparent; } .thankYouPage .floatRight { padding-left: 50%; } .thankYouPage .floatLeft { padding-right: 50%; } .thankYouPage .design { background-position: 10% 20px; } .thankYouPage .forms { background-position: 90% -275px; } .thankYouPage .automate { background-position: 10% -550px; } .thankYouPage .portal { background-position: 90% -865px; padding-bottom: 10px; } .thankYouPage2 .desc { margin-bottom: 55px; } /***************************************************************** ****************************************************************** ************************* SITEMAP ******************************** ****************************************************************** *****************************************************************/ #sitemap, #sitemap ul { clear: both; padding: 0; margin: 0; } #sitemap li { padding: 0; margin: 0; list-style: none; font-size: 1em; background: url(../images/new/sitemap.png) repeat-y 20px 0 scroll transparent; } #sitemap li a { /*float: left; */display: block; min-width: 40%; text-decoration: none; padding: 5px 20px; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #sitemap li a:hover { text-decoration: none; } /* siteMap first level */ /*#sitemap > li:last-child { background: none; }*/ #sitemap > li > a { float: none; margin-bottom: 20px; padding: 7px 20px; font-weight: bold; font-size: 1.4em; color:#959F00; background: #F6F6F6; text-decoration:none; } /* siteMap second level */ #sitemap > li > ul > li { padding-left: 20px; background: url(../images/new/sitemap1.png) no-repeat 0 12px scroll transparent; } #sitemap > li > ul > li > a { margin-left: 40px; font-size: 1.3em; color: #3c3c3c; text-decoration:none;} /* siteMap third levels */ #sitemap > li > ul > li ul { margin-left: 80px; } #sitemap > li > ul > li > ul li { background: none; } #sitemap > li > ul > li > ul li a { padding: 2px 20px; font-size: 1.1em; min-width : 550px; color:#757575; border-bottom: 1px solid #e1e0e0; text-decoration:none; } #sitemap > li > ul > li > ul li:last-child a { margin-bottom: 30px; } #sitemap > li > ul > li > ul > li > ul { margin-left: 40px; } /* siteMap fourth levels */ #sitemap > li > ul > li > ul li:last-child li a { margin-bottom:10px; } #sitemap > li > ul > li > ul li ul li a { margin-bottom: 10px; min-width:430px; } /*productBanner*/ .productDesigner .productBanner { margin: -20px 0 40px 0; } .productDesigner h1.noTitle { display: none; } /* buy now - choose reseller */ #partnerList { padding: 20px 0 40px 0; } #partnerList .partnerContainer { border-top: 1px solid #d8d8d8; float: left; width: 100%; padding: 25px 0; } #partnerList .partnerContainer:last-child { border-bottom: 1px solid #d8d8d8; } #partnerList .partnerCompany { width: 28%; } #partnerList .partnerCompany p { margin-bottom: 0; } #partnerList .partnerRight { width: 72%; } #partnerList .partnerRight .activationButton { float: left; margin-right: 20px; } #partnerList .partnerRight p.activationButton { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } #partnerList .partnerRight .phone { font-size: 1.3em; line-height: 2.3em; font-weight: bold; } #partnerList .partnerRight .phone span { color: #959f00; font-size: 1.2em; } /* contact us */ #middleFull .contactUs { margin-left: -60px; } #middleFull .contactUs h2 { font-family:'ChollaSansBold'; color: #3c4352; font-size: 2.2em; font-weight: normal; } #middleFull .contactUs > p { padding-bottom: 40px; } #middleFull .contactUs .offices, #middleFull .contactUs .inquiryForm { float: left; width: 50%; } #middleFull .contactUs .colWrap, #middleFull .contactUs > p, #middleFull .contactUs > h1 { margin-left: 60px; } #middleFull .contactUs .colWrap { background: #f6f6f6; padding: 30px 20px 35px 20px; margin-bottom: 30px; } #middleFull .contactUs .offices .colWrap > p, #middleFull .contactUs .inquiryForm .colWrap > p, #middleFull .contactUs .inquiryForm .colWrap > ul { margin-bottom: 30px; } #middleFull .contactUs .offices .vcard { border-top: 1px solid #d9d9d9; padding: 30px 0; } #middleFull .contactUs .offices .vcard:last-child { padding-bottom: 0; } #middleFull .contactUs .offices .vcard .fn { font-weight: bold; display: block; padding-bottom: 10px; } #middleFull .contactUs .offices .vcard .contacts p { line-height: 1.5em; } #middleFull .contactUs .offices .vcard .contacts .contactLine { display: block; position: relative; padding-bottom: 8px; } #middleFull .contactUs .offices .vcard .contacts .contactLine .secMail, #middleFull .contactUs .offices .vcard .contacts .contactLine .secLine { display: block; padding-left: 30px; } #middleFull .contactUs .offices .vcard .contacts .contactLine .tel, #middleFull .contactUs .offices .vcard .contacts .contactLine .fax, #middleFull .contactUs .offices .vcard .contacts .contactLine .mail, #middleFull .contactUs .offices .vcard .contacts .contactLine .web { position: absolute; left: 30px; } #middleFull .contactUs .offices .vcard .office .geo { display: none; } #middleFull .contactUs .offices .vcard .office .street-address, #middleFull .contactUs .offices .vcard .office .region { display: block; } #middleFull .contactUs .offices .vcard p.contacts { margin-bottom: 0; } /* form design */ #middleFull .contactUs .inquiryForm form { margin-left : 0; } #middleFull .contactUs .inquiryForm form fieldset { padding-top : 30px; border-top : 1px solid #D9D9D9; } #middleFull .contactUs .inquiryForm form ol li { position : relative; padding-bottom : 8px; } #middleFull .contactUs .inquiryForm form ol li label { display : block; padding-bottom : 3px; float : none; width : auto; text-align : left; } #middleFull .contactUs .inquiryForm form ol li label span.required { color : #969E00; font-size : 20px; font-size : .9em; } #middleFull .contactUs .inquiryForm form ol li input.inputField { float : none; width : 100%; padding : 10px 0; font-size : 1em; color : #B6B6B6; text-indent : 10px; word-spacing : 0; border : 1px solid #D9D9D9; } #middleFull .contactUs .inquiryForm form ol li.error input.inputField { border-color : #000; color : #000; } #middleFull .contactUs .inquiryForm form ol li input:focus.inputField, #middleFull .contactUs .inquiryForm form ol li textarea:focus, #middleFull .contactUs .inquiryForm form ol li select:focus { color : #3C4352; border-color : #4B5E83; } #middleFull .contactUs .inquiryForm form ol li textarea { width : 364px; padding : 10px; border : 1px solid #D9D9D9; font-size: 14px; color: #b6b6b6; } #middleFull .contactUs .inquiryForm form ol li select { width : 100%; padding : 10px; font-size : 1em; color : #B6B6B6; border : 1px solid #D9D9D9; } #middleFull .contactUs .inquiryForm form ol li.checkboxWrapper { padding : 5px 0; } #middleFull .contactUs .inquiryForm form ol li.checkboxWrapper label { display : block; float : none; margin-left : 25px; text-indent : 0; overflow : visible; width : auto; height : auto; left : auto; top : auto; } #middleFull .contactUs .inquiryForm form ol li.checkboxWrapper input { width : auto; margin-right : 10px; border : none !important; } #middleFull .contactUs .inquiryForm form ol li.checkboxWrapper span.error { clear : both; } #middleFull .contactUs .inquiryForm form .sbHolder { position : relative; } #middleFull .contactUs .inquiryForm form :hover.sbHolder, #middleFull .contactUs .inquiryForm form .open { z-index : 1; } #middleFull .contactUs .inquiryForm form .sbSelector { display: block; border: 1px solid #d9d9d9; color: #b6b6b6; padding: 10px; width: 329px; background: url(../images/dropdown_arrow.png) 97% 17px no-repeat scroll #fff; } #middleFull .contactUs .inquiryForm form .sbSelector:hover { text-decoration: none; color: #3c4352; } #middleFull .contactUs .inquiryForm form .sbOptions { position : absolute; top : 32px !important; max-height : 10000px !important; background: #fff; width: 349px; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } #middleFull .contactUs .inquiryForm form .sbOptions li { background: none; margin: 0; padding: 0; } #middleFull .contactUs .inquiryForm form .sbOptions li a { color: #3c4352; padding: 2px 10px; display: block; font-size : .9em; } #middleFull .contactUs .inquiryForm form .sbOptions li a:hover { background : #FAFAFA; color: #959f00; text-decoration: none; } #middleFull .contactUs .inquiryForm form .button { margin: 0; color: #4D5556 !important; border-width : 0 1px 1px 0; border-color : #8e9400; font-size : 1.1em; box-shadow : none; } #middleFull .contactUs .inquiryForm form span.error { display : block; padding: 5px 0; font-size: 12px; color: red; } #middleFull .contactUs .inquiryForm form .errorMessage { border: 1px solid red; background: #fff; margin-bottom: 30px; padding: 20px; } #middleFull .contactUs .inquiryForm form .errorMessage h3 { color: red; } #middleFull .contactUs .inquiryForm form .successMessage { border: 1px solid #959f00; background: #fff; margin-bottom: 30px; padding: 20px; } #middleFull .contactUs .inquiryForm form .privacy { font-size: 11px; margin-bottom: none; clear: both; } /* download form */ #middleFull .contactUs .leftColText { float: left; width: 50%; } #middleFull .contactUs .leftColText .colWrap { background: none; padding: 0; } #middleFull .downloadDemo ul { padding-top: 1em; } #middleFull .downloadDemo ul li { line-height: 1.6em; background-position: 0 9px; } #middleFull .downloadDemo .productBox { text-align: center; padding: 3em 0; } /* reset old form settings in main.css */ #middleFull .contactUs #dlFormNew { background: none; border: none; padding: 0; margin: 0; } #middleFull .contactUs #dlFormNew ol { width: auto; margin: 0 !important; } #middleFull .contactUs #dlFormNew select, #middleFull .contactUs #dlFormNew #country { width: 100% !important; } #middleFull .contactUs a.dlBottomLink { margin: 0; } /* technical support - three colls */ #middleFull .techSupport h2 { font-family:'ChollaSansBold'; color: #3c4352; font-size: 2.2em; font-weight: normal; padding-top: 1em; } #middleFull .support { margin-left: -40px; } #middleFull .support .offices { width: 33.3%; } #middleFull .support .colWrap { margin-left: 40px; } #middleFull .support .offices .vcard { border: 0; padding: 10px 0; } /* request support */ .requestSupport .intro { padding-bottom: 40px; margin-left: 60px; } .requestSupport .smallNote { position: absolute; right: 0; top: 0; } .requestSupport .smallNote abbr { display: block; background: #c7d100; padding: 1px 5px; cursor: pointer; font-weight: bold; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .requestSupport .smallNote span { display: none; } .requestSupport .smallNote:hover span { display: block; position: absolute; right: 20px; top: 0; width: 200px; padding: 5px 10px; background: #fff; border: 1px solid #8e9400; font-size: 12px; } /* find a reseller */ #countryList .continent, #stateList { margin-bottom: 10px; } #countryList .continent ul, #stateList ul { display: inline-block; margin: 0; } #countryList ul li.country { display: block; float: left; margin: 0 0 8px 0; width: 160px; } .otherCountries { display: inline-block; } #localWebsite { clear: both; } /* products > automation */ .featureTable tr td { vertical-align: top; text-align: center; } .featureTable tr td:first-child { text-align: left; } .featureTable thead tr th { width: 12%; text-align: center; } .featureTable thead tr th:first-child { width: auto; } .featureTable thead tr th a { color: #3c4352 !important; padding-right: 10px; background: url(../images/productTableButtonTry1.png) right 2px no-repeat; } /* buy now */ h4.strong { padding-bottom: 10px; color: #3C4352; } #partnerList { clear: both; } .buyIntro, #partnerList, .selectCountry { font-size: 14px; line-height: 1.5em; } .buyIntro, .selectCountry { width: 60%; float: left; } .buyIntro h4 { margin-top: 50px !important; } .buyIntro .productInfo { padding: 30px; margin-bottom: 0; background: #f6f6f6; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; font-size: 22px; color: #959f00; font-family: ChollaSansBold, Arial; } .buyIntro .productInfo p { font-size: 22px; margin: 0; } .buyIntro .productInfo .left { float: left; } .buyIntro .productInfo .right { float: right; color: #3C4352; } .productImg { width: 40%; float: left; text-align: center; } .productImg img { width: 100%; } table.partner { width: 100%; border-bottom: 1px solid #D8D8D8; clear: both; } table.partner thead { display: none; } table.partner tbody tr { background: #f6f6f6; } table.partner tbody tr td { width: 230px; padding: 30px 0; border-top: 1px solid #D8D8D8; } table.partner tbody tr td.company { padding-left: 30px; font-size: 22px; color: #959f00; font-family: ChollaSansBold, Arial; } table.partner tbody tr td.phone { padding-right: 30px; font-size: 16px; font-weight: bold; } table.partner tbody tr td.phone span { color: #959f00; } .becomePartner { clear: both; } .selectCountry .hideLabels p.selectType label { display: none; } .selectCountry #countryPicker { width: 70%; float: left; } .selectCountry .submitType { float: right; } .selectCountry select { margin: 10px 0; width: 100%; } .selectCountry .greyBox { padding: 30px; margin-bottom: 30px; background: #f6f6f6; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; } .selectCountry .greyBox p { padding: 0; margin: 0; } /* play button */ .roundedPlay { background: url(../images/button_play.png) 0 0 no-repeat scroll transparent; display: block; line-height: 42px; padding-left: 50px; margin: 2.5em 0;} .roundedPlay span { font-weight: bold; } /* footer nav drop */ #footer .drop { padding : 20px 0 25px 0; margin-bottom : 25px; } #footer .drop ul { padding : 0; margin : 0; float : left; width : 25%; } #footer .drop ul li { padding : 0; margin : 0; font : 12px Arial, Helvetica, sans-serif; background : none; color : #C3D600; } #footer .drop.offices { background: #f6f6f6; border-width: 1px 0 1px 0; border-style: solid; border-color: #dbdbdb; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; margin-bottom: 0; } #footer .drop.offices ul { width: 100%; } #footer .drop.offices ul li { padding : 0; margin : 0; float : left; width : 25%; padding: 3px 10px 0 20px; text-align: left; } #footer .drop.offices ul li p { color: #4C5367; margin-bottom: 5px; font-size: 12px; line-height: 17px; } #footer .drop.offices div, #footer .drop.offices ul, #footer .drop.offices li { -moz-box-sizing : border-box; -webkit-box-sizing : border-box; box-sizing : border-box; } #footer .production { background: #f6f6f6; padding: 10px 0 0 20px; } #footer .production p { margin-bottom: 10px; } /* socialLinks */ #head #topNavigation .social { cursor: pointer; background: url(../images/social_icons.png) 0 0 no-repeat scroll transparent; width:22px; height:22px; margin-left: 5px; margin-top: -3px; } #head #topNavigation .social a { width:22px; height:22px; margin: 0; padding: 0; display: block; text-indent: -9999px; overflow: hidden; background: none; } #head #topNavigation .social.youtube { background-position: 0 0; margin-left: 20px; } #head #topNavigation .social.youtube:hover { background-position: 0 -22px; } #head #topNavigation .social.linkedin { background-position: 0 -62px; } #head #topNavigation .social.linkedin:hover { background-position: 0 -84px; } #head #topNavigation .social.facebook { background-position: 0 -124px; } #head #topNavigation .social.facebook:hover { background-position: 0 -146px; } #head #topNavigation .social.twitter { background-position: 0 -186px; margin-right: 20px; } #head #topNavigation .social.twitter:hover { background-position: 0 -208px; } /* clear floats */ #footer .drop .dropWrap:after, #footer .production:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; } #footer .drop .dropWrap, #footer .production { display : inline-block; } * html #footer .drop .dropWrap, * html #footer .production { height : 1%; } #footer .drop .dropWrap, #footer .production { display : block; } /* ---------- HACKS ---------- */ /*.clear {display:inline-block;}*/ body:after, #site:after, #header:after, ul#navigation:after, #body:after, ul.breadcrumbs:after, .productLanding:after, #bottom:after, #footer span:after, #footer .bottomFooter:after, #footer ul#bottomNavigation:after, #footer ul#lang:after, ul.homeBoxes:after, ul.bigBoxes:after, ul.filesList:after, ul#nav li ul.specialNavigation:after, ul.productsSeries:after, ul.keyPoints:after, .productLanding:after, ul.benefits li:after, .clear:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}