/*************************** **************************** Starter-Pack Styles **************************** ***************************/ /* #cf2142 - RED CTA #714e9e - PURPLE CTA #2aa7ab - Turquoise CTA #36388b - Royal Blue CTA #286fc1 - Blue CTA #636365 - Grey Header? #8b4a46 - Brown */ h1, h2, h3, h4, h5, h6, p {margin:0;} div.langLinks{position:absolute; top:0px; right:0px; z-index:1; width:auto; height:25px; border:1px none red;} a.flag {width:32px; height:20px; display;block; float:right; position:relative; background-image:url(http://pigmentmarker.colart-hosting.com/images/flags.png); margin:5px 0px 0px 20px} a.sweedish{background-position:0px 0px;} a.german {background-position:-36px 0px;} a.italian {background-position:-72px 0px;} a.spanish {background-position:-108px 0px;} a.netherlands {background-position:-144px 0px;} a.english {background-position:-180px 0px;} /*************************************************/ a.sweedishOn{background-position:0px -24px;} a.germanOn {background-position:-36px -24px;} a.italianOn {background-position:-72px -24px;} a.spanishOn {background-position:-108px -24px;} a.netherlandsOn {background-position:-144px -24px;} a.englishOn {background-position:-180px -24px;} /************************************************/ a.sweedishOns{margin-top:0px;} a.germanOns {margin-top:0px;} a.italianOns {margin-top:0px;} a.spanishOns {margin-top:0px;} a.netherlandsOns {margin-top:0px;} a.englishOns {margin-top:0px;} /************************************************/ /* .tradeit{display:none;} .local{display:block;} */ /**/ .tradeit{display:block;} .local{display:none;} /* @font-face { font-family: 'Gothic725BT-BoldA'; src: url('../fonts/254151_0_0.eot?') format('eot'), url('../fonts/254151_0_0.woff') format('woff'), url('../fonts/254151_0_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'Gothic725BT-BoldA'; src: url('http://www.winsornewton.com/resources/WinsorNewton/_fonts/254151_0_0.eot?') format('eot'), url('http://www.winsornewton.com/resources/WinsorNewton/_fonts/254151_0_0.woff') format('woff'), url('http://www.winsornewton.com/resources/WinsorNewton/_fonts/254151_0_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* */ /*http://www.winsornewton.com/resources/WinsorNewton/_fonts/*/ /*../fonts/*/ body{font-family:Arial, Helvetica, sans-serif; margin:0; color:#333;} #popWrapper {display:none; position:fixed; width:100%;position:absolute; z-index:20000000000000;background:rgba(255,255,255,0.70); cursor:pointer; } .pop{display:none; width:448px; padding:34px 34px 34px 34px; position:relative; margin:28px auto 0 auto; background-color:#fff; border:2px solid #ccc; box-sizing: content-box} .watchVideo{width:750px; padding:0px; box-sizing: content-box} #myPopUpVideo{margin:34px;} body .content .hide{display:none;} .watchVideo .closeqBtn {padding:12px;background-position:12px 12px;} .watchVideo .closeBtn:hover {} .pop #myform {padding:0px} .hide {display:none;} .closeBtn {position:absolute; top:10px; right:10px; cursor:pointer; position:absolute; width:16px; height:16px; background-image:url(http://pigmentmarker.colart-hosting.com/images/closeBtn.png); background-repeat:no-repeat; background-position:0px 0px; border-style:none;} .closeBtn:hover {background-image:url(http://pigmentmarker.colart-hosting.com/images/closeBtnOver.png)} .pop p.intro{display:none; font:normal normal 18px/22px Arial, Helvetica, sans-serif; color:#838383; margin:0px 0px 10px 0px;} .pop #myform div p.errorMsg{padding: 0px 0em 0em 0em; margin-top: 0.25em; line-height: 1em;} .stripe{margin:0 auto;position:relative; } .content {width:980px; margin:0 auto; background-repeat:no-repeat;position:relative;} h1{ text-transform:uppercase; font-family:Gothic725BT-BoldA; font-weight:normal; font-size:34px; line-height:34px; } .stripe h1{ padding-top:60px; padding-bottom:20px;font-size:34px; margin-bottom-style:none; border-bottom-style:none} div.stripe p{color:#444; line-height:24px;margin-bottom:24px; font-size:16px;} video {background-image:url(http://pigmentmarker.colart-hosting.com/images/8-background.jpg); display:inline-block;} /*............................................................................*/ a.btnCta {line-height:33px; display:inline-block; padding:0 13px 0 13px; text-transform:uppercase} a.btnCta:link {color:#fff; text-decoration:none} a.btnCta:visited {color:#fff; text-decoration:none} a.btnCta:hover {text-decoration:none;line-height:31px; display:inline-block; padding:0 12px 0 12px; border:1px solid #ccc;} a.btnCta:active {color:#fff; text-decoration:none;line-height:31px; display:inline-block; padding:0 12px 0 12px; border:1px solid #999;} /*............................................................................*/ span.comingSoon {line-height:29px; display:inline-block; color:#000; font-weight:bold; text-transform:uppercase; font-size:larger; font-size:21px} /*............................................................................*/ .pop h1{color:#cf2142; margin-bottom:10px;} .pop #myform button {width:100%; text-transform: uppercase; line-heighwt:25px} /*............................................................................*/ #stripe1 .content{background-image:url(http://pigmentmarker.colart-hosting.com/images/1.png); background-position:0px 100px} #stripe1 h1{color:#cf2142; margin-bottom:383px;} #stripe1 a.btnCta:link {background-color:#cf2142; } #stripe1 a.btnCta:visited {background-color:#cf2142; } #stripe1 a.btnCta:hover {color:#cf2142; background-color:#fff; } #stripe1 a.btnCta:active {background-color:#fff;} #stripe1{background-color:#ececee; background-image:url(http://pigmentmarker.colart-hosting.com/images/1-bg.jpg); background-position:top center; min-height:729px;} /*............................................................................*/ /*............................................................................*/ #stripe2{ } #stripe2 .content{background-image:url(http://pigmentmarker.colart-hosting.com/images/2.jpg); min-height:409px; background-position:0px 242px} div.es #stripe2 .content{background-position:0px 287px; min-height:456px;} div.de #stripe2 .content{background-position:0px 287px; min-height:456px;} #stripe2 h1{color:#636365;} #stripe2 a.btnCta:link {background-color:#636365; } #stripe2 a.btnCta:visited {background-color:#636365; } #stripe2 a.btnCta:hover {color:#636365; background-color:#fff; } #stripe2 a.btnCta:active {background-color:#fff;} /*............................................................................*/ /*............................................................................*/ #stripe3{background-color:#f2f2f2;} #stripe3 .content{} #stripe3 video{margin-bottom:90px;} #stripe3 h1{color:#cf2142;} /*............................................................................*/ #stripe4{} #stripe4 .content{background-image:url(http://pigmentmarker.colart-hosting.com/images/4.jpg);min-height:600px; background-position:0px 124px} #stripe4 h1{color:#714e9e;} #stripe4 p.hangLeft{position:relative; width:270px; float:left;margin-top:130px;} #stripe4 p.hangRight{position:relative; width:270px; float:right;margin-top:120px;} div.nl #stripe4 p.hangLeft{margin-top:120px;} div.nl #stripe4 p.hangRight{margin-top:105px;} div.es #stripe4 p.hangLeft{margin-top:74px;} div.es #stripe4 p.hangRight{margin-top:80px;} div.it #stripe4 p.hangLeft{margin-top:130px;} div.it #stripe4 p.hangRight{margin-top:120px;} div.se #stripe4 p.hangLeft{margin-top:130px;} div.se #stripe4 p.hangRight{margin-top:115px;} #stripe4 a.btnCta:link {background-color:#714e9e; } #stripe4 a.btnCta:visited {background-color:#714e9e; } #stripe4 a.btnCta:hover {color:#714e9e; background-color:#fff; } #stripe4 a.btnCta:active {background-color:#fff;} div.se #stripe4 p.hangRight a{} /*............................................................................*/ #stripe5{background-color:#f2f2f2;} #stripe5 .content{background-image:url(http://pigmentmarker.colart-hosting.com/images/5.jpg);min-height:697px; background-position:0px 67px} #stripe5 h1{padding-top:125px ;padding-left:600px;} div.nl #stripe5 h1{padding-top:123px} div.es #stripe5 h1{padding-top:68px} div.it #stripe5 h1{padding-top:100px} div.de #stripe5 h1{padding-top:64px} div.se #stripe5 h1{padding-top:145px} div.fr #stripe5 h1{padding-top:65px} #stripe5 p{padding-left:600px;} #stripe5 a{margin-left:600px;} #stripe5 h1{color:#2aa7ab;} #stripe5 a.btnCta:link {background-color:#2aa7ab; } #stripe5 a.btnCta:visited {background-color:#2aa7ab; } #stripe5 a.btnCta:hover {color:#2aa7ab; background-color:#fff; } #stripe5 a.btnCta:active {background-color:#fff;} /*............................................................................*/ #stripe6{} #stripe6 .content{ /*0.717*/background-image:url(http://pigmentmarker.colart-hosting.com/images/6.jpg); /*2.27background-image:url(http://d4of2brjuv1jo.cloudfront.net/imagefiles/28328_width780.jpg);*/ min-height:700px; background-position:120px 75px} div.de #stripe6 .content{min-height:730px; background-position:120px 105px} #stripe6 span.comingSoon {color:#286fc1;} #stripe6 h1{color:#286fc1;} #stripe6 a.btnCta:link {background-color:#286fc1; } #stripe6 a.btnCta:visited {background-color:#286fc1; } #stripe6 a.btnCta:hover {color:#286fc1; background-color:#fff; } #stripe6 a.btnCta:active {background-color:#fff;} /*............................................................................*/ #stripe7{background-color:#f2f2f2;} #stripe7 .content{background-image:url(http://pigmentmarker.colart-hosting.com/images/7.jpg);min-height:432px; background-position:right 100px} #stripe7 p{width:460px;} #stripe7 h1{color:#714e9e;} #stripe7 span.comingSoon {color:#714e9e;} #stripe7 a.btnCta:link{background-color:#714e9e; } #stripe7 a.btnCta:visited {background-color:#714e9e; } #stripe7 a.btnCta:hover {color:#714e9e; background-color:#fff; } #stripe7 a.btnCta:active {background-color:#fff;} /*............................................................................*/ #stripe8{} #stripe8 .content{overflow:hidden; min-height:925px; max-width:980px } #stripe8 h1{color:#8b4a46;} #stripe8 video {display:block;} #stripe8 a {margin-right:10px; margin-bottom:70px; padding-top:10px; display:block; float:left; display:block;} #stripe8 a.kr {display:none;} /* div.naen #stripe8 a#cc {display:none;} div.naen #stripe8 a#kr {display:block;} */ #stripe8 a:last-child {margin-right:0px;} #stripe8 a:first-child {} #stripe8 a.on {background-image: url(http://pigmentmarker.colart-hosting.com/images/8-active.jpg); background-position:center top; background-repeat:no-repeat} #stripe8 a img {display:block;} /*............................................................................*/ #stripe9{background-image:url(http://pigmentmarker.colart-hosting.com/images/9.jpg);background-position:top center;} #stripe9 .content{min-height:447px; } #stripe9 p{width:400px;} #stripe9 h1{color:#cf2142;} #stripe9 a.btnCta:link {background-color:#cf2142; } #stripe9 a.btnCta:visited {background-color:#cf2142; } #stripe9 a.btnCta:hover {color:#cf2142; background-color:#fff; } #stripe9 a.btnCta:active {background-color:#fff;} /*............................................................................*/ a.showForm {display:none;} div.naen a.showForm {display: inline-block;}