/********************************************* CSS Legend - Cafe-Tasse - Author Marnie Denison - Default text color: #1E1813 - Default text size : 12px - Font Family : Georgia - Default link color : #1E1813 - Container width : 972px - Content width : 972px **********************************************/ /******************* GENERAL ********************/ h1,h2,h3{margin:10px 0;font-weight:normal;} h1{color:#1E1813;font-size:20px;} h2{color:#FFC388;font-size:18px;} h3{color:#1E1813;font-size:14px;} a{color:#1E1813;text-decoration:none;outline:none;} p{margin:0;} img{border:0;} #paginationControl{text-align:center} .clear{clear:both} .button{margin:10px 0;cursor:pointer;background:#3F322B;padding:1px;color:#CF9E71;font-size:14px;text-align:center;} .button span{display:block;border:1px solid #CF9E71;padding:5px} .button span a{color:#CF9E71} .left{float:left} .right{float:right} .sheetStyle #dialog table{margin:auto;font-family:Georgia;color:#1E1813;} .error-field{border:1px solid red;} /******************* FORM *******************/ form ul{margin:0;padding:0;} form ul li{list-style:none;padding:5px 0;} form ul li label{display:block;width:100px;float:left;} form ul li input,form ul li textarea{background:#E9E9E9;border:1px solid #B4B4B4;padding:5px;font-size:11px;width:235px;-moz-box-shadow:inset 2px 2px 3px #CCC;-webkit-box-shadow:inset 2px 2px 3px #CCC;} form input#submit{cursor:pointer;border:0;font-size:11px;background:url(../img/submit.jpg);width:127px;height:31px;color:#FFC388;margin-left:180px;} /******************* BODY ********************/ body{margin:0;background:url(../img/bg_branding.jpg);background-repeat:repeat-x;color:#1E1813;font-family:Georgia;font-size:11px;line-height:17px;} #container{width:975px;margin:auto;} /******************* HEADER ********************/ #header{height:435px;} #header #logo{width:181px;float:left;} #header #logo img{padding-left:15px;} #header #menu{float:right;} /*** French menu ***/ #header #menu ul#menu_fr{margin:0;padding:0;} #header #menu ul#menu_fr li{list-style:none;display:inline;} #header #menu ul#menu_fr li a{float:left;display:block;text-indent:-3000px;} #header #menu ul#menu_fr li a#home{background:url(../img/menu_fr.jpg);width:58px;height:103px;} #header #menu ul#menu_fr li a#home:hover{background-position:0 103px;} #header #menu ul#menu_fr li.active a#home{background-position:0 206px;} #header #menu ul#menu_fr li a#news{background:url(../img/menu_fr.jpg);width:48px;height:103px;background-position:-58px 0px;} #header #menu ul#menu_fr li a#news:hover{background-position:-58px 103px;} #header #menu ul#menu_fr li.active a#news{background-position:-58px 206px;} #header #menu ul#menu_fr li a#products{background:url(../img/menu_fr.jpg);width:65px;height:103px;background-position:-106px 0px;} #header #menu ul#menu_fr li a#products:hover{background-position:-106px 103px;} #header #menu ul#menu_fr li.active a#products{background-position:-106px 206px;} #header #menu ul#menu_fr li a#universe{background:url(../img/menu_fr.jpg);width:60px;height:103px;background-position:-171px 0px;} #header #menu ul#menu_fr li a#universe:hover{background-position:-171px 103px;} #header #menu ul#menu_fr li.active a#universe{background-position:-171px 206px;} #header #menu ul#menu_fr li a#store{background:url(../img/menu_fr.jpg);width:111px;height:103px;background-position:-231px 0px;} #header #menu ul#menu_fr li a#store:hover{background-position:-231px 103px;} #header #menu ul#menu_fr li.active a#store{background-position:-231px 206px;} #header #menu ul#menu_fr li a#personal{background:url(../img/menu_fr.jpg);width:182px;height:103px;background-position:-342px 0px;} #header #menu ul#menu_fr li a#personal:hover{background-position:-342px 103px;} #header #menu ul#menu_fr li.active a#personal{background-position:-342px 206px;} #header #menu ul#menu_fr li a#dealers{background:url(../img/menu_fr.jpg);width:147px;height:103px;background-position:-524px 0px;} #header #menu ul#menu_fr li a#dealers:hover{background-position:-524px 103px;} #header #menu ul#menu_fr li.active a#dealers{background-position:-524px 206px;} #header #menu ul#menu_fr li a#press{background:url(../img/menu_fr.jpg);width:53px;height:103px;background-position:-671px 0px;} #header #menu ul#menu_fr li a#press:hover{background-position:-671px 103px;} #header #menu ul#menu_fr li.active a#press{background-position:-671px 206px;} #header #menu ul#menu_fr li a#contact{background:url(../img/menu_fr.jpg);width:62px;height:103px;background-position:-724px 0px;} #header #menu ul#menu_fr li a#contact:hover{background-position:-724px 103px;} #header #menu ul#menu_fr li.active a#contact{background-position:-724px 206px;} /*** English menu ***/ #header #menu ul#menu_en{margin:0;padding:0;} #header #menu ul#menu_en li{list-style:none;display:inline;} #header #menu ul#menu_en li a{float:left;display:block;text-indent:-3000px;} #header #menu ul#menu_en li a#home{background:url(../img/menu_en.jpg);width:167px;height:103px;} #header #menu ul#menu_en li a#home:hover{background-position:0 103px;} #header #menu ul#menu_en li.active a#home{background-position:0 206px;} #header #menu ul#menu_en li a#news{background:url(../img/menu_en.jpg);width:47px;height:103px;background-position:-167px 0px;} #header #menu ul#menu_en li a#news:hover{background-position:-167px 103px;} #header #menu ul#menu_en li.active a#news{background-position:-167px 206px;} #header #menu ul#menu_en li a#products{background:url(../img/menu_en.jpg);width:67px;height:103px;background-position:-214px 0px;} #header #menu ul#menu_en li a#products:hover{background-position:-214px 103px;} #header #menu ul#menu_en li.active a#products{background-position:-214px 206px;} #header #menu ul#menu_en li a#universe{background:url(../img/menu_en.jpg);width:66px;height:103px;background-position:-281px 0px;} #header #menu ul#menu_en li a#universe:hover{background-position:-281px 103px;} #header #menu ul#menu_en li.active a#universe{background-position:-281px 206px;} #header #menu ul#menu_en li a#store{background:url(../img/menu_en.jpg);width:110px;height:103px;background-position:-347px 0px;} #header #menu ul#menu_en li a#store:hover{background-position:-347px 103px;} #header #menu ul#menu_en li.active a#store{background-position:-347px 206px;} #header #menu ul#menu_en li a#personal{background:url(../img/menu_en.jpg);width:80px;height:103px;background-position:-457px 0px;} #header #menu ul#menu_en li a#personal:hover{background-position:-457px 103px;} #header #menu ul#menu_en li.active a#personal{background-position:-457px 206px;} #header #menu ul#menu_en li a#dealers{background:url(../img/menu_en.jpg);width:142px;height:103px;background-position:-537px 0px;} #header #menu ul#menu_en li a#dealers:hover{background-position:-537px 103px;} #header #menu ul#menu_en li.active a#dealers{background-position:-537px 206px;} #header #menu ul#menu_en li a#press{background:url(../img/menu_en.jpg);width:46px;height:103px;background-position:-679px 0px;} #header #menu ul#menu_en li a#press:hover{background-position:-679px 103px;} #header #menu ul#menu_en li.active a#press{background-position:-679px 206px;} #header #menu ul#menu_en li a#contact{background:url(../img/menu_en.jpg);width:61px;height:103px;background-position:-725px 0px;} #header #menu ul#menu_en li a#contact:hover{background-position:-725px 103px;} #header #menu ul#menu_en li.active a#contact{background-position:-725px 206px;} #header #banner{padding:10px 0;color:#FFF;} #header #banner .left{width:684px;height:260px;padding:10px 0;} #header #banner .right{} #header #banner .right #lang{text-align:center} #header #banner .right #lang #facebook_link{float:right;margin-top:-3px;background:url(../img/facebook_logo.jpg);width:55px;height:20px;opacity:0.75} #header #banner .right #lang #facebook_link:hover{opacity:1} #header #banner .right #lang #facebook_link a{width:55px;height:20px;display:block;} #header #banner .right .textFrame{background:url(../img/text_frame.png);background-repeat:no-repeat;width:269px;min-height:184px;} #header #banner .right .textFrame .text{padding:25px;text-align:center} /******************* CONTENT ********************/ /*** Home layout */ #homepage{padding:10px;} #homepage .left{width:684px;line-height:20px;} #homepage .left #contentMenu{width:100%;margin:25px 0;} #homepage .left #contentMenu .icone{width:127px;text-align:center;float:left;padding:0 4px;} #homepage .left #contentMenu .icone h3{font-weight:bold;} #homepage .right{width:250px;} #homepage .right .news{margin-bottom:25px;} #homepage .right .news .date{color:#8A8A8A;margin:5px 0;} #homepage .right .news .text{text-align:justify} #homepage .right img{padding:0 10px;border-bottom:1px solid #DEDEDE;} #homepage .right h1{text-align:center;} .clear{clear:both;} /*** 2 Col layout */ #content{margin-bottom:25px;} #content .left{width:200px;} #content .left h1.menu{padding-left:9px;} #content .left ul{margin:0;padding:0;} #content .left ul li{list-style:none;} #content .left ul li a{display:block;height:22px;width:210px;} #content .left ul li a:hover{background:url(../img/bg_menu_content.jpg) no-repeat;} #content .left ul li a span{display:block; padding:2px 10px;} #content .right{width:760px;} #content .right .content{min-height:278px;padding:0 20px; background:url(../img/bg_content_right.jpg);background-repeat:repeat-y;background-position:top left;} #content .right .content .left{width:525px; text-align:justify} #content .right .content .left #product{border:1px solid #CDCDCD;height:390px;text-align:center;} #content .right .content .left #product img{padding:25px;} #content .right .content .left #productInfo{margin-bottom:30px;} #content .right .content .left #productInfo h3{margin:2px} #content .right .content .left #productInfo .productContent p{margin:0;color:#000;} #content .right .content .right{width:185px;} #content .right .content .right #productList{border:1px solid #CDCDCD;} #content .right .content .right #productList{height:300px;overflow:hidden;position:relative;background-color:#FFF;} #content .right .content .right #productList li{list-style:none} #content .right .content .right #productList li a{display:block;} #content .right .content .right #productList li a span{font-family:'Tahoma';font-size:10px;color:#B0B0B0;text-transform:uppercase;} #content .right .content .right img{padding:0 25px;} /*** Contact */ #content .leftContact{width:530px;float:left; padding:0 20px;} #content .leftContact table td{background:url(../img/bg_content_right.jpg);background-repeat:repeat-y;background-position:top left;padding:0 20px;} #content .rightContact{width:350px;float:right;padding:0 20px; background:url(../img/bg_content_right.jpg);background-repeat:repeat-y;background-position:top left;} input#captcha{display:none;} input#captcha-input{margin-left:100px;margin-top:5px;} /*** Dealers */ ul.dealersCountry li{width:150px;float:left} ul.dealersCountry li a#countryHover{width:150px;overflow:hidden} ul.dealersCountry li a#countryHover:hover{width:150px;} #content #dealers{width:650px} #content #dealers .left{width:250px;} #content #dealers .right{width:350px;} #content #dealers .left .distributor{margin:0 0 25px 0;line-height:14px;} #content #dealers .left .distributor p{margin:4px 0 4px 10px;} /******************* FOOTER ********************/ #footer{z-index:100;background:url(../img/bg_cup.png);background-repeat:repeat-x;width:100%;margin:25px 0 0 0;position:fixed;bottom:0;} #footer span{cursor:pointer;background:url(../img/footer_cup.png);background-position:center;background-repeat:no-repeat;width:100%;height:24px;display:block;width:78px;margin:auto} #footer #footerContent{padding:15px 0;background:url(../img/bg_footer.jpg);background-repeat:repeat-x;background-position:top;width:100%;height:400px;background-color:#1F1714;} #footer #footerContent .text{background:url(../img/bg_img_footer.jpg);width:963px;height:293px;margin:auto;} /*#footer #footerContent .text #facebook_link{float:right; margin-left:25px;background:url(../img/facebook_logo.jpg)no-repeat;width:85px;height:20px;opacity:0.75}*/ #footer #footerContent .text #facebook_link{float:right; margin-left:10px;width:125px;height:20px;} /*#footer #footerContent .text #facebook_link:hover{opacity:1}*/ /*#footer #footerContent .text #facebook_link a{width:85px;height:20px;display:block;}*/ #footer #footerContent .text #facebook_link a{width:60px;height:20px;opacity:0.75;} #footer #footerContent .text #facebook_link a:hover{opacity:1;} /*#footer #footerContent .text #credit{float:right;background:url(../img/produweb.png)no-repeat;width:205px;height:20px;opacity:0.5}*/ #footer #footerContent .text #credit{float:right;width:250px;height:20px;} /*#footer #footerContent .text #credit a{width:205px;height:20px;display:block;}*/ #footer #footerContent .text #credit a{width:250px;height:20px;display:block;color:#848484;} #footer #footerContent .text ul{padding:10px 0;} #footer #footerContent .text ul li{list-style:none;float:left;} #footer #footerContent .text ul li.countries a{float:left; width:110px;} #footer #footerContent .text ul li a{display:block;color:#848484}