/*************************************************** Boondoggle - Yves Van Broekhoven Tiense Suiker 1. Structure 2. Homepage 3. Navigation 4. Forms 5. Lists 6. Miscellaneous 7. Print 8. Actions always include reset.css, it will reset your style for all browers, it includes the clearfix typography specs use code behind parent ID or class for example: #content /*!T!*/ /*****************************************************/ /*---- create a seperate css for typography and print --------------------------------- 0. IMPORTS -----*/ @import url(typography.css); @import url(specials.css); /*------------------------------------------------------------------------------------- 0. TESTCASE -----*/ /* #container { border: 1px solid red; } #column-1 { border: 1px solid blue; } #column-2 { border: 1px solid green; } #column-2 #content { border: 1px dashed orange; } #column-3 { border: 1px solid purple; } #box-recipe { border: 1px dashed blue; } */ /*------------------------------------------------------------------------------------- 1. STRUCTURE -----*/ .imgReplaced { background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; } body /*!T!*/ {} #container { margin: 0 auto; width: 900px; position:relative;} #header { height: 185px; position: relative;} #header #altContent { background: url(/img/css_backgrounds/bg-header-noflash.jpg) no-repeat 0 0; height:185px; } #header #altContent ul li { padding: 0 0 2px; } ul#breadcrumb { margin: 0 0 0 240px; } ul#breadcrumb li { background: url(/img/icons/ico-arrow.gif) no-repeat 0 4px; padding: 0 15px 0 10px; display: inline; } ul#breadcrumb li.first { background: url(/img/icons/ico-arrow-double.gif) no-repeat 0 4px; padding: 0 15px 0 15px; } #one-column ul#breadcrumb { margin: 0 0 0 27px; } #column-1 { padding: 0 0 0 10px; width: 220px; float: left; } #column-1 a.button { display:block; text-align: center; } #one-column #column-1 { width: 800px; float: none; } #column-2 { width: 665px; float: right; } #one-column #column-2 { width: 900px; float: none; } #one-column #column-2 #content { padding: 15px 25px; } #two-columns #column-2 #content { padding: 15px 25px 15px 25px; } #fiche { background: url(/img/general/products/pages/img-fiche-bottom.jpg) no-repeat scroll left bottom; float: left; margin-top:-50px; text-decoration:none; width: 238px; } #fiche p { margin: 0; padding-right: 20px; font-size:11px; } #fiche p.testpersoon { background: url(/img/general/products/pages/img-fiche-top.jpg) no-repeat scroll left top; height: 68px; text-decoration:none; font-size:11px; padding: 60px 5px 0 83px; } #questions { background: url(/img/css_backgrounds/bg-questions.gif) no-repeat; height: 110px; width: 468px; display: block; margin: 0 0 0 5px;} #btn-questions { background: url(/img/buttons/nl/btn-questions.gif) no-repeat; height: 34px; width: 140px; display: block; text-indent: -9999px; outline: none; margin: 18px 0 0 0;} #fr #btn-questions { background: url(/img/buttons/fr/btn-questions.gif) no-repeat; width: 174px;} #three-columns #column-2 #content { width: 430px; float: left;} #three-columns #column-3 { width: 175px; padding: 65px 15px 0 10px; float: right; } #three-columns #column-3 div.box { background: url(/img/css_backgrounds/bg-box-btm.gif) 0 bottom no-repeat; margin: 1em 0 0 0; padding: 0 0 30px 3px; } #three-columns #column-3 div.box p { width: 150px; margin: 0; padding: 0 7px; } #three-columns #column-3 div.box span, #three-columns #column-3 div.box h5 { margin: 0 0 5px 5px; } body#three-columns #recipes #nl #container #column-2 #content { padding-top:15px; } body#three-columns #recipes #fr #container #column-2 #content { padding-top:15px; } #paging { clear: both; margin: 0 auto; width: 300px; } #paging span /*!T!*/ { border-left: 1px solid #333333; margin: 0 0 0 5px; padding: 0 0 0 10px; display: inline; } #paging span.first { border: none; } #paging img { margin: 10px 0 -4px 15px; } #box-recipe { background: url(/img/css_backgrounds/bg-box-recipe-top.gif) no-repeat left top; margin: 0 0 1.5em 0; position: relative; } * html #box-recipe {z-index: -1;} * html #box-recipe #photo img {border:1px solid #b4d3f0;} #box-recipe #box-recipe-inner { background: url(/img/css_backgrounds/bg-box-recipe-btm.gif) no-repeat left bottom; padding: 25px 25px; } #box-recipe #photo { float: right; margin: 0 0 0 5px; width: 130px; height: 160px; overflow: hidden; position: relative; } #box-recipe #photo #overlay { float: right; position: absolute; width: 130px; height: 130px; } *>#box-recipe #photo #overlay { background: url(/img/css_backgrounds/bg-photo-recipe.png); } #box-recipe #pnlVideo { float:right; width:140px; position:absolute; right:18px; top:155px; text-align:center; } /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/css_backgrounds/bg-photo-recipe.png', sizingMethod='scale'); */ #box-recipe #box-recipe-inner h4 {float:left;} div.comment-box { background: url(/img/css_backgrounds/bg-comment-btm.gif) no-repeat left bottom; margin: 1em 0; } div.comment-box div.comment-box-inner { background: url(/img/css_backgrounds/bg-comment-top.gif) no-repeat left top; padding: 3px 0 1px 15px;} div.list-box /*!T!*/ { background: url(/img/css_backgrounds/bg-comment-btm.gif) no-repeat left bottom; margin: 1em 0; } div.list-box div.list-box-inner { background: url(/img/css_backgrounds/bg-comment-top.gif) no-repeat left top; padding: 7px 0 1px 15px;} div.list-box div.list-box-inner span.category { border-left: 1px solid #333333; margin: 0 0 0 10px; padding: 0 0 0 15px; } div.list-box div.list-box-inner a /*!T!*/ { margin: 0 0 1em 0; display: block; } div.list-box div.list-box-inner a.last { margin: 0; } #footer { clear: both; background: url(/img/css_backgrounds/bg-footer.gif) no-repeat 15px 0; margin: 2em 0 0 0; padding: 25px 0; text-align:center; } #one-column #footer { background: url(/img/css_backgrounds/bg-footer-big.gif) no-repeat 15px 0; } div#tips { float:left; width:377px;} #calendar { padding-left:0px;} /* flash overlayer */ #FlashOverlayer {position:absolute; left:0; top:0; z-index:1000;} /*------------------------------------------------------------------------------------- 2. HOMEPAGE -----*/ #homepage #header { height: 245px; } #homepage #header #altContent { background: url(/img/css_backgrounds/bg-header-noflash-home.jpg) no-repeat 0 0; height:300px; } #homepage #header #altContent ul { margin-bottom: 1.5em; } #homepage #header #altContent ul li { padding:0 0 20px; } #homepage #content { float: left; margin-bottom: 5em; padding: 0 35px 0 25px; } #homepage #content h1, #homepage #content h2 { margin-top: -13px; } #homepage #content #desserts { background: url(/img/css_backgrounds/bg-home-recipes.jpg) no-repeat left bottom; float: left; height: 321px; padding: 15px 25px 0; position: relative; width: 491px; } #homepage #content #desserts h1 { height: 27px; margin-bottom: 30px; width: 100%; } #homepage #nl #content #desserts h1 { background: url(/img/titles/nl/homepage-ttl-desserts.png) no-repeat 0 0; } #homepage #fr #content #desserts h1 { background: url(/img/titles/fr/homepage-ttl-desserts.png) no-repeat 0 0; } #homepage #content #desserts p { padding: 0; } #homepage #content #desserts a { text-decoration: none; } #homepage #content #desserts a.discover-recipes { bottom: 20px; height: 46px; position: absolute; right: 25px; } #homepage #nl #content #desserts a.discover-recipes { background: url(/img/buttons/nl/btn-discover-recipes.png) no-repeat 0 0; width: 202px; } #homepage #fr #content #desserts a.discover-recipes { background: url(/img/buttons/fr/btn-discover-recipes.png) no-repeat 0 0; width: 252px; } #homepage #content #desserts h2, #homepage #content #desserts .details #difficulty { color: #172A38; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 22px; letter-spacing: -1px; padding: 0 0 5px; text-decoration: none; } #homepage #content #desserts h2 { background: url(/img/css_backgrounds/bg-dotted-border.gif) repeat-x left bottom; margin: 0; } #homepage #content #desserts .details { color: #172a38; font-size: 16px; margin-top:10px; } #homepage #content #desserts .details #difficulty { display: block; font-size: 18px; height: 22px; } #homepage #content #desserts .details #chef { color: #af6015; display: block; font-size: 12px; margin-top: 20px; } #homepage #content #desserts #nl, #homepage #content #desserts #fr { float: left; max-height: 200px; overflow: hidden; padding-left: 10px; width: 204px; } #homepage #content #sweet-moments { float: right; height: 321px; padding-top: 15px; position: relative; width: 293px; } #homepage #content #sweet-moments h2 { height: 27px; position: relative; width: 100%; z-index: 100; } #homepage #nl #content #sweet-moments h2 { background: url(/img/titles/nl/homepage-ttl-sweet-moments.png) no-repeat 16px 0; } #homepage #fr #content #sweet-moments h2 { background: url(/img/titles/fr/homepage-ttl-sweet-moments.png) no-repeat 16px 0; } #homepage #content #sweet-moments a { height: 321px; position: relative; width: 293px; z-index: 1; } #homepage #content #sweet-moments #slideshow, #homepage #content #sweet-moments img { position: relative; top: -13px; } #homepage #content #sweet-moments #nav { bottom: 20px; left: 25px; position: absolute; z-index: 100; } #homepage #content #sweet-moments #nav a { background: url(/img/buttons/btn-home-carrousel.png) no-repeat 0 0; display: block; float: left; height: 20px; margin-right: 5px; position: relative; text-indent: -9999px; width: 20px; z-index: 1000; } #homepage #content #sweet-moments #nav a:focus { outline: none; } #homepage #content #sweet-moments #nav a.activeSlide { background-position: 0 -25px; } #homepage #content #subscribe { background: url(/img/css_backgrounds/bg-home-subscribe.jpg) no-repeat left bottom; float: left; font-size: 13px; height: 79px; padding: 25px 24px 0 24px; width: 792px; } #homepage #content #subscribe p { float: left; padding: 0; width: 511px; } #homepage #content #subscribe h2 { height: 42px; margin: -24px 0 5px; width: 100%; } #homepage #content #subscribe form { float: right; width: 270px; } #homepage #content #subscribe form #btnSubscribe { float: right; height: 24px; } #homepage #nl #content #subscribe h2 { background: url(/img/titles/nl/homepage-ttl-subscribe.png) no-repeat 0 0; } #homepage #fr #content #subscribe h2 { background: url(/img/titles/fr/homepage-ttl-subscribe.png) no-repeat 0 0; } #homepage #content #subscribe input { color: #7a7a7a; float: right; margin: 2px 15px 0 0; width: 145px; } #homepage #nl #content #subscribe form #btnSubscribe { background: url(/img/buttons/nl/btn-go-on.png) no-repeat 0 0; width: 85px; } #homepage #fr #content #subscribe form #btnSubscribe { background: url(/img/buttons/fr/btn-go-on.png) no-repeat 0 0; width: 95px; } #homepage td { padding: 2em 10px 0 10px; width: 276px; vertical-align: top; } #homepage #first-row td { background: url(/img/css_backgrounds/homepage-bg-box.gif) no-repeat 7px bottom; padding-bottom: 2em;} #homepage td h1 { text-indent: -9999px; margin: 0; padding: 0; width: 276px; } #homepage .first-button { margin: 0 15px 0 0; } #homepage #nl #box-recipes h1 { background: url(/img/titles/nl/homepage-ttl-recipes2.gif); margin: 0; padding: 0; height: 66px; } #homepage #fr #box-recipes h1 { background: url(/img/titles/fr/homepage-ttl-recipes2.gif); margin: 0; padding: 0; height: 66px; } #homepage #box-recipes h4 { margin: 0.5em 0 0 0; } #homepage #box-recipes-inner { background: url(/img/general/homepage-img-mixer.jpg) no-repeat; padding: 0 0 0 75px; } #homepage #box-fun a { outline: none; } #homepage #box-fun img { position: relative; z-index: 10; } #homepage #box-fun a.btn-favorite-jam-nl, #homepage #box-fun a.btn-favorite-jam-fr { left: 10px; margin-bottom: -25px; position: relative; top: -40px; z-index: 100; } #homepage #nl #box-fun h1 { background: url(/img/titles/nl/homepage-ttl-fun.gif); margin: 0; padding: 0; height: 28px; } #homepage #fr #box-fun h1 { background: url(/img/titles/fr/homepage-ttl-fun.gif); margin: 0; padding: 0; height: 28px; } #homepage #nl #box-in-the-spotlight h1 { background: url(/img/titles/nl/homepage-ttl-in-the-spotlight.gif) no-repeat; height: 41px; } #homepage #fr #box-in-the-spotlight h1 { background: url(/img/titles/fr/homepage-ttl-in-the-spotlight.gif) no-repeat; height: 41px; } #homepage #box-in-the-spotlight-inner { background: no-repeat 5px 0; padding: 2px 0 0 85px; min-height: 75px; } #homepage #nl #box-in-the-spotlight-package h1 { background: url(/img/titles/nl/homepage-ttl-in-the-spotlight-package.gif) no-repeat; height: 106px; } #homepage #fr #box-in-the-spotlight-package h1 { background: url(/img/titles/fr/homepage-ttl-in-the-spotlight-package.gif) no-repeat; height: 106px; } #homepage #box-in-the-spotlight-package #box-in-the-spotlight-inner { min-height: 120px; padding: 0; position: relative; } #homepage #box-in-the-spotlight-package #box-in-the-spotlight-inner a { left: 180px; position: absolute; top: 90px; } #homepage #first-row td#box-in-the-spotlight-package { background:transparent url(/img/css_backgrounds/homepage-bg-box-package.gif) 10px 129px no-repeat; } #homepage #nl #box-ezine h1 { background: url(/img/titles/nl/homepage-ttl-ezine.gif) no-repeat; margin-top: -15px; height: 42px; } #homepage #fr #box-ezine h1 { background: url(/img/titles/fr/homepage-ttl-ezine.gif) no-repeat; margin-top: -15px; height: 42px; } #homepage #box-ezine-inner { background: no-repeat; padding: 15px; } #homepage #box-ezine-inner img { margin: 2px 0 0 0;} #homepage #box-ezine-inner .txtField-small { background: url(/img/css_backgrounds/homepage-bg-txtField.gif) no-repeat 2px 2px; padding: 4px; width: 120px; float: left; } #homepage #box-ezine-inner .txtField-small input.txtField { background: transparent none; padding: 3px; width: 102px; float: right; } #homepage #nl #box-sweet-moments h1 { background: url(/img/titles/nl/homepage-ttl-sweet-moments.gif) no-repeat; height: 27px; } #homepage #fr #box-sweet-moments h1 { background: url(/img/titles/fr/homepage-ttl-sweet-moments.gif) no-repeat; height: 27px; } #homepage #box-sweet-moments-inner { /*background: url(/img/general/homepage-img-birthday.jpg) no-repeat left 15px;*/ padding: 10px 25px 10px 0px;} /*cassonade*/ /*#homepage #box-sweet-moments-inner-cass { background: url(/img/general/homepage-img-cassonade2.jpg) no-repeat left 15px; padding: 10px 15px 10px 100px;}*/ /*sweet moments*/ /*#homepage #box-sweet-moments-inner-cass { background: url(/img/general/homepage-img-the-sweetest-cook.jpg) no-repeat left 15px; padding: 10px 15px 10px 100px;}*/ /*pannenkoeken*/ #homepage #box-sweet-moments-inner-cass { background: url(/img/general/homepage-img-pannenkoeken.jpg) no-repeat left 15px; padding: 10px 15px 10px 100px;} #homepage #nl #box-tips h1 { background: url(/img/titles/nl/homepage-ttl-tips.gif) no-repeat; height: 27px; } #homepage #fr #box-tips h1 { background: url(/img/titles/fr/homepage-ttl-tips.gif) no-repeat; height: 27px; } #homepage #box-tips-inner { padding: 15px; } #homepage #nl #box-win a { background: url(/img/titles/nl/homepage-ttl-win.jpg) no-repeat left top; height: 189px; width:276px; display:block;} #homepage #fr #box-win a { background: url(/img/titles/fr/homepage-ttl-win.jpg) no-repeat left top; height: 189px; width:276px; display:block;} #homepage #footer /*!T!*/ { background: none; } #homepage #footer ul { text-align: center; } /*------------------------------------------------------------------------------------- 3. NAVIGATION -----*/ ul#navigation /*!T!*/ {} ul#navigation li { margin: 0 0 1.5em 0; } ul#navigation li ul { margin: 25px 0 0 0; } ul#navigation li.on ul { margin: 30px 0 0 0; } ul#navigation li li { background: url(/img/icons/ico-bullet.gif) no-repeat 0 7px; margin: 0; padding: 0 10px; text-indent: 0; } ul#navigation li a /*!T!*/ { border-bottom: 1px solid #EFEFEF; width: 160px; display: block; } ul#navigation li a:hover { background: url(/img/css_backgrounds/bg-nav-hover.gif) left bottom repeat-x; } #nl ul#navigation li#warm-drinks { background: none; margin: -25px 0 25px 0; text-indent: -9999px; } #fr ul#navigation li#warm-drinks { background: none; margin: -25px 0 25px 0; text-indent: -9999px; } ul#navigation li#warm-drinks ul ul { margin: 0 0 0.5em 0; } ul#navigation li#warm-drinks li { background: none; padding: 0; font-weight: bold; } ul#navigation li#warm-drinks li li { background: url(/img/icons/ico-bullet.gif) no-repeat 0 7px; padding: 0 10px; font-weight: normal; } ul#navigation li#warm-drinks.on ul ul { margin: 0 0 0.5em 0; } #nl ul#navigation li#product-nav { background: none; margin: -25px 0 25px 0; text-indent: -9999px; } #fr ul#navigation li#product-nav { background: none; margin: -25px 0 25px 0; text-indent: -9999px; } #nl ul#navigation li#recipes-category { background: url(/img/buttons/nl/btn-nav-recipes-category.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#recipes-category:hover { background: url(/img/buttons/nl/btn-nav-recipes-category-hover.gif) no-repeat; } #nl ul#navigation li#recipes-category.on { background: url(/img/buttons/nl/btn-nav-recipes-category-on.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#recipes-category { background: url(/img/buttons/fr/btn-nav-recipes-category.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#recipes-category:hover { background: url(/img/buttons/fr/btn-nav-recipes-category-hover.gif) no-repeat; } #fr ul#navigation li#recipes-category.on { background: url(/img/buttons/fr/btn-nav-recipes-category-on.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#recipes-occurence { background: url(/img/buttons/nl/btn-nav-recipes-occurence.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#recipes-occurence:hover { background: url(/img/buttons/nl/btn-nav-recipes-occurence-hover.gif) no-repeat; } #nl ul#navigation li#recipes-occurence.on { background: url(/img/buttons/nl/btn-nav-recipes-occurence-on.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#recipes-occurence { background: url(/img/buttons/fr/btn-nav-recipes-occurence.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#recipes-occurence:hover { background: url(/img/buttons/fr/btn-nav-recipes-occurence-hover.gif) no-repeat; } #fr ul#navigation li#recipes-occurence.on { background: url(/img/buttons/fr/btn-nav-recipes-occurence-on.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#e-zine.on { background: url(/img/buttons/nl/btn-nav-e-zine.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#e-zine.on { background: url(/img/buttons/fr/btn-nav-e-zine.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#tips-category.on { background: url(/img/buttons/nl/btn-nav-tips-category.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#tips-category.on { background: url(/img/buttons/fr/btn-nav-tips-category.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#all-about-sugar { background: url(/img/buttons/nl/btn-nav-sugar-all-about.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#all-about-sugar:hover { background: url(/img/buttons/nl/btn-nav-sugar-all-about-hover.gif) no-repeat; } #nl ul#navigation li#all-about-sugar.on { background: url(/img/buttons/nl/btn-nav-sugar-all-about-on.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#all-about-sugar { background: url(/img/buttons/fr/btn-nav-sugar-all-about.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#all-about-sugar:hover { background: url(/img/buttons/fr/btn-nav-sugar-all-about-hover.gif) no-repeat; } #fr ul#navigation li#all-about-sugar.on { background: url(/img/buttons/fr/btn-nav-sugar-all-about-on.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#sweet-themes { background: url(/img/buttons/nl/btn-nav-sugar-sweet-themes.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#sweet-themes:hover { background: url(/img/buttons/nl/btn-nav-sugar-sweet-themes-hover.gif) no-repeat; } #nl ul#navigation li#sweet-themes.on { background: url(/img/buttons/nl/btn-nav-sugar-sweet-themes-on.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#sweet-themes { background: url(/img/buttons/fr/btn-nav-sugar-sweet-themes.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#sweet-themes:hover { background: url(/img/buttons/fr/btn-nav-sugar-sweet-themes-hover.gif) no-repeat; } #fr ul#navigation li#sweet-themes.on { background: url(/img/buttons/fr/btn-nav-sugar-sweet-themes-on.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#games { background: url(/img/buttons/nl/btn-nav-games.gif) no-repeat; text-indent: -9999px; } #nl ul#navigation li#games:hover { background: url(/img/buttons/nl/btn-nav-games-hover.gif) no-repeat; } #nl ul#navigation li#games.on { background: url(/img/buttons/nl/btn-nav-games-on.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#games { background: url(/img/buttons/fr/btn-nav-games.gif) no-repeat; text-indent: -9999px; } #fr ul#navigation li#games:hover { background: url(/img/buttons/fr/btn-nav-games-hover.gif) no-repeat; } #fr ul#navigation li#games.on { background: url(/img/buttons/fr/btn-nav-games-on.gif) no-repeat; text-indent: -9999px; } #header #altContent ul { position: absolute; bottom: 0; margin-left:17px; margin-bottom: 1.3em; } #header #altContent ul li { background: none; float: left; margin: 0; padding:0 0 2px; } #header #altContent ul li#link1 { width: 87px; } #header #altContent ul li#link2 { width: 146px; } #header #altContent ul li#link3 { width: 122px; } #header #altContent ul li#link4 { width: 102px; } #header #altContent ul li#link5 { width: 147px; } #header #altContent ul li#link6 { width: 69px; } #header #altContent ul li#link7 { width: 101px; } #header #altContent ul li#link8 { width: 93px; } #header #altContent ul li a { display: block; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; } /*------------------------------------------------------------------------------------- 4. FORMS -----*/ .formBtn {} .formImgBtn {} .containerTxtArea { background: url(/img/css_backgrounds/bg-txtArea.gif) no-repeat; padding: 1px; height: 55px; vertical-align: top; } .txtArea /*!T!*/ { border: 0 none; margin: 0; padding: 0; width: 267px; overflow: auto; } /*.txtArea { border: none; height: 44px;}*/ *>.txtArea { margin: 2px; padding: 0 0 0 2px; } .txtArea-big /*!T!*/ { border: none; margin: 2px; padding: 1px; width: 310px; height: 76px;} /*.txtArea-big { border: none; height: 75px; }*/ .txtArea-big { background: url(/img/css_backgrounds/bg-txtArea-big.gif) no-repeat scroll; padding: 2px 10px 10px 2px; } .dropDown /*!T!*/ { border: 1px solid #aed0ec; margin: 0; padding: 2px; width: 184px; } .dropDown-inline /*!T!*/ { border: 1px solid #aed0ec; margin: 0 0 0 10px; padding: 2px; width: 182px; } .radioBtn {} td.padding { padding: 10px 0; } span.checkBox input { float: left; } span.checkBox label { float: left; } .radioBtn input {margin:0 0 -2px 0} .radioBtn label {margin:0 0 0 0} .checkBox input {margin:0 2px -2px 0} *>.checkBox input {margin: 0 5px 0 0} /* FF */ .checkBox label {margin:0 0 0 0; font: 110% Arial, Helvetica, sans-serif; color: #333333;} form table { margin: 1em 0; } #column-3 form table { margin: 0; } form td { vertical-align: top; } form td.label { padding: 10px 10px; width: 130px; text-align: right; vertical-align: top; } .txtField { border: none; margin: 0 5px 0 0; padding: 2px; } .txtField-smallest { background: url(/img/css_backgrounds/bg-txtField-smallest.gif) no-repeat 0 0; padding: 1px 0 10px 4px; } *>.txtField-smallest { padding: 4px 0 10px 4px; } .txtField-smallest input.txtField { background: transparent none; width: 42px; } .txtField-small { background: url(/img/css_backgrounds/bg-txtField-small.gif) no-repeat 0 0; padding: 1px 4px 10px 4px; width: 145px; } *>.txtField-small { background-position: 0 4px; padding: 4px 4px 10px 4px; } .txtField-small input.txtField { background: transparent none; width: 127px; } .txtField-big { background: url(/img/css_backgrounds/bg-txtField-big.gif) no-repeat 0 0; padding: 1px 4px 10px 4px; width: 200px; height: 22px; } *>.txtField-big { background-position: 0 4px; padding: 5px 4px 10px 4px; } .txtField-big input.txtField { background: transparent none; width: 175px; } /* LIJN */ .btnBrowse { position:relative; } .fakefile { position: absolute; top: 0px; left: 0px; z-index: 1;} input.fieldsBrowse { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2;} .txtField-big-browse { background: url(/img/css_backgrounds/bg-txtField-big.gif) no-repeat 0 0; padding: 1px 4px 10px 4px; width: 200px; height: 22px; display:inline; } *>.txtField-big-browse { padding: 4px 4px 10px 4px; } .txtField-big-browse input.txtField { background: transparent none; width: 175px; } .imgBrowse { display:inline; height:24px; vertical-align:bottom; margin-top:-1px; } /**>.imgBrowse { padding-top:5px; }*/ *>form .formImgBtn { margin: 1em 0 0 0; } form td.right { padding: 0 5px 0 0; } span.radioBtn label { margin: 0 15px 0 5px; } /*------------------------------------------------------------------------------------- 5. LISTS -----*/ ul /*!T!*/ { margin: 0 0 1.5em 10px; } ul li { background: url(/img/icons/ico-arrow.gif) no-repeat 0 5px; padding: 0 0 0 15px; margin-left:10px; } ol li { list-style-type: decimal; margin: 0 0 1em 25px; } #valSummary li { background: url(/img/icons/ico-arrow-red.gif) no-repeat 0 5px; } #footer ul { margin: 0 auto; text-align:center; } #footer ul li { background: none; border-left: 1px solid #7A7A7A; padding: 0 1em 0 1.4em; display: inline; } #footer ul li.first { border: none; padding: 0 1em 0 3.7em; } ul#sort { margin: 0; } ul#sort li /*!T!*/ { background: none; padding: 0; display: inline;} ul#results { margin: 1em 0 0 0; } ul#results li { background: url(/img/icons/ico-arrow.gif) no-repeat 0px 1.5em; margin: 0 0 0 0; padding: 0 0 0 15px; } ul#results li span { border-top: 1px solid #ebf2f4; padding: 1em 0 0 0; display: block; } ul#results li li { background: none; margin: 0; padding: 0;} ul#results li .ajaxtcDifficulty {float:left; margin-top:3px; margin-bottom:-10px;} ul#results li .ajaxtcScore {float:left; margin-top:4px; margin-bottom:-10px;} ul#results li .cookingHat { border:none;} ul#results li .ratingStar { border:none;} s #box-recipe ul { margin: 0 0 0 15px; } #column-3 ul /*!T!*/ { margin: 0 0 0 5px; } #column-3 ul li { padding: 0 0 0 10px; } #contact { padding: 0 0 0 25px; } #contact li { margin: 1em 0; } #contact li li { background: none; } ul.products { margin: 0.5em 0 1.5em 0; } ul.products li { background: none; margin: 0; padding: 0 5px 0 0; display: inline; } /*------------------------------------------------------------------------------------- 6. MISCELLANEOUS -----*/ .left { text-align: left; } .right { text-align: right; } img.right {float:right;} img.left { float: left; margin: 0 20px 20px 0; } img.topleft { float: left; padding-bottom:50px; padding-left:20px; } img.topmiddle { float:left; margin: 20px; padding: 0 0 0 20px; } img.topright { float: right; margin: 0 0 20px 20px; padding:10px 35px 0 0; } img.inline { margin: 0.7em 0 0.4em 0; } img.rating { margin: 0 1px 0 0; } img.upload-photo { margin: 0 0 -5px 10px; } .games { border-top: 1px solid #ebf2f4; margin: 1em 0 0 0; clear:left;} .games .gamesImg {float:left; margin-right: 20px; margin-bottom: 20px;} hr {height:1px; border:none; background-color: #ebf2f4; color: #ebf2f4;} body#popupRules { padding: 0 20px; } body#popupRules h1 { margin: 0.5em 0; } body#popupRules h2 { margin-bottom: 0.5em; } body#popupRules ol { margin-left: 1.3em; } body#popupRules ol:last-child { padding-bottom: 1em; } #header #altContent #searchBox { background: url(/img/css_backgrounds/bg-searchbox.gif) no-repeat 0 0; color: #0D72CF; font-weight: bold; padding: 5px 20px 10px;position: absolute; top: 0; right: 12px; width: 205px; } #header #altContent #searchBox input.searchTxtField { border: 1px solid #dfdfdf; margin-left: 5px; width: 110px; } #header #altContent #searchBox a { background: #D5E9FD; border: 1px solid #0D72CF; margin-left: 5px; padding: 0 5px; text-decoration: none; } a.btn-back-nl { background: url(/img/buttons/nl/btn-back.gif) no-repeat 0 0; height: 25px; } a.btn-back-green-nl { background: url(/img/buttons/nl/btn-back-green.gif) no-repeat 0 0; height: 25px; float: left; width: 60px; } a.btn-favorite-jam-nl { background: url(/img/buttons/nl/btn-favorite-jam.gif) no-repeat 0 0; height: 41px; } a.btn-give-tip-nl { background: url(/img/buttons/nl/btn-give-tip.gif) no-repeat 0 0; height: 25px; } a.btn-go-on-nl { background: url(/img/buttons/nl/btn-go-on.gif) no-repeat 0 0; height: 25px; } a.btn-home-blue-nl { background: url(/img/buttons/nl/btn-home-blue.gif) no-repeat 0 0; height: 25px; } a.btn-more-green-nl { background: url(/img/buttons/nl/btn-more-green.gif) no-repeat 0 0; height: 25px; } a.btn-more-green-nl-right { background: url(/img/buttons/nl/btn-more-green.gif) no-repeat 0 0; height: 25px; float: left; width: 63px; margin-left: 10px; } a.btn-overview-nl { background: url(/img/buttons/nl/btn-overview.gif) no-repeat right top; height: 17px; } a.btn-paasfeest-nl { background: url(/img/buttons/nl/btn-paasfeest.gif) no-repeat 0 0; height: 25px; margin-left: -70px; } a.btn-pdf-blue-nl { background: url(/img/buttons/nl/btn-pdf-blue.gif) no-repeat 0 0; height: 25px; width: 150px; } a.btn-quickfruity-nl { background: url(/img/buttons/nl/btn-quickfruity.gif) no-repeat 0 0; height: 25px; margin-left: -15px; } a.btn-search-recipe-nl { background: url(/img/buttons/nl/btn-search-recipe.gif) no-repeat 0 0; height: 25px; } a.btn-share-recipe-nl { background: url(/img/buttons/nl/btn-share-recipe.gif) no-repeat 0 0; height: 25px; } a.btn-submit-recipe-and-win-nl { background: url(/img/buttons/nl/btn-submit-recipe-and-win.gif) no-repeat 0 0; height: 25px; } a.btn-videoRecipes-nl { background: url(/img/buttons/nl/btn-videoRecipes.gif) no-repeat 0 0; height: 25px; } a.btn-view-more-tips-nl { background: url(/img/buttons/nl/btn-view-more-tips.gif) no-repeat 0 0; height: 25px; } a.btn-win-apron-nl { background: url(/img/buttons/nl/btn-win-apron.gif) no-repeat 0 0; height: 25px; } a.btn-win-for-sending-recipe-nl { background: url(/img/buttons/nl/btn-win-for-sending-recipe.gif) no-repeat 0 0; height: 41px; } a.btn-back-fr { background: url(/img/buttons/fr/btn-back.gif) no-repeat 0 0; height: 25px; } a.btn-back-green-fr { background: url(/img/buttons/fr/btn-back-green.gif) no-repeat 0 0; height: 25px; float: left; width: 120px; } a.btn-favorite-jam-fr { background: url(/img/buttons/fr/btn-favorite-jam.gif) no-repeat 0 0; height: 41px; } a.btn-give-tip-fr { background: url(/img/buttons/fr/btn-give-tip.gif) no-repeat 0 0; height: 25px; } a.btn-go-on-fr { background: url(/img/buttons/fr/btn-go-on.gif) no-repeat 0 0; height: 25px; } a.btn-home-blue-fr { background: url(/img/buttons/fr/btn-home-blue.gif) no-repeat 0 0; height: 25px; } a.btn-more-green-fr { background: url(/img/buttons/fr/btn-more-green.gif) no-repeat 0 0; height: 25px; float: left; width: 60px; } a.btn-more-green-fr-right { background: url(/img/buttons/fr/btn-more-green.gif) no-repeat 0 0; height: 25px; float: left; width: 60px; margin-left: 10px; } a.btn-overview-fr { background: url(/img/buttons/fr/btn-overview.gif) no-repeat right top; height: 23px; } a.btn-paasfeest-fr { background: url(/img/buttons/fr/btn-paasfeest.gif) no-repeat 0 0; height: 25px; margin-left: -70px; } a.btn-pdf-blue-fr { background: url(/img/buttons/fr/btn-pdf-blue.gif) no-repeat 0 0; height: 25px; width: 145px; } a.btn-quickfruity-fr { background: url(/img/buttons/fr/btn-quickfruity.gif) no-repeat 0 0; height: 36px; margin-left: -70px; } a.btn-search-recipe-fr { background: url(/img/buttons/fr/btn-search-recipe.gif) no-repeat 0 0; height: 25px; } a.btn-share-recipe-fr { background: url(/img/buttons/fr/btn-share-recipe.gif) no-repeat 0 0; height: 25px; } a.btn-submit-recipe-and-win-fr { background: url(/img/buttons/fr/btn-submit-recipe-and-win.gif) no-repeat 0 0; height: 25px; } a.btn-videoRecipes-fr { background: url(/img/buttons/fr/btn-videoRecipes.gif) no-repeat 0 0; height: 25px; } a.btn-view-more-tips-fr { background: url(/img/buttons/fr/btn-view-more-tips.gif) no-repeat 0 0; height: 25px; } a.btn-win-apron-fr { background: url(/img/buttons/fr/btn-win-apron.gif) no-repeat 0 0; height: 25px; } a.btn-win-for-sending-recipe-fr { background: url(/img/buttons/fr/btn-win-for-sending-recipe.gif) no-repeat 0 0; height: 58px; } /*------------------------------------------------------------------------------------- 7. PRINT -----*/ #header-print { height: 185px; position: relative; } #detail-print #box-recipe { background: none; margin: 0 0 1.5em 0; position: relative; } #detail-print #box-recipe #box-recipe-inner { background: none; width:440px; padding: 1px 0px; } /*#detail-print #box-recipe #box-recipe-inner #box-recipe-ingredients { padding:12px 0 0 142px;}*/ #detail-print #box-recipe #photo { float:right; width: 130px; height: 130px; overflow: hidden; margin: 0;} #detail-print #box-recipe #photo img { border:1px solid #b4d3f0;} /*#detail-print #box-recipe #photo #overlay { left: 0; }*/ /**>#detail-print #box-recipe #photo #overlay { background: url(/img/css_backgrounds/bg-photo-recipe.png); } */ #detail-print .indent { width:380px; } #detail-print div.comment-box { background: none; margin: 1em 0; } #detail-print div.comment-box div.comment-box-inner { background: none; padding: 3px 0 1px 0;} /*------------------------------------------------------------------------------------- 8. ACTIONS -----*/ /*#homepage #nl td#box-fun a { display: block; width: 276px; height: 185px; background: url(/img/general/nl/homepage-btn-voedingssalon.jpg) no-repeat 0 0; text-indent: -9999px; } #homepage #fr td#box-fun a { display: block; width: 276px; height: 185px; background: url(/img/general/fr/homepage-btn-voedingssalon.jpg) no-repeat 0 0; text-indent: -9999px; } #homepage #nl td#box-fun a { display: block; width: 276px; height: 185px; background: url(/img/general/nl/homepage-btn-fun.jpg) no-repeat 0 0; text-indent: -9999px; } #homepage #fr td#box-fun a { display: block; width: 276px; height: 185px; background: url(/img/general/fr/homepage-btn-fun.jpg) no-repeat 0 0; text-indent: -9999px; }*/ /*#homepage #nl td#box-fun h1 { display: block; width: 276px; height: 94px; background: url(/img/general/nl/hp-ttl-icons.gif) no-repeat 0 0; text-indent: -9999px; }*/ /*#homepage #fr td#box-fun h1 { display: block; width: 276px; height: 94px; background: url(/img/general/fr/hp-ttl-icons.gif) no-repeat 0 0; text-indent: -9999px; }*/ /*#homepage #nl td#box-fun h1 { display: block; width: 279px; height: 270px; background: url(/img/general/nl/hp-ttl-museum.gif) no-repeat 0 0; text-indent: -9999px; } #homepage #fr td#box-fun h1 { display: block; width: 279px; height: 270px; background: url(/img/general/fr/hp-ttl-museum.gif) no-repeat 0 0; text-indent: -9999px; }*/ #homepage #nl td#box-limitededition h1 { display: block; width: 276px; height: 27px; background:url(/img/titles/nl/homepage-tll-limitededition.gif) no-repeat 0 0; text-indent: -9999px; } #homepage #fr td#box-limitededition h1 { display: block; width: 276px; height: 27px; background:url(/img/titles/fr/homepage-tll-limitededition.gif) no-repeat 0 0; text-indent: -9999px; } #homepage #box-limitededition-inner { margin:11px 0 0 13px; } #homepage #nl td#box-fun h1 a { display: block; width: 279px; height: 270px; text-indent: -9999px; } #homepage #fr td#box-fun h1 a { display: block; width: 279px; height: 270px; text-indent: -9999px; } #homepage #nl td#box-fun div.icons { width:251px; } #homepage #fr td#box-fun div.icons { width:251px; } img.bannerBreakfast {padding:0 0 0 25px} #popup #container { background: url(../img/css_backgrounds/bg-popup.gif) no-repeat 0 0; border: 1px solid #25439e; padding: 25px 20px 25px 120px; width: 530px; height: 400px; } #popup td.label { padding: 5px 0; width: 75px; text-align: left; } #popup .txtField { margin: 0 20px 0 0;border: 1px solid #AED0EC; padding: 3px; } #popup .dropDown { width: 127px; } /*** icons ****/ .bgTopCat { background: url(/img/css_backgrounds/bg-top-icons-categories.gif) top left no-repeat; padding:20px 0 20px 15px; width:867px; } .bgTopCat h2 { margin-bottom:20px; } .pictures { clear:both; height:82px; } .pictures img { } .icon { float:left; width:379px; height:82px; padding:0 65px 25px 0; } .packshot { float:left; height:82px; width:82px; } .packCopy { float:left; padding:28px 12px 0 8px; width:108px; } p.twoLines { width:379px;} /** quickfruity packets */ #quickfruity .questionsHeader { display:block; background:url(/img/general/actions/quickfruity/img-jam-quickfruity-packets.jpg) 0px 20px no-repeat; margin-left:30px; min-height:349px; } #quickfruity .questionsHeader p { padding:0; display: } #quickfruity .questionsHeader .questions { margin-top:40px; padding-left:15px; padding-right:420px; } #quickfruity .questionsHeader .questions .shiftquestion { margin-top:10px; } #quickfruity .questionsHeader .questions table#rblMulitpleChoice { margin-bottom:20px; } #quickfruity .questionsHeader .questions table#rblMulitpleChoice tr { height:20px; } #quickfruity .questionsHeader .questions table#rblMulitpleChoice label { vertical-align:top; } #quickfruity .packetsForm .radioBtn { padding-top:20px; vertical-align:middle; } #quickfruity .packetsForm .txtField-big { width:100%; } #quickfruity .packetsForm { margin-left:30px; } #quickfruity .sendto { background:url(/img/general/actions/quickfruity/img-sendto.gif) top left no-repeat; display:block; width:297px; min-height:110px; margin-left:30px; } #quickfruity .sendto p { padding:65px 5px 0 20px; margin:0; } #quickfruity .sendto .btnSendTo { margin:10px 0 0 90px; } /** IceLolly */ .icelolly h1 { color:#0f73d5; } .icelolly h2 { color:#23b015; } .icelolly h3 { font-size: 1.75em; color:#0f6ecc; margin-top:10px; margin-bottom:8px;} .icelolly p { padding:0 0 0 2px; } .icelolly .txtField-big { padding-right:0px; width:190px; } .icelolly .txtField-small { padding-right:0px; width:138px;} .floatLeft { float:left; } .icelolly .radioBtn input { vertical-align:middle; } .icelolly .radioBtn { line-height:2em; } .icelolly .formImgBtn { float:left; margin-top:2px; } .smallprint { font-size:0.9em; color:#666666; } .icelolly .introWrapper { background:url(../img/general/actions/iceLolly/iceLolly-visual.jpg) no-repeat top right; min-height:194px; padding-right:300px; } .icelolly .banners { clear:left; width:600px; margin:30px 0 140px 0;} .icelolly .iceLollyRecipes { width:292px; height:87px; float:left; margin-right:10px; } .icelolly .iceLollySend { width:296px; height:87px; float:left; } .icelolly #nl .iceLollyRecipes { background:url(/img/general/actions/iceLolly/nl/banner-recipes.gif) no-repeat; } .icelolly #nl .iceLollySend { background:url(/img/general/actions/iceLolly/nl/banner-send-action.gif) no-repeat; } .icelolly #fr .iceLollyRecipes { background:url(/img/general/actions/iceLolly/fr/banner-recipes.gif) no-repeat; } .icelolly #fr .iceLollySend { background:url(/img/general/actions/iceLolly/fr/banner-send-action.gif) no-repeat; } .icelolly .borderWrapper { border:#d1e4f6 3px solid; width:380px; min-height:140px; padding:15px; margin:10px 10px 15px 0; float:left; } .icelolly .borderWrapperRight { width:361px; margin-right:0px; } .icelolly p.formTxt { display:block; padding-top:5px; float:left; } .icelolly .sendWrapper { margin-top:20px; margin-bottom:15px; width:204px; height:80px; background:url(/img/general/actions/iceLolly/drops.jpg) no-repeat top right; padding-top:8px; clear:left; float:left; } .icelolly .error { clear:left; margin-top:15px; } .icelolly .sponsoredBy { float:right; margin-top:20px;} .icelolly .txtField-smallest { margin-top:4px; } .icelolly ul.optins { list-style-type:none; margin:0;} .icelolly ul.optins li { background:none; clear:left; margin-left:0; padding-left:0; padding-top:5px;} .icelolly .rules h2 { margin:10px 0 10px 10px; } .icelolly .rules p { margin-left:20px; } .halloween #footer {background:url(/img/general/actions/halloween/bg-footer.gif) no-repeat left top; padding-top:142px} .halloween #content {background:url(/img/general/actions/halloween/bg-content.jpg) no-repeat right 380px} .halloween #content h1 {background:url(/img/general/actions/halloween/bg-title-halloween.jpg) no-repeat -7px top; display:block; height:271px; text-indent:-9999px; width:523px; visibility:visible!important} .halloween #content h1.fr {background:url(/img/general/actions/halloween/bg-title-halloween-FR.jpg) no-repeat -15px top;} /* Peter Balcaen */ #recipesPeterBalcaen {clear:both; position:relative; padding:0 0 0 15px;} #recipesPeterBalcaen h2 {display:block; cursor:pointer; background:url(/img/general/actions/peter-balcaen/recipes-NL.gif) no-repeat; height:87px; position:absolute; text-indent:-9999px; visibility:visible; width:252px;} #recipesPeterBalcaen h2#recipe01 {} #recipesPeterBalcaen h2#recipe02 {background-position:-267px top; width:296px; left:283px;} #recipesPeterBalcaen h2#recipe03 {background-position:-579px top; width:252px; left:594px;} #recipesPeterBalcaen h2#recipe01.active {background-position:left -114px} #recipesPeterBalcaen h2#recipe02.active {background-position:-267px -114px;} #recipesPeterBalcaen h2#recipe03.active {background-position:-579px -114px;} /* Peter Balcaen FR*/ #recipesPeterBalcaen h6 {display:block; cursor:pointer; background:url(/img/general/actions/peter-balcaen/recipes-FR.gif) no-repeat; height:87px; position:absolute; text-indent:-9999px; visibility:visible; width:229px;} #recipesPeterBalcaen h6#recipe01 {} #recipesPeterBalcaen h6#recipe02 {background-position:-241px top; width:326px; left:256px;} #recipesPeterBalcaen h6#recipe03 {background-position:-579px top; width:252px; left:594px;} #recipesPeterBalcaen h6#recipe01.active {background-position:left -114px} #recipesPeterBalcaen h6#recipe02.active {background-position:-241px -114px;} #recipesPeterBalcaen h6#recipe03.active {background-position:-579px -114px;} .recipeContent {position:absolute; height:600px; top:120px; background:#fff;} .recipeContent ul {margin-left:17px} .recipeContent h3 {font-size:16px; line-height:25px; margin:0 0 5px 0} .recipeContent h5 {font-size:15px; font-weight:bold; margin:0; padding:0 0 7px 24px} /*------------------------------------------------------------------------------------- 9. INDUSTRY -----*/ #industryNav { background: url(/img/flashmenu/industy4.jpg) no-repeat 0 0; padding: 157px 0 0 0; } #industryNav.liquid { background-image: url(/img/flashmenu/industy2.jpg)} #industryNav ul { margin: 0 0 0 -16px; padding: 0; } #industryNav li { background: none; float: left; margin: 0; padding: 0; } #industryNav li a { background: url(../img/buttons/en/nav-industry-sprite.gif); width: 100px; height: 49px; display: block; text-indent: -9999px; } #industryNav li a.liquid { width: 143px; background-position: 0 0; } #industryNav li a.liquid:hover { width: 143px; background-position: 0 -50px; } #industryNav li a.dry { width: 100px; background-position: -143px 0; } #industryNav li a.dry:hover { width: 100px; background-position: -143px -50px; } #industryNav li a.fondants { width: 112px; background-position: -243px 0; } #industryNav li a.fondants:hover { width: 112px; background-position: -243px -50px; } /*------------------------------------------------------------------------------------- 10. SEGMENTATION SURVEY -----*/ #Question { display:inline-block; float:left; width:380px; height:150px; margin:0px 0px 20px 0px; padding: 0px; } #Question .StyleQuestion{ margin:0px; font-size:14px; color:#0d72cf; padding:18px 0px 0px 85px; min-height:15px; width:260px; font-weight:bold; } .Q1{ background-image:url(/img/css_backgrounds/q1.jpg); background-repeat:no-repeat;} .Q2{ background-image:url(/img/css_backgrounds/q2.jpg); background-repeat:no-repeat;} .Q3{ background-image:url(/img/css_backgrounds/q3.jpg); background-repeat:no-repeat;} .Q4{ background-image:url(/img/css_backgrounds/q4.jpg); background-repeat:no-repeat;} .Q5{ background-image:url(/img/css_backgrounds/q5.jpg); background-repeat:no-repeat;} .Q6{ background-image:url(/img/css_backgrounds/q6.jpg); background-repeat:no-repeat;} .Q7{ background-image:url(/img/css_backgrounds/q7.jpg); background-repeat:no-repeat;} #fr .Q7 .StyleQuestion, #fr .Q5 .StyleQuestion{ padding:5px 0px 0px 85px !important; } #Question table input[type="radio"]:first-child{ margin:0px 10px 5px 85px; padding:0px; } #Question table input[type="radio"]{ margin:10px 10px 5px 85px; padding:0px; } #Question span{ margin:10px 10px 5px 85px; padding:0px; position:relative; top:-35px; left:-5px; } #Question table label{ text-align:left; vertical-align:top; } #Question table{ padding:0px; margin:0px; vertical-align:top; text-align:left; height:80px; } #Question td{ height: 26px; } .btnSurvey{ /*top: 93px; left:20px;*/} .btnSurvey input{ margin-top: 90px; margin-left:20px; } .TitelSurvey{ padding:0px 0px 10px 24px; }