/* ---------- GENERAL STYLES ---------- */

/* 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;}


/* ---------- HEADER ---------- */
#head {width:950px; height:auto; margin:0; background:none; float:left;}
#head.home {margin:0;}
#head .logotype, #head .logotypePortal, #head .logotypeSap {width:175px; height:60px;  background:url(../images/new/bg_logo.png) 0 0 no-repeat; float:left; text-indent:-123456px;}
#head .logotype {margin:32px 5px 0 0;}
#head .logotypePortal, #head .logotypeSap {margin:32px 0px 0 32px;}
#head #headLinks {display:none;}
#head #languages {display:none;}
ul#nav {width:590px; height:44px; margin:45px 0 0; background:url(../images/new/bg_navigation.png) 0 0 repeat-x; float:left;}
ul#nav li {margin:0; padding:0; background:none; float:left; position:relative;}
ul#nav li a {height:30px; margin:0; padding:14px 16px 0;color:#fff; text-decoration:none; font-size:1em; font-weight:normal; text-align:center; display:inline-block;}
/*
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 {background:url(../images/new/bg_navigation.png) 0 -44px repeat-x; text-decoration:none;}
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 {background:url(../images/new/bg_navigation-first.png) 0 -44px no-repeat;}
#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:144px; height:23px; background:url(../images/new/bg_search.png) 0 0 no-repeat; display:inline-block;}
#searchW input {width:124px; height:17px; padding:4px 10px; background:none; border:none; font-size:0.9em; color:#787b82; margin-top:2px;}
#searchW input.submit {width:21px; height:23px; background:url(../images/new/bg_searchbutton.png) 0 0 no-repeat; border:none; text-indent:-123456px; cursor:pointer;}

#bannerW {margin-top:45px; float:left;}
#banner {width:950px; height:400px; float:left; position:relative;}
.en #banner { background:url(../images/new/spectrum_en.jpg) 0 0 no-repeat;}
.de #banner { background:url(../images/new/spectrum_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_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:60px;}
#banner a.overview {background:url(../images/new/bg_overview.png) 0 0 no-repeat; height:42px; top:180px;}
#banner a.overview:hover {background:url(../images/new/bg_overview.png) 0 -42px no-repeat;}
#banner a.demo {background:url(../images/new/bg_demo.png) 0 0 no-repeat; height:41px; top:240px;}
#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;}

#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;}
.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;}


#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;}

#bannerZebra a {width:950px; height:400px; display:block; background:url(../images/new/bg_banner-zebra-en.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:180px;}
.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:240px;}
.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:180px;}
.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:240px;}
.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;}



/* ---------- HEADER ---------- */
#cont-top {display:none;}
#cont-top-inside {width:950px; margin-top:30px; background:url(../images/new/bg_cont-top.png) 0 0 no-repeat; float:left;}
#container {background:url(../images/new/bg_container.png) 0 0 repeat-y; float:left;}
#container.home {width:950px; margin-top:35px; padding:0 0 20px; background:url(../images/new/bg_container-home.png) 0 100% no-repeat;}
#inside-cont {background:none;}

#container .part {width:190px; margin:0 10px 0 0; padding:10px 20px; background:url(../images/new/bg_part.png) 0 0 no-repeat; float:left;}
#container .part.last {margin-right:0;}
#container .part h2 {margin-bottom:10px; font-size:16px; font-weight:bold; line-height:20px;}
#container .part p {margin-bottom:10px; padding:0;}
#container .part a {color:#eb8f02; 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:-8px; 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;}

#container .part.last a {font-size: 14px;}
#container .part.last h3 { margin:10px 0 30px 0;}

ul#sap { float:left; margin:10px 0 0 0;}
ul#sap li { background:none; display:inline;}

/*  where to buy  */
#countryList, #stateList { clear:both; float:left;}
#countryList h2, #stateList h2 { margin: 10px 0 5px 0;}
.continent ul, #stateList ul { display:block;}
ul li.country a, ul li.state a {float:left;}
div.country ul {width:700px;}
ul li.country, ul li.state { display:block; float:left; margin:0 0 5px 0; width:155px;}
#partnerList { clear:both;}
#localWebsite { clear:both;}
#localWebsite p { margin-top:10px;}
.otherCountries { display:block; clear:both;}
.partnerCompany a { display:block; font-size:11px; margin:5px 0 0 0; overflow:hidden; width:200px;} 
.partnerCompany img { margin-bottom:10px;}

/* ---------- FOOTER ---------- */
#bottom {width:950px; height:auto; margin:0 auto; background:url(../images/new/bg_bottom.png) 0 0 no-repeat;}
#bottom.home {background:none;}
#footer {width:950px; height:auto; margin-top:20px; padding:25px 0 0; background:none; float:left; text-align:center; color:#888;}
#bottom.home #footer {padding:10px 0 0;}
#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:950px; height:100px; margin:20px 0; background:url(../images/new/bg_logos-cn.png) 0 0 no-repeat; position:relative;}
#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:auto; 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:left; 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 {color:#AABBAA; text-decoration:none;}
#footer .production .madeby a:hover {text-decoration:underline;}

#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 { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; }
.clear, #galleryNavHolder, #galleryNav { display : inline-block; }
* html .clear, * html #galleryNavHolder, * html #galleryNav { height : 1%; }
.clear, #galleryNavHolder, #galleryNav { display : block; }


/* ---------- HACKS ---------- */
.clear {display:inline-block;}
body:after, #site:after, #header:after, ul#navigation:after, #body:after, ul.breadcrumbs:after, #bottom:after, #footer span:after, #footer .bottomFooter:after, #footer ul#bottomNavigation:after, #footer ul#lang:after, .clear:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}