@font-face { font-family: 'RollingNoOneRegular'; src: url('fontfacekit/rollingnoone-extrabold-webfont.eot'); src: url('fontfacekit/rollingnoone-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fontfacekit/rollingnoone-extrabold-webfont.woff') format('woff'), url('fontfacekit/rollingnoone-extrabold-webfont.ttf') format('truetype'), url('fontfacekit/rollingnoone-extrabold-webfont.svg#RollingNoOneRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DancingScriptRegular'; src: url('fontfacekit/dancing_script-webfont.eot'); src: url('fontfacekit/dancing_script-webfont.eot?#iefix') format('embedded-opentype'), url('fontfacekit/dancing_script-webfont.woff') format('woff'), url('fontfacekit/dancing_script-webfont.ttf') format('truetype'), url('fontfacekit/dancing_script-webfont.svg#DancingScriptRegular') format('svg'); font-weight: normal; font-style: normal; } body{ background:#b3c677; border-top:6px solid #657533; color:#444; font:0.875em/1em Arial, Verdana, sans-serif; line-height:14px; } #body-wrap{ background:#fff; display:inline-block; width:100%; } img{ vertical-align:top; } #container{ margin:0 auto; width:960px; } header, section, #support-language{ float:left; width:960px; } header{ height:184px; #support{ -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; background:#657533; color:#fff; float:right; height:30px; a{ background:url(../../layout/www.halito.be/myhalito-support-bullet.jpg) no-repeat 106px 0px; display:block; color:#fff; font-size:1em; padding:7px 50px 0 30px; text-decoration:none; } } #language{ float:right; margin:0 0 0 13px; width:97px; li{ float:left; a{ display:block; color:#657533; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:1.125em; padding:7px 3px 0 3px; text-decoration:none; &:hover{ color:#333; } } } } } #language li.active a{ color:#333; } #support-language{ height:42px; } #logo{ margin-right:9px; width:277px; } #logo, nav{ float:left; } nav{ width:674px; ul{ float:right; margin:24px 0 0 0; } li{ list-style-type:none; float:left; padding:0; margin:0 2px 0 0; } a{ background:#b3c677; color:#fff; display:block; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:1em; padding:15px 13px; text-decoration:none; } .first a{ -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .last a{ -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; margin:0px; } .active a, a:hover{ background:#657533; } } section{ height:700px; height:auto !important; min-height:700px; padding:0 0 80px 0; #halito-steps{ height:440px; .block{ float:left; position:relative; width:239px; .arrow{ left:-29px; position:absolute; top:65px; } .indentation{ margin:0px 10px 0px 8px; } } p{ color:#444; line-height:20px; margin-bottom:10px; } } .button{ /* margin:0 auto;*/ text-align:center; /* width:490px;*/ width:960px; } .large{ -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; -moz-box-shadow:4px 6px 6px #868686; -webkit-box-shadow:4px 6px 6px #868686; box-shadow:4px 6px 6px #868686; background:#ff564c; float:left; height:66px; margin:0 0 11px 0; width:490px; a{ color:#fff; display:block; font-family:"DancingScriptRegular", "Trebuchet MS", sans-serif, Arial, Verdana; font-size:2.75em; line-height:125%; padding:8px 0 0 0; text-decoration:none; } } .shortcuts{ float:left; margin:8px 0 0 50px; h3{ font-family:Arial, Verdana, sans-serif; font-size:1em; text-align:left; a.shortcut-link{ padding:11px 0 0 0; text-decoration:none; &:hover{ text-decoration:underline; } } } } #references-halito-customers{ margin:0 10px; width:462px; float:left; h2{ margin-bottom:20px; } } #halito-customers{ margin-bottom:20px; } #blog{ float:right; width:478px; } } article#buttons{ display:inline-block; .read-more.refs, .read-more.blog{ float:left; margin:0 70px; } .read-more{ -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; background:#b3c677; color:#84915c; height:49px; margin:0 auto; text-align:center; width:340px; a{ background:url(../../layout/www.halito.be/read-more-bullet.jpg) no-repeat 310px 17px; display:block; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:1.3em; line-height:100%; padding:16px 15px 0 0; text-decoration:none; } } } footer{ background:#b3c677; display:inline-block; margin:0 0 20px 0; min-height:100px; width:100%; #inside{ margin:22px auto auto auto; width:960px; .column{ float:left; margin:0 10px; } .nr1{ width:300px; } .nr2{ margin-right:30px; width:270px; } .nr3{ width:300px; } h5{ margin-bottom:12px; } .inside-bg, .rss_content{ -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; background:#87a456; color:#fff; padding:16px; a{ color:#444; } } } .rss_content{ li{ display:inline-block; margin:4px 0; a{ text-decoration:none; &:hover{ text-decoration:underline; } } .date{ float:right; font-size:0.875em; padding:5px; } } } } /* typography */ a{ color:#657533; &:hover{ text-decoration:none; } } h1, h2, h3, h4, h5{ line-height:116%; margin-bottom:12px; } .steps a{ text-decoration:none; } h1{ /* home only? */ color:#657533; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:2.25em; margin-bottom:30px; } h2{ color:#b3c677; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:1.875em; } h3, #tour-template h1.page_title, #default-template h1.page_title{ color:#87a456; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:1.75em; margin:0 0 17px 0; } h4{ font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:0.875em; } h5{ color:#657533; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:1.125em; } h6{ -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; background:#eff1ea; color:#444; font-family:Arial, Verdana, sans-serif; font-style:italic; font-size:1.125em; font-weight:normal; line-height:20px; margin-bottom:18px; padding:22px 0; text-align:center; } p{ line-height:16px; margin-bottom:16px; } ol, ul{ margin-bottom:20px; } article{ ol{ li{ list-style-position:inside; list-style-type:decimal; padding-left:30px; margin:4px 0; } } ul{ li{ list-style-position:inside; list-style-type:disc; padding-left:30px; margin:4px 0; } } } /* fancybox */ #fancybox-content{ -moz-box-shadow:5px #777; -webkit-box-shadow:5px #777; box-shadow:5px #777; } /* tour */ #tour{ margin:0 auto; width:960px; .steps{ background:#FFFFFF; float:left; overflow:hidden; padding:0; padding-bottom:50px; position:absolute; text-align:left; width:380px; li{ list-style-type:none; padding:0; margin:0; .active-step {a.step1{ background:url(../../layout/www.halito.be/tour-bullet-step1hover.jpg) no-repeat left top; }} .active-step {a.step2{ background:url(../../layout/www.halito.be/tour-bullet-step2hover.jpg) no-repeat left top; }} .active-step {a.step3{ background:url(../../layout/www.halito.be/tour-bullet-step3hover.jpg) no-repeat left top; }} .active-step {a.step4{ background:url(../../layout/www.halito.be/tour-bullet-step4hover.jpg) no-repeat left top; }} a.step1{ background:url(../../layout/www.halito.be/tour-bullet-step1.jpg) no-repeat left top; } a.step2{ background:url(../../layout/www.halito.be/tour-bullet-step2.jpg) no-repeat left top; } a.step3{ background:url(../../layout/www.halito.be/tour-bullet-step3.jpg) no-repeat left top; } a.step4{ background:url(../../layout/www.halito.be/tour-bullet-step4.jpg) no-repeat left top; } } } .steps a{ display:block; height:120px; padding-left:117px; } #stage-information{ margin:0 auto; overflow:hidden; width:960px; .stage-content{ width: 10000px; ul{ margin:0; } } .stage-content .sub{ float:left; list-style-type:none; overflow:hidden; padding:0; /* width:960px;*/ width:960px; .tour-content{ -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; background:#f3ffcc; float:right; height:500px; height:auto !important; margin:0 auto; min-height:500px; overflow:hidden; padding:13px 20px; width:540px; h2{ color:#657533; } h3{ color:#B3C677; } } } } } /* form */ table.formtable, table.calculatortable{ font:0.875em Arial, Verdana, sans-serif; margin-bottom:30px; width:60%; th{ width:200px; } td,th{ border-bottom:1px solid #eee; padding:6px 3px; text-align:left; vertical-align:top; } label{ font-weight:normal; } input.text,textarea,select{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#f9f9f9; border:2px solid #DDDDDD; &:hover{ background:#E3EAC7; border:2px solid #B3C677; } } input.text,textarea{ width:240px; } input.text{ height:18px; padding:2px; } input.submit{ -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; -moz-box-shadow:4px 4px 6px #868686; -webkit-box-shadow:4px 4px 6px #868686; box-shadow:4px 4px 6px #868686; background:#657533; border:1px solid #657533; color:#fff; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:1.5em; margin:5px 3px 4px 206px; padding:5px 0; width:168px; } textarea{ resize:vertical; } #disclaimer{ color:#777; font-size:10px; line-height:10px; padding:10px 0 10px 0; } .submit-button input.submit{ margin-left:216px; width:312px; } } /* database */ #module_database{ display:inline-block; h2{ margin-left:10px; margin-bottom:20px; } ul{ list-style-type:none; margin:0; padding:0; } li{ list-style-type:none; float:left; margin:0 10px 40px 10px; padding:0; width:454px; img{ border:3px solid #e1e8c9; } h3{ color:#444; font-family:Arial, Verdana, sans-serif; font-size:1.5em; margin:11px 0 10px 0; .link-to-project{ background:url(../../layout/www.halito.be/link-to-project.png) no-repeat right 0px; display:block; float:right; text-decoration:none; width:16px; } } h4{ color:#444; font-family:Arial, Verdana, sans-serif; font-size:0.875em; margin:0 0 20px 0; a{ color:#444; } .personal-social-media-link{ background:url(../../layout/www.halito.be/social-linkedin.png) no-repeat left top; padding-left:22px; text-decoration:none; width:16px; } } p{ color:#444; /* font-size:0.875em;*/ margin-bottom:20px; } .read-more{ background:none; /* font-size:0.875em;*/ padding-top:20px; } } } /* news */ #module_news{ margin-left:10px; .article{ margin-bottom:40px; h2, h3{ color:#444444; font-family:Arial,Verdana,sans-serif; font-size:1em; margin:40px 0 20px 0; } .date{ color:#87A456; font-size:0.85em; font-weight:bold; margin-bottom:5px; } div p{ margin-bottom:20px; } } } /* calculator */ /* CALCULATOR PAGINA's */ .page_13416 #halito-calculator, .page_13465 #halito-calculator{ position:relative; } .page_13416 .subblock, .page_13465 .subblock{ display: none; } .page_13416 section article, .page_13465 section article{ width:960px; border:none; position:relative; } .page_13416 section article h2, .page_13465 section article h2{ color:#c7d59b; display:block; font-size:30px; margin-bottom:16px; } .page_13416 section article h3{ font-size: 20px; color: #828F59; font-weight: normal; } .page_13416 section article h4, .page_13465 section article h4{ font-size: 16px; color: #828F59; font-weight: normal; margin-bottom: 20px; } .page_13416 section article #calculator-total-box h2, .page_13465 section article #calculator-total-box h2{ font-size: 20px; color: #fff; margin: 0 0 8px; padding: 0; } .page_13416 section article #calculator-total-box h3, .page_13465 section article #calculator-total-box-h3{ border-bottom:1px solid #828F59; color:#f3ffcc; font-family:"DancingScriptRegular","Trebuchet MS",sans-serif,Arial,Verdana; font-size:2.6em; margin-top:0; padding:0 0 6px 0; text-align:center; width:100%; sup{ font-size:0.7em; } } .page_13416 section article #calculator-total-box h4, .page_13465 section article #calculator-total-box h4{ font-size: 16px; color: #fff; margin-top: 12px; margin-bottom: 8px; font-weight: normal; border-bottom: 1px solid #828F59; padding-bottom: 4px; } .page_13416 #calculator-total, .page_13465 #calculator-total{ position: absolute; top: 80px; left: 706px; width: 254px; } .page_13465 #calculator-total{ top:-6px; } .page_13416 #calculator-total-box, .page_13465 #calculator-total-box{ -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #657533; padding: 10px; color: #fff; font-size: 11px; /*position: fixed;*/ } table.calculatortable{ width:674px; border-collapse:collapse; } table.calculatortable td{ padding: 8px; border-bottom: 1px solid #ddd; } table.calculatortable td.h3-title-cell{ padding-top:10px; } table.calculatortable td h3{ /* font-family:Arial, Verdana, sans-serif;*/ margin-bottom:0; } /*table.calculatortable input, table.calculatortable select, table.calculatortable textarea{ border: 1px solid #ccc; padding: 2px; }*/ /*table.calculatortable textarea{ height: 100px; width: 200px; }*/ table.calculatortable input.small{ width: 30px; } table.totaltable{ width: 100%; border-collapse: collapse; } table.totaltable td{ font-size:1.125em; padding:0 2px; h4{ font-family:Arial, Verdana, sans-serif; } } table.totaltable td.right{ text-align: right; } .page_13416 section article #calculator-total-box table.totaltable td.right h3{ text-align: right; } p.order-link{ text-align: center; margin-top: 12px; } a.calculator_page_link, .page_13416 input.submit{ background: #fff; padding: 10px; font-size: 11px; color: #444; text-transform: uppercase; padding: 4px 12px; font-weight: normal; text-decoration: none; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #666; } .page_13416 input.submit{ margin: 12px auto; } .page_13416 p.intro{ width: 600px; } a.calculator_page_link:hover{ color:#111; } .confirmation{ background: #616F37; padding: 15px 10px 10px; } .confirmation p{ color: #fff; } label.tick{ background: url(/images/icons/tick.gif) no-repeat 0 4px; padding-left: 20px; display: block; } #calcutor-main h4{ font-family:Arial, Verdana, sans-serif; font-weight:bold; margin:10px 0; } .subblock.middle #module_news .article{ margin:8px 0px; } /* fancybox */ #fancybox-content{ -moz-box-shadow:0px 6px 6px #888; -webkit-box-shadow:0px 6px 6px #888; box-shadow:0px 6px 6px #888; } /* specific */ #home-template { #module_news{ margin-top:15px; .article{ margin-bottom:49px; } h2{ margin-bottom:20px; } h3{ color:#444; font-family:Arial, Verdana, sans-serif; font-size:1em; } } #references{ margin:15px 0 15px 0; display:inline-block; ul.client{ li{ list-style-type:none; float:left; padding:0; width:auto; a{ display:block; margin:9px 7px; } } } li{ width:454px; img{ float:left; } .client-info{ float:right; margin-left:10px; width:284px; h4{ color:#444; margin-bottom:5px; } h5{ color:#444; font-family:Arial, Verdana, sans-serif; font-size:0.875em; font-weight:normal; a{ color:#444; } } } .position-read-more{ clear:both; padding-top:20px; } } } } .get-your-demo{ -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; background:#FF564C; float:left; height:48px; margin:10px 0 11px 0; width:280px; a{ color:#FFFFFF; display:block; font-family:"DancingScriptRegular","Trebuchet MS",sans-serif,Arial,Verdana; font-size:1.8em; line-height:125%; padding:8px 0 0; text-align:center; text-decoration:none; } } #default-template { .button{ clear:both; } #module_database.single li{ list-style-type:none; padding:0; margin-left:0; ul{ display:inline-block; margin-bottom:20px; li{ line-height:18px; list-style-type:disc; padding:0 0 0 30px; margin:0 0 10px 0; } } } .single h2{ font-family:Arial, Verdana, sans-serif; margin:20px 0 8px 0; } .single h3{ font-size:1em; a{ color:#444; text-decoration:underline; } } #references{ margin:10px 0 60px 0; } #price-tables{ display:inline-block; margin-bottom:60px; width:960px; .multi{ -moz-box-shadow:6px 6px 6px #999; -webkit-box-shadow:6px 6px 6px #999; box-shadow:6px 6px 6px #999; background:#87a456; float:left; height:553px; padding:10px; text-align:center; width:210px; p{ color:#fff; } h2{ color:#fff; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:3em; margin:6px 0 22px 0; } li{ color:#fff; list-style-type:none; margin:0; padding:0; } } .multi, .ego, .mirror, .launch, .multipro{ -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; position:relative; } .mirror, .launch{ margin-left:15px; } .ego-mirror-launch-multipro{ float:left; margin-left:20px; width:710px; } .ego, .mirror, .launch{ float:left; height:309px; margin-bottom:15px; padding:10px; text-align:center; width:206px; h2{ color:#87a456; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:2.25em; margin:6px 0 22px 0; } li{ color:#444; list-style-type:none; margin:0; padding:0; } } .ego, .mirror, .launch, .multipro{ background:#f3ffcc; } .multipro{ clear:both; height:109px; padding:11px; h2{ color:#657533; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:1.688em; margin:0 0 22px 0; } } h3{ color:#444; font-family:"RollingNoOneRegular", "Trebuchet MS", Arial, Verdana, sans-serif; font-size:1.25em; margin-bottom:30px; } ul{ margin:0; padding:0; } li{ font-size:1.125em; line-height:21px; margin:4px 0; } .calculate-halito{ -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; background:#ff564c; bottom:0; left:0; position:absolute; width:100%; h4{ font-family:"DancingScriptRegular", "Trebuchet MS", sans-serif, Arial, Verdana; font-size:2em; margin:6px 0; a{ color:#fff; text-decoration:none; } } } } h2.team{ margin-bottom:5px; } } #default-template.page_13414 .article{ width:830px; } #default-template.page_13416 .button{ display:none; } #tour-template { .button{ margin-top:40px; } } body.en{ .indentation h3{ font-size:1.65em; } .ego-mirror-launch-multipro h6{ padding:32px 0; } nav a{ padding:15px 5px; } .submit-button input.submit{ margin-left:168px; width:334px; } }