/* CREDITS * ---------------------------------------------------------- * Title: Logitech Webshop - CSS Main Stylesheet * Author: Jeroen Bijnens * Date: 00/00/09 * Last Edit: 29/05/09 Jeroen Bijnens * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Algemene Styles ---------------------------------------------------------- */ textarea, body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#424242;} body{background: url(../images/layout/body_bg.jpg) repeat-x top center #3ca599;} /*default elements*/ strong,b{font-weight:bold} em{font-style:italic} a:focus{outline:none} acronym{border-bottom:1px dotted; cursor:help} .clear{clear:both;} h3{ width:300px;} .flasherror { background-color: #FFE6E7; padding: 1em; margin: 1em 0; border: 1px solid red; } /* Shopoverlay ---------------------------------------------------------- */ div#shopoverlay{height:100%; left:0; top:0; position:absolute; visibility:hidden; width:100%; z-index:999990;} div#shopoverlay div.background{background:#000 !important; position: absolute; left:0; top:0; height:100%; width:100%; z-index:999999;} div#shopoverlay div.balloon{background:url(../images/layout/overlay/balloon.png) no-repeat top left; position: absolute; left:50%; top:140px; height:110px; width:337px; padding:30px 10px 10px 10px; z-index:1999999;} div#shopoverlay div.balloon a{text-decoration:none;} div#shopoverlay div.balloon span{color: #24736e} div#shopoverlay div.balloon div.image{float:left; width:60px;} div#shopoverlay div.balloon div.image img{border:3px solid #D8E9E7; height:57px; width:57px;} div#shopoverlay div.balloon div.right{float:right; width:260px;} div.balloon a.close{text-align:center; cursor:pointer; padding-bottom:4px; line-height:25px; position:absolute; bottom:10px; left:10px; border:none;float:right;width:130px;height:21px;color:#fff;background:url(../images/layout/content/back_to_store_hover.png)} div.balloon a.close:hover{background:url(../images/layout/content/back_to_store.png)} div.balloon a.pay{text-align:center; padding-left:7px; cursor:pointer; padding-bottom:4px; position:absolute; bottom:10px; right:10px; line-height:25px; border:none; float:right; width:88px; height:21px; color:#fff;background:url(../images/layout/btn_pay.png)} div.balloon a.pay:hover{background:url(../images/layout/btn_pay_hover.png)} /* Container ---------------------------------------------------------- */ div#container{width:910px;overflow:hidden;margin:0 auto;} /* Header ---------------------------------------------------------- */ div#header{height:144px;background:url(../images/layout/header/header-bg.png) no-repeat left 26px;position:relative;color:#fff;font-size:11px;} div#header a{color:#fff;font-size:11px;} div#header a:hover{text-decoration:none;} div#header h1.slogan{float:left;margin-left:35px;font-size:11px;line-height:26px;color:#fff;display:inline;} div#header ul.links_top{margin-right:20px;text-align:right;font-size:11px;line-height:26px;} div#header ul.links_top li{display:inline;;margin-right:15px;} div#header ul.links_top li a{color:#fff;padding-left:20px;} div#header ul.links_top li a.home{background:url(../images/layout/header/home_icon.png) no-repeat center left;} div#header ul.links_top li a.sitemap{background:url(../images/layout/header/sitemap_icon.png) no-repeat center left;} div#header ul.links_top li a.contact{background:url(../images/layout/header/contact_icon.png) no-repeat center left;} div#header div.logo{position:absolute; top:31px; left:5px;display:block;width:194px;float:left;} div#header form.zoeken{position:absolute; right:35px; top:40px;} div.cart a{margin-left:10px; color:#6dd5ca !important;} /*navigation*/ div#navigation{width:900px;} div#navigation ul.nav {position:absolute;left:199px;top:69px;float:left;height:50px;width:708px; z-index:20; } div#navigation ul.nav li{ float:left; height:50px; } div#navigation ul.nav li a{display:block;height:50px; float:left; text-indent:-9000px;background:url(../images/layout/header/navigation.png) no-repeat 0 0;} div#navigation ul.nav li.muizen a{width:92px;background-position:0 0; } div#navigation ul.nav li.keyboards a{width:103px;background-position:-92px 0;} div#navigation ul.nav li.webcams-communicatie a{width:197px;background-position:-195px 0;} div#navigation ul.nav li.speakers-audio a{width:144px;background-position:-392px 0;} div#navigation ul.nav li.gaming a{width:88px;background-position:-536px 0;} div#navigation ul.nav li.andere a{width:84px;background-position:-624px 0;} div#navigation ul.nav li.muizen a:hover, div#navigation ul.nav li.muizen a.active{background-position:0px -50px;} div#navigation ul.nav li.keyboards a:hover, div#navigation ul.nav li.keyboards a.active {background-position:-92px -50px;} div#navigation ul.nav li.webcams-communicatie a:hover, div#navigation ul.nav li.webcams a.active{background-position:-195px -50px;} div#navigation ul.nav li.speakers-audio a:hover, div#navigation ul.nav li.speakers a.active{background-position:-392px -50px;} div#navigation ul.nav li.gaming a:hover, div#navigation ul.nav li.gaming a.active{background-position:-536px -50px;} div#navigation ul.nav li.andere a:hover, div#navigation ul.nav li.notebook a.active{background-position:-624px -50px;} /*subnavigation*/ div#navigation ul.nav li ul{clear:both; position:absolute;width:237px; left:-99999px;border-top:2px solid #277d77;top:50px;z-index:5555; overflow:hidden;} div#navigation ul.nav li ul li{ position:relative; z-index:60; display:block;float:none;background:url(../images/layout/header/subnav.png) no-repeat top left; width:237px; height:34px; margin:0; padding:0;} div#navigation ul.nav li ul li a{ overflow:hidden; float:none; font-weight:bold; color:#24736e; text-decoration:none; font-size:12px; padding-left:5px; background:none; text-indent:0px; width:232px !important; line-height:34px; height:34px; display:block;} div#navigation ul.nav li:hover ul, div#navigation ul.nav li.sfhover ul{left:auto;} div#navigation ul.nav li:hover ul.right, div#navigation ul.nav li.sfhover ul.right{right:2px;} div#navigation ul.nav li ul li a:hover{color:#bd1616;} div#navigation ul.nav li ul li span{float:left;padding-top:5px;margin-left: 5px;display:inline; width: 32px} /* end of navigation*/ div.breadcrumbs{overflow:hidden;background:url(../images/layout/header/breadcrumbs_bg.png) no-repeat top left;height:25px;line-height:25px;margin-top:93px;width:100%;} div.breadcrumbs ol{margin-left:35px;width:400px;float:left;display:inline;} div.breadcrumbs ol li{ display:inline;} div.breadcrumbs ol li a{ margin-right:8px;} div.breadcrumbs span{color:#6dd5ca; width:13px; display:inline-block;} div.breadcrumbs div.cart{font-size:12px;display:inline;float:right; margin-right:35px;background:url(../images/layout/header/cart.png) no-repeat center left; padding-left:26px;} div.breadcrumbs div.cart span.price{font-weight:bold;margin-right:10px;margin-left:0;} div.breadcrumbs div.cart a{color:#6dd5ca; margin-left:0px;} div.breadcrumbs div.cart span{margin-left:10px; width:10px;} /* Content ---------------------------------------------------------- */ div#shadow{background:url(../images/layout/content/sides_shadow.png) repeat-y top left;padding:0px 5px 0 5px;width:900px;} div#content{z-index:1;width:900px;min-height:560px;height:auto !important; height:560px;background:url(../images/layout/content/content_bg_top.png) no-repeat top left;padding-top:19px; padding-bottom: 10px;} div#content div.sidebar{width:194px;height:700px;float:left;background:url(../images/layout/content/sidebar/sidebar_bg.png) no-repeat top left;font-size:11px;color:#123b3b;} div#content div.right_content{width:646px;float:right;margin-right:30px;display:inline;} div.content_bottom_gradient{width:900px;background:url(../images/layout/content/content_bg_bottom.png) #fff no-repeat bottom left;width:100%;height:100%;} .testimonial p { margin: 0; padding: 0; } .testimonial a {color: #1F5F5E; text-decoration: none} .testimonial span{font-style:italic;display:block!important} div.right_content div.contentbox ul li.testimonial span {margin-bottom: 5px} div.right_content div.contentbox ul li.testimonial {list-style-image: none; padding-bottom: 30px} /* sidebar ------------------------*/ div#content div.sidebar .testimonial{width:140px;height:120px; margin:50px auto 0;margin-left:23px;padding-left:15px;} div#content div.sidebar .testimonial span {margin-bottom:14px; display:inline!important;} div#content div.sidebar .testimonial div.more {color:#bd1616!important; text-decoration:none;} div#content div.sidebar .testimonial div.more a {color:#bd1616!important; text-decoration:none;} div#content div.sidebar .testimonial div.more span {text-decoration:underline; color:#BD1616!important;} div#content div.sidebar .testimonial a:hover div.more span {text-decoration:none;} div#content div.sidebar ul.sidenav{margin-left:16px;margin-top:2px; width:177px; height:312px; overflow:hidden;} div#content div.sidebar ul.sidenav li{width:177px; height:78px;} div#content div.sidebar ul.sidenav li a{width:177px; height:78px;display:block;text-indent:-99999px;background:url(../images/layout/content/sidebar/sidenav.png) no-repeat 0 0;} div#content div.sidebar ul.sidenav li.hulp a{height:78px;background-position: 0 0;} div#content div.sidebar ul.sidenav li.levering a{height:78px;background-position: 0 -78px;} div#content div.sidebar ul.sidenav li.wie a{height:78px;background-position: 0 -156px;} div#content div.sidebar ul.sidenav li.reserve a{height:78px;background-position: 0 -234px;} div#content div.sidebar ul.sidenav li.hulp a:hover{height:78px;background-position: -177px 0;} div#content div.sidebar ul.sidenav li.levering a:hover{height:78px;background-position: -177px -78px;} div#content div.sidebar ul.sidenav li.wie a:hover{height:78px;background-position: -177px -156px;} div#content div.sidebar ul.sidenav li.reserve a:hover{height:78px;background-position: -177px -234px;} div#content div.sidebar div.payment{width:155px;height:165px; margin:30px auto 0;margin-left:23px;text-align:center;background:url(../images/layout/content/sidebar/payment.png) no-repeat bottom center;} /* sidebar ------------------------*/ /* text ------------------------*/ div.right_content a#testimonial{background:url(../images/layout/content/testimonial.png) no-repeat 0 0; width:199px; height:42px; display:block; text-indent:-9000px; float:right;} div.right_content a#testimonial:hover{ background-position:0 -42px; } div.right_content h2.left {width:430px; float:left;} div.right_content h1{color:#bd1616;font-size:20px;margin:0;padding:0;} div.right_content a {color: #2C9086} div.right_content a:hover {color: #000000} div.right_content ul.prod_small{} div.right_content ul.prod_small li{z-index:0; margin-bottom:13px;text-align:center;float:left;margin-right:13px;background:url(../images/layout/content/producten/prod_small_bg.png) no-repeat bottom center;} div.right_content ul.prod_small li.last{margin-right:0px;} div.right_content ul.prod_small li a{border:1px solid #eaf3f2;height:188px; padding-top: 10px; width:204px;display:block;text-decoration:none;text-align:center;} div.right_content ul.prod_small li a:hover{border:1px solid #b2cbc8;} div.right_content ul.prod_small li a img{border:none;} div.right_content ul.prod_cart{} div.right_content ul.prod_cart li{z-index:0; margin-bottom:13px;text-align:center;float:left;margin-right:13px;background:url(../images/layout/content/producten/prod_small_bg.png) no-repeat bottom center;} div.right_content ul.prod_cart li.last{margin-right:0px;} div.right_content ul.prod_cart li div.product{border:1px solid #eaf3f2; height:235px; padding-top: 10px; width:204px;display:block;text-decoration:none;text-align:center; overflow:hidden; position:relative;} div.right_content ul.prod_cart li a img{border:none;} div.right_content ul.prod_cart li div.product form.aantal {margin-left:0; width:204px; position:absolute; bottom:3px;} div.right_content ul.prod_cart li div.product form.aantal fieldset {width:201px;} div.right_content ul.prod_cart li div.product form.aantal label, div.right_content ul.prod_cart li div.product form.aantal select, div.right_content ul.prod_cart li div.product form.aantal button {float:left; padding:0; margin:0; line-height:25px; margin-left:2px;} div.right_content ul.prod_cart li div.product form.aantal label {padding-left:3px;} div.right_content ul.prod_cart li div.product form.aantal button {padding-right:10px; float:right;} div.right_content ul.prod_cart li div.product form.aantal select {width:40px; margin-top:2px;} div.right_content ul.prod_cart li div.product form.aantal .button {clear:none; float:right;} div.right_content div.wrap_price { clear: both; float: right; text-align: center; margin: 15px 0 0 0; width: 200px; } div.right_content span{display:inline-block;} div.right_content span.prod_name{font-weight:bold; font-size:14px;color:#24736e;margin-top:18px; display: block;} div.right_content span.prod_price{margin-top:7px;font-weight:bold;color:#bd1616;padding-left:19px;background:url(../images/layout/content/price_tag.png) no-repeat center left;} div.right_content span.prod_price.overview{/*padding-left:35px;float:right;*/ margin-top:0px; /* position:relative; */bottom:-25px; display:block;height:20px; width:80px; margin: 0 auto; background:url(../images/layout/content/overview/price_tag.png) no-repeat center left;} div.right_content span.prod_price.detail{padding-left:35px;display:block;height:20px; width:52px;/* float:right; */background:url(../images/layout/content/overview/price_tag.png) no-repeat center left; margin-top:-32px;} div.right_content span.prod_price.detailbottom{padding-left:35px; padding-top: 3px; float:right; display:block;height:24px; width:50px;background:url(../images/layout/content/overview/price_tag.png) no-repeat left 6px; margin-top:0px;} div.right_content span.prod_price.shoppingcart{background:url(../images/layout/content/overview/price_tag.png) no-repeat scroll -15px 2px; padding-left:20px; position:relative; width:75px; top:-20px; right:-25px; float:right; margin-top:0; font-size: 18px; line-height: 20px; } div.right_content span.prod_status { clear: both; } div.right_content span.prod_status.available {color: #40db40; font-weight: bold;} div.right_content span.prod_status.soldout { color: #F00; } div.right_content span.prod_status.tobereleased {color: #424242; } div.right_content span.arrow{text-decoration:none; color:#098E81;margin-left:4px;} div.right_content div.contentbox{width:604px;height:auto !important;overflow:hidden;margin-top:8px;margin-bottom:20px;padding:20px;border:1px solid #eaf3f2;background:url(../images/layout/content/contenttext_bg.png) no-repeat bottom left; z-index:0} div.right_content div.contentbox p{margin-bottom:16px;} div.right_content div.contentbox ul{margin-bottom:8px;} div.right_content div.contentbox ul li{ list-style-image:url(../images/layout/content/arrow.png); list-style-position:inside; margin-bottom:4px;} div.right_content div.contentbox ul.sitemap{margin-left:30px;} div.right_content div.contentbox ul.sitemap li{ list-style-image:url(../images/layout/content/arrow.png); list-style-position:outside; margin-bottom:4px; font-weight: bold;} div.right_content div.contentbox ul li ul{margin-left:40px;} div.right_content div.contentbox ul li ul li{margin-left:0px; list-style-image:url(../images/layout/content/list-item2.png) !important; list-style-position:inside; margin-bottom:2px !important; line-height: 16px; font-weight: normal !important;} div.right_content div.contactbox{width:604px;margin-top:8px;padding:20px;border:1px solid #eaf3f2;position:relative;overflow:hidden;background:url(../images/layout/content/contenttext_bg.png) no-repeat bottom left;} /*contact.html*/ div.right_content div.contactbox div.left{float:left;width:250px;} div.right_content div.contactbox div.right{float:right;width:354px;} /*contact.html*/ /*productoverview.html - product.html*/ div.right_content div.contentbox div.left{float:left;width:200px;} div.contentbox.detail div.left { width: 250px !important; } div.right_content div.contentbox.shoppingcart div.left{float:left;width:400px;} div.right_content div.contentbox.shoppingcart div.left strong { padding-left: 5px; } div.right_content div.contentbox.shoppingcart div.left .error { color: #CC0000; display: block; clear: both; padding: 5px 0 0 72px; } div.right_content div.contentbox div.right{float:right;width:400px;line-height:18px;} div.contentbox.detail div.right { width: 320px !important; } div.right_content div.contentbox div.right.testimonial {width:394px} div.right_content div.contentbox.shoppingcart div.right{float:right;width:150px;} div.right_content div.contentbox div.right.overview{} div.right_content div.contentbox div.right a.details{color:#098e81;font-size:11px;} div.right_content div.contentbox div.right div.options{height:26px; margin-top:34px;width:434px;clear:both;text-align:right;} div.right_content div.contentbox div.right div.options div{float:right;} div.right_content div.contentbox.detail{margin-bottom:30px;}/*voor de prod detail.html*/ div.right_content div.contentbox.cart{margin-top:2px; padding:0px 2px 0px 15px; width:626px}/*voor de winkelwagen stap1*/ div.right_content div.contentbox.shoppingcart{color:#336f68; font-weight: bold;} div.right_content div.contentbox.shoppingcart .price{color:#bd1616;} div.right_content div.contentbox.shoppingcart.step3{height:20px !important;} div.right_content div.contentbox.shoppingcart select{width:155px;}/*voor de winkelwagen stap1*/ div.right_content div.contentbox div.right ul.icons{position:relative; overflow:hidden;width:180px;height:30px; overflow:hidden;} div.right_content div.contentbox div.left ul.icons{margin-top:-2px; overflow:hidden;} div.right_content ul.icons li{float:left;display:block;width:30px;height:30px;text-indent:-99999px; margin-right: 2px;} div.right_content ul.icons li.mac{background:url(../images/layout/content/overview/mac_icon.png) no-repeat bottom left;} div.right_content ul.icons li.win{background:url(../images/layout/content/overview/win_icon.png) no-repeat bottom left;} div.right_content ul.icons li.usb{background:url(../images/layout/content/overview/usb_icon.png) no-repeat bottom left;} div.right_content ul.icons li.bt{background:url(../images/layout/content/overview/bt_icon.png) no-repeat bottom left;} div.right_content ul.icons li.ps2{background:url(../images/layout/content/overview/ps2_icon.png) no-repeat bottom left;} div.right_content div.contentbox ul.imgs{margin-top:9px; overflow: hidden; width: 100%} div.right_content div.contentbox ul.imgs li{list-style:none !important; float:left; margin-bottom: 0} div.right_content div.contentbox ul.imgs li a{text-decoration:none; height:57px; width:57px;} div.right_content div.contentbox ul.imgs li a img{border:3px solid #d8e9e7;margin-right:10px; margin-bottom:8px !important; } div.right_content div.contentbox ul.imgs li a:hover img{border:3px solid #2c9086;} div.right_content div.pagination{margin-top:10px;overflow:hidden;margin-bottom:25px;} div.right_content div.pagination ul{margin:0 auto;width:170px;} div.right_content div.pagination ul li{float:left;color:#2b786f;line-height:30px;} div.right_content div.pagination ul li a{padding:0 4px;font-size:11px;color:#2b786f;text-decoration:none;float:left;} div.right_content div.pagination ul li a:hover{font-weight:bold;} div.right_content div.pagination ul li.active a{font-weight:bold;} div.right_content div.pagination ul li.first a{margin-right:0px;cursor:pointer;display:block;height:30px; width:30px;background:url(../images/layout/content/overview/pagination/previous.png) no-repeat 0 0; text-indent:-9999px;} div.right_content div.pagination ul li.last a{margin-left:5px;cursor:pointer;display:block;height:30px; width:30px;background:url(../images/layout/content/overview/pagination/next.png) no-repeat 0 0; text-indent:-9999px;} div.right_content div.pagination ul li.first a:hover{background-position:0 -30px;} div.right_content div.pagination ul li.last a:hover{background-position:0 -30px;} div.right_content table.properties { margin: 1em 0; border-top: 1px solid #D8E9E7 } div.right_content table.properties th { padding: 3px; width: 150px; font-weight: bold; border-bottom: 1px solid #D8E9E7 } div.right_content table.properties td { padding: 3px; width: 272px; border-bottom: 1px solid #D8E9E7 } /*winkelwagen*/ div.right_content div.wizard{overflow:hidden; margin-bottom:40px; width:100%; margin-top:8px; margin-left:-4px;} div.right_content div.wizard ul{background:url(../images/layout/shoppingcart_navigation.png) no-repeat scroll 0 0; height:36px; margin:0 auto; width:642px;} div.right_content div.wizard ul li{display:inline; float:left; width:160px;} div.right_content div.wizard ul li a{display:block; height:36px; text-indent:-9999px;} div.right_content div.wizard ul.step1{background-position:0 0;} div.right_content div.wizard ul.step2{background-position:0 -36px;} div.right_content div.wizard ul.step3{background-position:0 -72px;} div.right_content div.wizard ul.step4{background-position:0 -108px;} div.right_content ul.header{height:18px;} div.right_content ul.header li{padding-left:15px; float:left; height:18px; line-height:18px;} div.right_content ul.header li.product{width:106px;padding-left:20px;} div.right_content ul.header li.description{width:115px;} div.right_content ul.header li.price{width:70px;} div.right_content ul.header li.quantity{width:107px;} div.right_content ul.header li.total{width:110px;} div.right_content ul.header2{height:18px;} div.right_content ul.header2 li{padding-left:15px; float:left; height:18px; line-height:18px;} div.right_content ul.header2 li.product{width:114px; padding-left:20px;} div.right_content ul.header2 li.description{width:120px;} div.right_content ul.header2 li.price{width:78px;} div.right_content ul.header2 li.quantity{width:116px;} div.right_content ul.header2 li.total{width:110px;} /*tabel winkelwagen*/ div.right_content div.contentbox.cart table{width:100%; text-align:left; color:#24736e; font-weight:bold;} div.right_content div.contentbox.cart table tr{height:90px;border-top:1px solid #f5f5f5;} div.right_content div.contentbox.cart table tr.first{height:90px;border-top:none; } div.right_content div.contentbox.cart table tr td.product{width:127px; text-align: center;} div.right_content div.contentbox.cart table tr td.description{width:130px;} div.right_content div.contentbox.cart table tr td.description a{color:#bd1616 !important;margin-left:0px; margin-top:2px; height:87px; } div.right_content div.contentbox.cart table tr td.description a:hover{text-decoration:none;} div.right_content div.contentbox.cart table tr td.price{width:90px;} div.right_content div.contentbox.cart table tr td.price strong{margin-top:-6px;float:left; height:87px; line-height:87px;} div.right_content div.contentbox.cart table tr td.quantity{width:127px;} div.right_content div.contentbox.cart table tr td.quantity strong{float:left; height:87px; line-height:87px; width:52px;margin-top:-6px;} div.right_content div.contentbox.cart table tr td.quantity input{border:1px solid #b6b6b6; float: left; margin:25px 4px 0 0; padding:3px 0; text-align:center; width:33px;} div.right_content div.contentbox.cart table tr td.quantity div.buttons{float:left; width:11px;} div.right_content div.contentbox.cart table tr td.quantity div.buttons a{margin-left:0 !important; cursor:pointer;display:block; height:13px; overflow:hidden; text-indent:-9999px; width:11px;} div.right_content div.contentbox.cart table tr td.quantity div.buttons a.plus{background:url(../images/layout/button_plus.png) no-repeat scroll left 2px; margin-top:22px;} div.right_content div.contentbox.cart table tr td.quantity div.buttons a.plus:hover{background-position:left top;} div.right_content div.contentbox.cart table tr td.quantity div.buttons a.min{background:url(../images/layout/button_min.png) no-repeat scroll left top; clear:both; margin-top:4px;} div.right_content div.contentbox.cart table tr td.quantity div.buttons a.min:hover{background-position:left 2px;} div.right_content div.contentbox.cart table tr td.total{width:125px;} div.right_content div.contentbox.cart table tr td.total strong{margin-top:-6px;float:left; height:87px; line-height:87px;} div.right_content div.contentbox.cart table tr td.delete{width:40px; vertical-align:middle; text-align:center;} div.right_content div.contentbox.cart table tr td.delete div{height:21px; background:#f5f5f5; text-align:center; width:40px; padding-top:66px; margin-bottom:2px; margin-top:2px; } div.right_content div.contentbox.cart table tr td.delete a{width:14px; height:14px; text-indent:-9999px; display:block; background:url(../images/layout/button_wastebin.png) no-repeat scroll left 0} div.right_content div.contentbox.cart table tr td.delete a:hover{background:url(../images/layout/button_wastebin.png) no-repeat scroll left bottom} div.right_content div.contentbox.shoppingcart span.shipment{font-size:11px; color:#424242; margin-top:2px;} div.right_content div.contentbox.shoppingcart em.euro{color:#bd1616;font-size:20px;font-weight:bold;font-style:normal;padding-left:5px;} div.right_content div.contentbox.shoppingcart a.button{cursor:pointer;border:none;float:right;width:125px;height:25px; line-height:25px; text-decoration:none; text-align:center; color:#fff;background:url(../images/layout/btn_next.png)} div.right_content div.contentbox.shoppingcart a.button:hover{background:url(../images/layout/btn_next_hover.png)} div.right_content div.contentbox.step4 div.left{float:left; width:150px; margin-top:30px;} div.right_content div.contentbox.step4 div.left a{text-decoration: none; text-align:center; cursor:pointer; padding-bottom:4px; line-height:25px; border:none;float:right;width:135px;height:21px;color:#fff;background:url(../images/layout/btn_next.png)} div.right_content div.contentbox.step4 div.left a:hover{background:url(../images/layout/btn_next_hover.png)} div.right_content div.contentbox.step4 div.right{float:right; width:150px; margin-top:30px;} div.right_content div.contentbox.step4 div.right a{text-decoration: none; text-align:center; padding-left:7px; cursor:pointer; padding-bottom:4px; line-height:25px; border:none; float:right; width:88px; height:21px; color:#fff;background:url(../images/layout/btn_pay.png)} div.right_content div.contentbox.step4 div.right a:hover{background:url(../images/layout/btn_pay_hover.png)} /* text ------------------------*/ /* Content ---------------------------------------------------------- */ form.default{width:354px;} form.default.wide{width:100%;} /*fieldset*/ form.default fieldset{width:354px; padding:0px;} form.default fieldset legend{} form.default abbr{ cursor:help; } /*entry*/ form.default div.entry{clear:both; overflow:hidden; margin:0 0 15px; padding:0;} form.default div.entry label{float:left} /*error*/ form.default div.error input{background:#FFE6E7; border:1px solid #CC0000 !important;} form.default span.error{color:#CC0000; float:right; display:block; line-height:18px; padding:0 0 0 18px; font-size:11px; background:url(../images/layout/icon_error.gif) no-repeat 0 0} /*text*/ form.default div.text label{line-height:12px;display:block;width:40%;margin-bottom:4px;} form.default div.text input{width:352px; height:20px; border:1px solid #336f68;padding-top:2px;} form.default div.text input#frm_nr, form.default div.text input#frm_pc, form.default div.text input#frm_bus {width:102px;} form.default div.text input#frm_place{width:250px;} form.default div.verplicht{font-size:10px; font-style:italic;margin-top:25px; margin-bottom:30px;display:block;} form.default div.text label.captchaLbl{line-height:12px;display:block;width:100%;margin-bottom:4px;} form.default div.text input.captcha{width:230px;float:right; height:22px; border:1px solid #336f68;} form.default div.text img.cap_img{float:left; margin-top:1px;} form.default div.entry.captcha.error label.captchaLbl{width:40%;} /*textarea*/ form.default div.textarea label{clear:both; line-height:12px; display:block;margin-bottom:4px;} form.default div.textarea textarea{width:352px; border:1px solid #336f68;} /*submit button*/ form.default div.button button.submit{cursor:pointer;padding-bottom:2px;border:none;float:right;width:114px;height:25px;color:#fff;background:url(../images/layout/content/forms/submit.png)} form.default div.button button.submit:hover{background:url(../images/layout/content/forms/submit_hover.png)} form.wide div.entry.right{width:150px !important; float:right; clear:none; text-align:right; margin-top:50px; margin-bottom:0px;} form.wide div.entry.left{width:135px !important; float:left; clear:none; margin-top:50px; margin-bottom:0px;} form.wide button.submit{text-align:center; cursor:pointer; padding-bottom:4px; line-height:25px; border:none;float:right;width:135px;height:25px;color:#fff;background:url(../images/layout/btn_next.png)} form.wide button.submit:hover{background:url(../images/layout/btn_next_hover.png)} form.wide button.prev{text-align:center; cursor:pointer; padding-bottom:4px; line-height:25px; border:none;float:right;width:135px;height:25px;color:#fff;background:url(../images/layout/btn_next.png)} form.wide button.prev:hover{background:url(../images/layout/btn_next_hover.png)} /*radiobutton*/ form.default div.radiobutton label{width:100%; display:block} /*checkbox*/ form.default div.checkbox{} form.default div.checkbox label{display:block; float:left; clear:none;} form.default div.checkbox input#frm_check{display:block; float:left; clear:left; margin-right:4px;margin-top:1px;} /*select*/ form.default div.select select{clear:both; display:block; border:1px solid #3a746d;} form.default select{border:1px solid #3a746d; width:50px;} form.default div.select label{display:block} /*aantal formke*/ form.default.aantal{width:166px;margin-left:20px;margin-top:15px;} form.default.aantal div.entry{overflow:hidden;margin:0;padding:0;width:114px;} form.default.aantal label{color:#098e81;padding-left:15px;} form.default.aantaldetail{float:right; width:234px; z-index:2;} form.default.aantaldetail div.entry{overflow:hidden; margin-top:0px; padding:0; display:inline;} form.default.aantaldetail button.submit{margin-left:10px;cursor:pointer;padding-bottom:2px;padding-left:25px;border:none;width:125px;height:25px;color:#fff;background:url(../images/layout/content/forms/submitbuy.png)} form.default.aantaldetail button.submit:hover{background:url(../images/layout/content/forms/submitbuy_hover.png)} form.default.aantal button.submit.aantal{text-align:right !important;cursor:pointer;padding-bottom:2px;border:none;width:114px; margin-top:20px; height:25px;color:#fff;background:url(../images/layout/content/forms/submitbuy2.png); padding-right:10px;} form.default.aantal button.submit.aantal:hover{background:url(../images/layout/content/forms/submitbuy2_hover.png)} /* zoeken form */ form.zoeken{width:195px;display:inline;} form.zoeken input.text{width:142px;float:left;height:18px;padding-left:23px;font-size:11px; border:1px solid #a2d8d3;padding-top:4px;background:url(../images/layout/header/search_bg.png) #fff no-repeat top left;} form.zoeken input.submit{cursor:pointer;float:left;margin-left:5px;border:none;height:23px; width:23px; background:url(../images/layout/content/forms/submit_search.png);} form.zoeken input.submit:hover{background-position:0 -23px;} /*form opmerkingen*/ form.remarks{width:100% !important;} form.remarks fieldset{width:100%;} form.remarks div.textarea label{width:100% !important; margin-bottom:8px;} form.remarks div.textarea textarea{width:597px !important;} form.remarks a{color:#bd1616;} form.remarks a:hover{text-decoration:none;} form.remarks div.entry.right{width:150px !important; float:right; clear:none; text-align:right; margin-top:50px; margin-bottom:0px;} form.remarks div.entry.left{width:150px !important; float:left; clear:none; margin-top:50px; margin-bottom:0px;} form.remarks button.submit{text-align:center; cursor:pointer; padding-bottom:4px; line-height:25px; border:none;float:right;width:135px;height:25px;color:#fff;background:url(../images/layout/btn_next.png)} form.remarks button.submit:hover{background:url(../images/layout/btn_next_hover.png)} form.remarks button.prev{width:135px; text-decoration:none;padding-bottom:4px; text-align:center; line-height:25px; float:left; cursor:pointer; border:none; height:25px;color:#fff;background:url(../images/layout/btn_next.png)} form.remarks button.prev:hover{background:url(../images/layout/btn_next_hover.png)} /* Updates 15 Jan 2010 ---------------------------------------------------------- */ div.information { width: 100%; } div.information div.options { width: 100%; margin: 20px 0 20px 0; display: block; overflow:hidden; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; padding: 4px 0; } div.information div.options form { margin-top: 3px; } div.information div.options div.price { width: 100px; float: left; margin: 0; } div.information div.options div.price span {padding-left:38px; padding-top: 3px; display:block;height:24px; width:50px;background:url(../images/layout/content/overview/price_tag_xl.png) no-repeat left 6px !important; margin-top:0px; float: none !important; } div.information div.options div.price span.sIFR-replaced span.sIFR-alternate { display: none; height: 0; width: 0; } div.information div.options div.status { width: 250px; float: left; text-align: center; } div.information div.options div.status span.mainstatus { display: block; font-size: 14px; font-weight: bold; } div.information div.options div.status span.substatus { display: block; font-size: 11px; } span.mainstatus.available { color: green; } span.mainstatus.soldout { color: #c00000; } span.mainstatus.soon { color: #424242; } span.substatus.available { color: green; } span.substatus.soldout { color: #c00000; } span.substatus.soon { color: #424242; } /* Updates 18 Jan 2010 ---------------------------------------------------------- */ div.contentbox div.bottom_specs_payment { width: 100%; overflow: hidden; margin: 25px 0 0 0; } div.contentbox h3.bottom_specs_payment { width: 100% !important; } div.contentbox div.bottom_specs_payment div.icons { width: 150px; overflow:hidden; float: left; } div.contentbox div.bottom_specs_payment div.wrap_price { float: left; clear: none; margin: 0; width: 175px !important; } div.contentbox div.bottom_specs_payment form { float: right; margin: 0; width: 240px; } div.contentbox div.bottom_specs_payment form fieldset { width: auto; } div.contentbox div.bottom_specs_payment form div.entry { clear: none !important; float: left; } div.contentbox div.bottom_specs_payment form div.entry.amount { margin-top: 3px !important; } div.contentbox div.bottom_specs_payment form div.entry.amount label { margin-top: 3px !important; margin-right: 3px; } div.contentbox div.bottom_specs_payment button { margin-top: 0 !important; } /* Footer ---------------------------------------------------------- */ div.footer{background:url(../images/layout/footer/footer_bg.png) repeat-x top left; width:900px; } div#footer{line-height:35px;height:35px;padding:0 5px;color:#fff;position:relative;} div#footer ul{width:490px;float:left;position:absolute; top:0px; left:15px;} div#footer ul li{font-size:11px;float:left;} div#footer ul li a{color:#fff;margin:0 14px;} div#footer ul a:hover{text-decoration:none;} div#footer a.inventis{ top:0px; right:0px;text-indent:-99999px; position:absolute; background:url(../images/layout/footer/inventis.png) no-repeat top left; height:35px;overflow:hidden;display:block;width:100px;} div#footer a.inventis:hover{background-position:0 -35px;}