/***************************************************************************** * * Copyright : Copyright (C) Morgen32 * Email : info @ morgen32.nl * * * Disclaimer: * Niets uit dit script mag zonder toestemming van de maker van deze * scripting gekopieerd, of doorverkocht worden aan derden. De maker van deze * scripting blijft ten alle tijden copyright op dit product houden. De * scripting is ter beschikking gesteld door Morgen32. * Dit programma is GEEN vrije software, en mag niet worden doorverkocht en/ * of gewijzigd worden tenzij de eigenaar toestemming hiervoor heeft verleend * *****************************************************************************/ /* Blauw: #28bdf1 Oranje #f7941d Menu bg: #f4f2ee Content bg #f3eedc */ html, body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, small, em, strong, code, img, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:top; list-style: none; } html, body { width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } html { background: #b6a897; } h1 { font-size: 25px; font-weight: bold; margin: 0px 0px 20px 0px; color: #28bdf1; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em;} h2 { font-size: 18px; margin: 20px 0px 8px 0px; color: #f7941d; font-family: Arial, Helvetica, sans-serif; } h3 { font-size: 17px; font-weight: bold; margin: 0px 0px 5px 0px; color: #28bdf1; line-height: 1.2em; } h4 { font-size: 20px; margin: 0px 0px 20px 0px; color: #28bdf1; } a { color: #28bdf1; text-decoration: none; } a:hover { text-decoration: underline; } p { margin: 0px 0px 15px 0px; } b, strong { font-weight: bold; } i, em { font-style: italic; } u { text-decoration: underline; } input { width: 200px; } input.radio { width: 15px; } textarea { width: 198px; height: 70px; font-family: Arial, Helvetica, sans-serif; } form .arrow1 { margin: 10px 0px 0px 0px; } #background { background: url(../images/background.jpg) top center; padding: 0px 0px 25px 0px; min-height: 100%; height:auto !important; height:100%; } #container { width: 975px; margin: 0px auto 0px auto; position: relative; } #header { height: 110px; overflow: hidden; padding: 3px 0px 0px 10px; } #logo { position: absolute; } #menu { background: url(../images/background-menu.png) no-repeat; height: 60px; position: relative; z-index: 10; } #nav { font-size: 16px; } #nav ul { padding: 18px 25px 0px 0px; } #nav li { float: right; text-transform: lowercase; margin: 0px 0px 0px 15px; } #nav a { color: #000000; text-decoration: none; } #nav a:hover { color: #28bdf1; text-decoration: underline; } #category img { height: 40px; } #category ul { margin: 0px 0px 0px 170px; } #category li { float: left; margin: 5px 10px 0px 0px; } #category a { display: block; padding: 3px 5px; } #category a:hover { background: #f4f2ee; } #menu_hover { width: 50px; height: 15px; background: url(../images/menu-hover.png) no-repeat; position: absolute; top: 55px; left: 547px; display: none; } #submenu { position: absolute; left: 50px; right: 25px; top: 25px; z-index: 20; } #quicknav { width: 160px; position: relative; line-height: 1em; } #quicknav .button { width: 135px; height: 23px; background: url(../images/arrows.gif) 0px -80px no-repeat; cursor: pointer; padding: 7px 0px 0px 25px; } #quicklist { display: none; background: #ffffff; border: 1px solid #f7941d; } #quicklist { width: 200px; margin: 0px 0px 0px -30px; } #quicklist ul { padding: 5px 5px 2px 5px; margin: 0px 5px 0px 5px; width: 180px; overflow: hidden; } #quicklist ul ul { padding: 0px; margin: 0px 0px 10px 0px; } #quicklist li { width: 500px; line-height: 1.1em; } #quicklist li a { color: #000000; text-decoration: none; } #quicklist li li a { color: #f7941d; font-size: 11px; } #quicklist a:hover { text-decoration: underline; } #steps { position: absolute; top: 0px; left: 200px; } #steps .step { float: left; cursor: pointer; } #steps .step .left { float: left; width: 7px; height: 31px; background: url(../images/arrows.gif) 0px -192px no-repeat; } #steps .step .center { float: left; height: 31px; background: url(../images/arrows.gif) -8px -192px repeat-x; } #steps .step .right { float: left; width: 8px; height: 31px; background: url(../images/arrows.gif) -292px -192px no-repeat; } #steps .center span { display: block; margin: 3px 5px 0px 5px; font-weight: strong; color: #ffffff; } #steps .info { position: absolute; top: 31px; left: 0px; width: 100%; background: #ffffff; border: 3px solid #f7941d; display: none; } #steps .info div { margin: 15px; } #steps .info div ol { margin: 0px; padding: 0px 0px 0px 15px; } #steps .info div ol li { list-style: decimal; } #fastcart { position: absolute; top: -5px; left: 180px; background: url(../images/arrows.gif) 0px -38px; width: 227px; height: 41px; } #fastcart a { display: block; padding: 8px 0px 0px 0px; width: 100%; text-align: center; color: #ffffff; font-size: 14px; font-weight: bold; } #keurmerk { position: absolute; top: 0px; right: 14px; top: -10px; } #content { background: url(../images/background-content.png) repeat-y; line-height: 1.6em; margin: -5px 0px 0px 0px; position: relative; } #content_text { background: url(../images/background-content-text.png) repeat-x; padding: 75px 25px 25px 25px; margin: 0px 3px 0px 1px; } #content_text { min-height: 250px; height: auto; _height: 250px; } #content_text ul { margin: 0px 0px 15px 15px; } #content_text li { list-style: disc; } #content_text ol li { list-style: decimal; } #frontpage_footer { width: 100%; clear: both; font-size: 11px; margin: 20px 0px 0px 0px; width: 530px; margin: 0px auto; } #footer { background: url(../images/background-footer.png); height: 90px; position: relative; font-size: 13px; } #copyright { position: absolute; top: 50px; left: 25px; } #copyright a { color: #000000; text-decoration: none; } #copyright a:hover { color: #28bdf1; text-decoration: underline; } #secondnav { position: absolute; top: 50px; right: 25px; } #secondnav ul { } #secondnav li { float: right; text-transform: lowercase; margin: 0px 0px 0px 10px; } #secondnav a { color: #000000; text-decoration: none; } #secondnav a:hover { color: #28bdf1; text-decoration: underline; } #secondcategory { position: absolute; top: 50px; left: 230px; } #secondcategory li { float: left; margin: 0px 10px 0px 0px; } #secondcategory a { text-decoration: none; color: #28bdf1; } #secondcategory a:hover { text-decoration: underline; } #developer { position: absolute; bottom: -10px; right: 25px; font-size: 10px; } #developer a { color: #000000; } #news { position: absolute; top: 45px; font-size: 28px; font-weight: bold; width: 645px; height: 70px; overflow: hidden; margin: 0px 30px 0px 300px; } #news ul { margin: 0px; } #news ul li { height: 68px; } #news a { color: #ffffff; display: block; text-align: right; width: 645px; } #news a:hover { color: #f7941d; text-decoration: none; } #list_products ul { margin: 0px; padding: 0px; list-style: none; } #list_products li { float: left; position: relative; line-height: 1.2em; list-style: none; z-index: 15; } #list_products li.clear { display: block; height: 0px; overflow: hidden; font-size: 1px; line-height: 1px; } #list_products a { color: #ffffff; text-decoration: none; } #list_products.large li.col1 { margin: 0px 25px 0px 0px; } #list_products.large li.col2 { margin: 0px 25px 0px 0px; } #list_products.small li.col1 { margin: 0px 20px 0px 0px; } #list_products.small li.col2 { margin: 0px 20px 0px 0px; } #list_products.tiny li.col1 { margin: 0px 20px 0px 0px; } #list_products .image { float: left; margin: 0px 15px 0px 0px; } #list_products .content p { font-size: 11px; margin: 0px 0px 10px 0px; } #list_products .block2 .content { margin: 0px 0px 0px 140px; } #list_products .block2 a { color: #000000; display: block; } #list_products .block2 a:hover { text-decoration: none; } #list_products .block3 .content { margin: 0px 0px 0px 105px; } #list_products .block3 .image img { width: 90px; } #list_products .block4 .content { margin: 0px 0px 0px 140px; } #list_products .block4 a { color: #000000; display: block; } #list_products .block4 a:hover { text-decoration: none; } #list_products .block4 .content { margin: 0px 0px 0px 95px; } #list_products .block4 .image img { width: 80px; } #list_products .block5 .content { margin: 0px 0px 0px 75px; } #list_products .block5 .image img { width: 60px; } #list_products .block5 h3 { font-size: 15px; } #list_products a:hover h3 { color: #f7941d; } #list_products a:hover .arrow { margin-left: 3px; } #list_products a:hover img { padding-top: 3px; } #list_products .arrow { background: url(../images/arrows.gif) 0px -110px no-repeat; display: block; width: 119px; height: 22px; color: #ffffff; padding: 3px 0px 0px 12px; cursor: pointer; font-weight: bold; } #list_products .nostock .arrow { background: url(../images/arrows.gif) 0px -136px no-repeat; } #list_products .price { margin: 5px 0px 5px 0px; } #list_products .price strong { font-weight: bold; font-size: 24px; line-height: 24px; } #list_products .price strong span { font-weight: bold; font-size: 15px; display: inline; vertical-align: middle; } #list_products .price_shop { float: right; color:#d98585; font-size: 10px; line-height: 11px; text-align: center; } #list_products .price_shop strong { display: block; font-size: 12px; line-height: 12px; font-weight: normal; } #list_products .group a { color: #28bdf1; } #list_products .group a:hover { text-decoration: underline; } #list_products .group .content { margin: 0px; } #productdetail { position: relative; } #productdetail { min-height: 270px; height: auto; _height: 270px; } #productdetail .info { margin: 0px 0px 5px 0px; } /*#productimage { width: 125px; height: 160px; float: left; margin: 0px 25px 0px 0px; overflow: hidden; }*/ #productimage { width: 200px; height: 255px; float: left; margin: 0px 25px 0px 0px; overflow: hidden; } #productimage ul { margin: 0px; } #productimage li { list-style: none; } #social_facebook { margin: 1em 0px 0px 0px; } /* #productimagelarge { width: 200px; height: 255px; padding: 10px; background: #ffffff; overflow: hidden; position: absolute; top: -15px; left: -15px; z-index: 15; border: 1px solid #f7941d; display: none; } #productimagelarge ul { margin: 0px; } #productimagelarge li { list-style: none; } */ #productflag { position: absolute; left: 25px; width: 200px; text-align: center; top: 285px; } #productflag .info { font-size: 11px; } #productorder1 { width: 200px; position: absolute; left: 689px; } #productorder1 .sold { font-size: 12px; color: #f7941d; } #productorder1 .price { font-size: 24px; } #productorder1 .price span { font-size: 15px; } #productorder1 .pricenotice { font-size: 11px; line-height: 1.1em; font-family: Arial; margin: 10px 0px 0px 0px; } #productorder1 .arrow1 { margin: 5px 0px 5px 0px; } #productorder1 .advantages { font-size: 12px; margin: 15px 0px 15px 0px; } #productorder2 { margin: 20px 0px 15px 225px; width: 480px; position: relative; } #productorder2 .sold { font-size: 16px; color: #f7941d; } #productorder2 .price_shop { color:#990000; font-size: 12px; line-height: 14px; position: absolute; left: 0px; text-align: center; width: 60px; margin: -8px 0px 0px 0px; } #productorder2 .price_shop strong { font-size: 18px; line-height: 18px; font-weight: normal; display: block; text-align: center; text-decoration:line-through; } #productorder2 .price { font-size: 16px; margin: 0px 0px 10px 80px; } #productorder2 .price strong { font-size: 28px; } #productorder2 .price span { font-size: 18px; } #productorder2 .pricenotice { font-size: 11px; line-height: 1.2em; font-family: Arial; margin: 10px 0px 10px 0px; } #productorder2 .arrow1 { float: left; } #productorder2 .arrow2 { float: left; } #productorder3 { position: absolute; left: 25px; width: 200px; text-align: left; top: 400px; } #productorder3 .sold { font-size: 12px; color: #f7941d; } #productorder3 .price { font-size: 24px; } #productorder3 .price span { font-size: 15px; } #productorder3 .pricenotice { font-size: 11px; line-height: 1.1em; font-family: Arial; margin: 10px 0px 0px 0px; } #productorder3 .arrow1 { margin: 5px 0px 5px 0px; } #productorder3 .advantages { font-size: 12px; margin: 15px 0px 15px 0px; } #productdescription { margin: 0px 225px 0px 225px; } #productprice { clear: both; margin: 50px 0px 0px 225px; } #productprice ul { margin: 0px; } #productprice li { list-style: none; float: left; padding: 0px 12px 0px 0px; text-align: center; } #productprice li.info { width: 70px; font-size: 11px; line-height: 1em; text-align: left; } #productprice li.info a { color: #f7941d; } #productprice strong { display: block; font-weight: normal; } #cart { position: relative; } #cart .console { width: 80px; } #cart .product { width: 400px; } #cart .product a { color: #000000;} #cart .product strong { font-size: 16px; } #cart .amount { width: 100px; } #cart .amount div { float: left; width: 25px; } #cart .amount span { float: left; } #cart .amount span a { float: left; padding: 0px 5px; font-size: 20px; color: #f7941d; } #cart .price { font-size: 16px; margin: 0px 0px 0px 0px; text-align: right; } #cart .price span { font-size: 12px; } #cart .total { font-weight: bold; font-size: 16px; } #cart .total td { padding: 10px 0px 0px 0px; border-top: 1px solid #666666; } #cart .arrow2 { position: absolute; left: 270px; margin: 17px 0px 0px 0px; } #cartprice { margin: 30px 0px 10px 0px; } #cartprice ul { margin: 0px 0px 0px 85px; } #cartprice li { list-style: none; float: left; padding: 0px 15px 0px 0px; text-align: center; } #cartprice li.info { width: 70px; font-size: 11px; line-height: 1em; text-align: left; } #cartprice li.info a { color: #f7941d; } #checkout_button { background: url(../images/arrows.gif) 0px 0px no-repeat; width: 227px; height: 38px; margin: 10px 0px 0px 450px; } #checkout_button a { display: block; padding: 8px 0px 0px 0px; width: 100%; text-align: center; color: #ffffff; font-size: 14px; font-weight: bold; } #checkout { padding: 0px 0px 0px 40px; position: relative; } #checkout .step { position: absolute; left: -40px; height: 100%; width: 25px; font-size: 30px; line-height: 30px; color: #ffffff; background: #eeeeee; text-align: center; padding: 5px 0px 0px 0px; } #checkout #cart { margin: 25px 0px 0px 0px; } #checkout #cart table { width: 426px; } #checkout #cart .amount { width: 30px; } #checkout #cart .product { } #checkout #cart .price { width: 84px; text-align: right; font-size: 12px; } #checkout #cart .notice { font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: right; } #checkout #cart .total { font-size: 12px; } #checkout #cart .total td { padding: 3px 0px 0px 0px; } #checkout #cartprice { margin: 0px 0px 0px 0px; position: relative; } #checkout #cartprice strong { display: block; margin: 0px 0px 5px 0px; } #checkout #cartprice ul { margin: 0px; } #checkout #cartprice li { margin: 0px 0px 3px 0px; padding: 0px 5px 0px 0px; } #checkout #cartprice a { display: block; padding: 3px 5px; text-decoration: none; color: #000000; } #checkout #cartprice a:hover { background: #f7941d; } #checkout #cartprice a.active { background: #f7941d; } #checkout #address { position: relative; margin: 30px 0px 0px 0px; } #checkout #address td { padding: 0px 10px 0px 0px; } #checkout #address input { width: 200px; } #checkout #conditions { position: relative; margin: 30px 0px 0px 0px; } #checkout #conditions .arrow1 { margin: 15px 0px 0px 110px; } #checkout #conditions p { margin: 0px; } #checkout_submit_button { background: url(../images/arrows.gif) 0px 0px no-repeat; width: 227px; height: 38px; margin: 10px 0px 0px 40px; } #checkout_submit_button input { background: none; width: 227px; height: 38px; color: #ffffff; font-size: 14px; font-weight: bold; border: none; cursor: pointer; } #left1 { width: 175px; float: left; margin: 0px 20px 0px 0px; } #right1 { margin: 0px 0px 0px 195px; } #left2 { width: 476px; float: left; } #right2 { margin: 0px 0px 0px 496px; } .arrow1 { height: 29px; } .arrow1 a { display: block; color: #ffffff; font-weight: bold; cursor: pointer; } .arrow1 .left { float: left; background:url(../images/arrows.gif) 0px -224px no-repeat; width: 8px; height: 29px;} .arrow1 .center { float: left; background: url(../images/arrows.gif) -8px -224px repeat-x; height: 27px; padding: 2px 10px 0px 10px; color: #ffffff; } .arrow1 .right { float: left; background: url(../images/arrows.gif) -291px -224px no-repeat; width: 10px; height: 29px; } .arrow2 { height: 29px; } .arrow2 a { display: block; color: #ffffff; font-weight: bold; cursor: pointer; } .arrow2 .left { float: left; background:url(../images/arrows.gif) 0px -162px no-repeat; width: 8px; height: 29px;} .arrow2 .center { float: left; background: url(../images/arrows.gif) -8px -162px repeat-x; height: 27px; padding: 2px 10px 0px 10px; color: #ffffff; } .arrow2 .right { float: left; background: url(../images/arrows.gif) -291px -162px no-repeat; width: 10px; height: 29px; } #newsletter p { margin: 0px 0px 5px 0px; } #newsletter input { width: 141px; } #newsletter input.radio { width: 15px; } #newsletter input.submit { width: 146px; } #payments { color: #f7941d; } #payments ul { margin: 0px; } #payments li { list-style: none; float: left; margin: 0px 3px 3px 0px; } #usp { color: #f7941d; } #dialog_background { display: none; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #000000; z-index: 10000; opacity:0.7; filter: alpha(opacity=70); } #dialog { display: none; position: absolute; top: 75px; left: 50%; width: 500px; margin: 0px 0px 0px -250px; background: #ffffff; z-index: 10001; border: 1px solid #b3b3b3; } #dialog .controls { padding: 5px 15px; text-align: right; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #dialog .controls a { color: #666666; } #dialog .content { padding: 0px 15px 15px 15px; } #dialog .block1diff { width: 470px; font-weight: bold; } #dialog .block1diff .top { display: none; } #dialog .block1diff .middle { background: none; padding: 0px; } #dialog .block1diff .bottom { display: none; } #guestbookemailerror { color: #990000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #guestbook ul { margin: 0px; } #guestbook li { float: left; list-style: none; margin: 0px; } #guestbook li.col1 { margin: 0px 20px 0px 0px; } #guestbook.large { width: 914px; } #guestbook.large li { width: 914px; } #guestbook.large .top { height: 7px; background: url(../images/block.gif) no-repeat -1828px 0px; font-size: 1px; } #guestbook.large .middle { background: url(../images/block.gif) repeat-y -914px 0px; padding: 10px 25px 10px 25px; } #guestbook.large .bottom { height: 10px; background: url(../images/block.gif) no-repeat 0px 0px; margin: 0px 0px 15px 0px; } #guestbook.medium { width: 725px; } #guestbook.medium li { width: 352px; } #guestbook.medium li.col1 { float: left; } #guestbook.medium li.col2 { float: right; } #guestbook.medium .top { height: 7px; background: url(../images/gb-medium-top.gif) no-repeat; font-size: 1px; } #guestbook.medium .middle { background: url(../images/gb-medium-middle.gif) repeat-y; padding: 10px 15px 10px 15px; } #guestbook.medium .bottom { height: 10px; background: url(../images/gb-medium-bottom.gif) no-repeat; margin: 0px 0px 20px 0px; } #guestbook.small { width: 419px; } #guestbook.small li { width: 419px; } #guestbook.small .top { height: 7px; background: url(../images/gb-small-top.gif) no-repeat; font-size: 1px; } #guestbook.small .middle { background: url(../images/gb-small-middle.gif) repeat-y; padding: 10px 15px 10px 15px; } #guestbook.small .bottom { height: 10px; background: url(../images/gb-small-bottom.gif) no-repeat; margin: 0px 0px 20px 0px; } #guestbook .middle { position: relative; } #guestbook .info { font-size: 16px; color: #f7941d; margin: 0px 0px 5px 0px; } #guestbook .message { clear: both; } #guestbook blockquote { background: #f3eedc; margin: 0px 20px 0px 20px; padding: 10px; } #guestbook .ip { font-size: 10px; color: #666666; position: absolute; right: 10px; } #guestbook_num { position: absolute; left: 300px; color: #28bdf1; font-size: 14px; font-weight: bold; } #contact textarea { width: 330px; } #disclaimer { font-size: 11px; bottom: 5px; text-align: center; } #socialbookmark { margin: 10px 0px 0px 0px; } .hot { position: absolute; top: 10px; right: 10px; color: #900; font-weight: bold; font-size: 12px; font-family: "Times New Roman", Times, serif; } .page { clear: both; height: 25px; font-size: 16px; } .page_text { margin: 0px 25px;} .page_backward { float: left; } .page_forward { float: right; } .block1diff { width: 914px; font-weight: bold; } .block1diff .top { height: 7px; background: url(../images/block.gif) no-repeat -4570px 0px; font-size: 1px; } .block1diff .middle { background: url(../images/block.gif) repeat-y -3656px 0px; padding: 10px 25px; } .block1diff .bottom { height: 10px; background: url(../images/block.gif) no-repeat -2742px 0px; margin: 0px 0px 25px 0px; } .block1 { width: 914px; } .block1 .top { height: 7px; background: url(../images/block.gif) no-repeat -1828px 0px; font-size: 1px; } .block1 .middle { background: url(../images/block.gif) repeat-y -914px 0px; padding: 25px 25px 10px 25px; } .block1 .bottom { height: 10px; background: url(../images/block.gif) no-repeat 0px 0px; margin: 0px 0px 25px 0px; } .block2 { width: 368px; position: absolute; top: -20px; left: -40px; z-index: 20; display: none; cursor: pointer; } .block2 .top { width: 368px; position: absolute; height: 7px; background: url(../images/block.gif) no-repeat -6220px 0px; font-size: 1px; } .block2 .middle { background: url(../images/block.gif) repeat-y -5852px 0px; padding: 15px; margin: 0px; } .block2 .bottom { height: 10px; background: url(../images/block.gif) no-repeat -5484px 0px; } .block3 { width: 288px; position: relative; z-index: 10; } .block3 .top { height: 7px; background: url(../images/block.gif) no-repeat -7164px 0px; font-size: 1px; } .block3 .middle { background: url(../images/block.gif) repeat-y -6876px 0px; padding: 15px; } .block3 .bottom { height: 10px; background: url(../images/block.gif) no-repeat -6588px 0px; margin: 0px 0px 25px 0px; } .block4 { width: 288px; position: absolute; top: -30px; left: -30px; z-index: 20; display: none; cursor: pointer; } .block4 .top { width: 288px; position: absolute; height: 7px; background: url(../images/block.gif) no-repeat -8028px 0px; font-size: 1px; } .block4 .middle { background: url(../images/block.gif) repeat-y -7740px 0px; padding: 15px; } .block4 .bottom { height: 10px; background: url(../images/block.gif) no-repeat -7452px 0px; } .block5 { width: 228px; position: relative; z-index: 10; } .block5 .top { height: 7px; background: url(../images/block.gif) no-repeat -8772px 0px; font-size: 1px; } .block5 .middle { background: url(../images/block.gif) repeat-y -8544px 0px; padding: 15px; } .block5 .bottom { height: 10px; background: url(../images/block.gif) no-repeat -8316px 0px; margin: 0px 0px 25px 0px; } .block6 { width: 175px; position: relative; } .block6 .top { height: 7px; background: url(../images/block.gif) no-repeat -9350px 0px; font-size: 1px; } .block6 .middle { background: url(../images/block.gif) repeat-y -9175px 0px; padding: 15px; } .block6 .bottom { height: 10px; background: url(../images/block.gif) no-repeat -9000px 0px; margin: 0px 0px 20px 0px; } .ruler { clear: both; height: 30px; width: 921px; background: url(../images/ruler.gif) no-repeat; } .clear { clear: both; } li.clear { clear: none; width: 100%; }