/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0pr2 */ /* reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* fonts */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*general*/ body {font: 12px/16px Arial, Helvetica, sans-serif; color: #333;} a {color: #333;} p {margin: 0 0 10px 0;} h1 {font-size: 20px; margin: 0 0 20px 0; color: #014e9e;} h2 {font-size: 13px; font-weight: bold; color: #014e9e;} td, th {vertical-align: top;} strong {font-weight: bold; color: #014e9e; font-size: 13px;} .clr {clear: both;} .yellow {color: #fee833;} .blue {color: #014e9e;} .red {color: #ff0300;} .small {font-size: 10px;} /*template*/ .header {} .header .title {font-size: 28px; height: 134px; line-height: 28px; background: #014e9e url('../images/header.jpg') top center no-repeat;} .header .title div {width: 1000px; margin: 0 auto;} .header .navigation {background: #014e9e url('../images/bgNavLevel1.jpg') top center no-repeat;} .header .navigation ul {height: 40px; width: 1000px; margin: 0 auto;} .header .navigation li {float: left; font-size: 13px;} .header .navigation li.home a {background-image: url('../images/house.png');} .header .navigation li.products a {background-image: url('../images/ball.png');} .header .navigation li.video a {background-image: url('../images/fish.png');} .header .navigation li.references a {background-image: url('../images/boat.png');} .header .navigation li.contact a {background-image: url('../images/banana.png');} .header .navigation li.press a {background-image: url('../images/train.png');} .header .navigation li a {display: block; padding: 15px 0 5px; height: 20px; background-position: 0 -5px; background-repeat: no-repeat; text-decoration: none;} .header .navigation li a span {padding: 0 35px 0 45px; color: #fff; font-weight: bold;} .header .navigation a:hover {background-position: 0 -91px;} .header .navigation a:hover span, .header .navigation a.active span {color: #fee833;} .header .level2Navigation {margin: 0 0 20px; background-color: #fee833;} .header .level2Navigation ul {height: 20px; width: 1000px; margin: 0 auto;} .header .level2Navigation li {float: left; font-size: 13px;} .header .level2Navigation li.first {padding-left: 160px;} .header .level2Navigation li a {display: block; padding: 0; height: 20px; line-height: 20px; text-decoration: none;} .header .level2Navigation li a span {padding: 0 35px 0 0; color: #333;} .header .level2Navigation a:hover span, .header .level2Navigation a.active span {color: #014e9e;} .content {clear: both; margin: 20px 0; width: 1000px; margin: 0 auto;} .mainColumn, .rightColumn {float: left; margin-top: 20px;} .leftColumn {width: 150px; margin-right: 25px;} .mainColumn {width: 825px;} .mainProductColumn { width: 650px;} .rightColumn {width: 150px; margin-left: 25px} .footer {font-size: 11px; text-align: center; padding: 10px 0 0 0; margin: 10px 0; clear: both; border-top: 1px solid #aaa; color: #aaa;} .footer a {text-decoration: none; color: #aaa;} /*content*/ .reference {float: left; width: 200px;} .sheet {border-collapse: collapse;} .sheet th, .sheet td {padding: 2px 10px; border: 1px solid #999;} .sheet th {background-color: #ccc;} .sheet td {} .mainColumn ul {margin-left: 25px;} .mainColumn ul li {list-style: disc inside;} /*rightColumn*/ .rightColumn .languages {text-align: right;} .rightColumn .languages a {text-decoration: none; font-weight: bold; color: #014e9e;} .btnVideo, .logoLipton, .logoIKWV, .logoVAZ, .logoVIW, .logoOla, .logoCornetto, .logo {margin-bottom: 25px;} .campagne2013 {margin-top: 35px; margin-bottom: 50px;} .logoIKWV, .logoVAZ, .logoVIW, .logoLipton, .logoOla, .logoCornetto, .logo {text-align: center;} /*.logoOla, .logoSkoda {float: left; width: 50px;} .logoOla {margin-left: 25px;} .logoSkoda {margin-right: 25px;}*/ /*languageChoice*/ .languageChoice {margin: 300px auto 300px; width: 680px; height: 130px;} .languageChoice li {float: left; list-style: none; margin: 0 20px;} .languageChoice li.nl a {background: url(../images/btn-house.png) no-repeat;} .languageChoice li.fr a {background: url(../images/btn-ball.png) no-repeat;} .languageChoice li.en a {background: url(../images/btn-train.png) no-repeat;} .languageChoice li.es a {background: url(../images/btn-boat.png) no-repeat;} .languageChoice li.de a {background: url(../images/btn-fish.png) no-repeat;} .languageChoice a { position: relative; background-repeat: no-repeat; width: 130px; height: 130px; margin: auto; display: block; text-align: center; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.2); -webkit-border-radius: 90px; -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.2); -moz-border-radius: 90px; box-shadow: 0 0 8px 1px rgba(255,255,255,.2); border-radius: 90px; } .languageChoice a:hover { -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.2), inset 0 0 20px 6px rgba(0,0,0,.1); -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.2), inset 0 0 20px 6px rgba(0,0,0,.1); box-shadow: 0 0 8px 1px rgba(255,255,255,.4), inset 0 0 20px 6px rgba(0,0,0,.1); } .languageChoice a:active { -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.2), inset 0 0 20px 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.2), inset 0 0 20px 6px rgba(0,0,0,.2); box-shadow: 0 0 8px 1px rgba(255,255,255,.4), inset 0 0 20px 6px rgba(0,0,0,.2); } .languageChoice a span {text-decoration: none; font-weight: bold; color: #fff; width: 130px; text-align: center; position: absolute; top: 150px; left: 0;}