/* CREDITS * ---------------------------------------------------------- * Title:Projectname - CSS Main Stylesheet * Author:Jeroen Bijnens * Date:00/00/09 * Last Edit:14/01/09 Jeroen Bijnens * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Algemene Styles ---------------------------------------------------------- */ html, body{background:#585858; font-family:Arial, Helvetica, sans-serif; font-size:12px;} body{ color:#464646;} /*default elements*/ strong,b{font-weight:bold} em{font-style:italic} strong em, em strong { font-style: italic; font-weight: bold; } a:focus{outline:none} abbr, acronym{border-bottom:1px dotted; cursor:help} .clear{clear:both;} textarea{background:#fffff6; font-family:Arial, Helvetica, sans-serif; font-size:12px;} div.push{height:55px;} /* Container ---------------------------------------------------------- */ div#wrapper{background:#fffff6 url(../images/layout/body_bg.png) repeat-x top left;} div#containertop{background:url(../images/layout/container_bg.png) repeat-x center bottom;} div#containerbottom{background:url(../images/layout/container_bg_bottom.png) no-repeat center bottom;} div#container{background:url(../images/layout/containertop_bg.png) no-repeat top center; margin:0 auto; padding:0 25px; width:950px; } /* Header ---------------------------------------------------------- */ div#header{height:69px; padding-top:78px; position:relative;} div#header img.logo{left:25px; position:absolute; top:6px;} div#header form.zoeken{right:18px; position:absolute; top:34px; width:214px;} div#header form.zoeken span{background:url(../images/layout/header/search_bg.png) no-repeat 0 0; float:left; height:31px; width:171px;} div#header form.zoeken input{background:none; border:none; color:#464646; float:left; line-height:20px; height:20px; padding:8px 0 0 30px; width:138px;} div#header form.zoeken input.submit{background:url(../images/layout/header/btnsearch.png) no-repeat 0 0; border:none; cursor:pointer; float:left; height:29px; margin-top:1px; margin-left:3px; width:29px;} div#header form.zoeken input.submit:hover{background-position:0 -29px;} div#header div#navigation{height:42px; padding:0px 10px; width: 920px; margin:0 auto; position:relative;} div#header div#navigation ul.nav{width:920px;} div#header div#navigation ul.nav li{float:left; height:42px;} div#header div#navigation ul.nav li a{background:url(../images/layout/header/navigation/navigation.png) no-repeat 0 0; display:block; float:left; height:42px; text-indent:-9000px;} div#header div#navigation ul.nav li.home a{background-position:0 0; width:192px;} div#header div#navigation ul.nav li.opmeten a{background-position:-192px 0; width:192px;} div#header div#navigation ul.nav li.collectie a{background-position:-384px 0; width:112px;} div#header div#navigation ul.nav li.promoties a{background-position:-496px 0; width:116px;} div#header div#navigation ul.nav li.stoffen a{background-position:-612px 0; width:101px;} div#header div#navigation ul.nav li.help a{background-position:-713px 0; width:84px;} div#header div#navigation ul.nav li.contact a{background-position:-797px 0; width:123px;} div#header div#navigation ul.nav li.home a:hover, div#header div#navigation ul.nav li.home a.active{background-position:0 -42px; width:192px;} div#header div#navigation ul.nav li.opmeten a:hover, div#header div#navigation ul.nav li.opmeten a.active{background-position:-192px -42px; width:192px;} div#header div#navigation ul.nav li.collectie a:hover, div#header div#navigation ul.nav li.collectie a.active{background-position:-384px -42px; width:112px;} div#header div#navigation ul.nav li.promoties a:hover, div#header div#navigation ul.nav li.promoties a.active{background-position:-496px -42px; width:116px;} div#header div#navigation ul.nav li.stoffen a:hover, div#header div#navigation ul.nav li.stoffen a.active{background-position:-612px -42px; width:101px;} div#header div#navigation ul.nav li.help a:hover, div#header div#navigation ul.nav li.help a.active{background-position:-713px -42px; width:84px;} div#header div#navigation ul.nav li.contact a:hover, div#header div#navigation ul.nav li.contact a.active{background-position:-797px -42px; width:123px;} div#breadcrumbs{font-size:11px; height:20px; line-height:16px; padding:10px 29px 0;} div#breadcrumbs a{color: #464646; text-decoration:none;} div#breadcrumbs a:hover{text-decoration:underline;} div#breadcrumbs ul.breadcrumbs li{float:left;} div#breadcrumbs ul.breadcrumbs li a.first{background:url(../images/layout/header/breadcrumbs/rightquote.png) no-repeat center right; margin-right:7px; padding-right:12px;} div#breadcrumbs div.bread_cart{background:url(../images/layout/header/breadcrumbs/icon_cart.png) no-repeat center left; float:right; font-size:12px; padding-left:30px;} div#breadcrumbs div.bread_cart strong{ margin-left:16px; } div#breadcrumbs div.bread_cart a{color:#701315; font-size:11px; margin-left:34px; text-decoration:underline;} div#breadcrumbs div.bread_cart a:hover{text-decoration:none;} /* introblok ---------------------------------------------------------- */ div#intro{background:url(../images/layout/intro/intro_bg.png) no-repeat center left; height:218px; margin:0 auto 5px 10px; overflow:hidden; padding:9px 7px 9px 8px; width:916px;} div#intro div.header_left{float:left; margin-right:5px; width:617px; position:relative;} div#intro div.header_left h1.gord{background:url(../images/layout/intro/slogan_gord.png) no-repeat top right; height:47px; position:absolute; right:-2px; text-indent:-9999px; top:151px; width:428px;} div#intro div.header_left h1.voil{background:url(../images/layout/intro/slogan_voil.png) no-repeat top right; height:47px; position:absolute; right:-2px; text-indent:-9999px; top:151px; width:428px;} div#intro div.header_left h1.pan{background:url(../images/layout/intro/slogan_pan.png) no-repeat top right; height:47px; position:absolute; right:-2px; text-indent:-9999px; top:151px; width:500px;} div#intro div.header_left h1.vouw{background:url(../images/layout/intro/slogan_vouw.png) no-repeat top right; height:47px; position:absolute; right:-2px; text-indent:-9999px; top:151px; width:500px;} div#intro div.header_right{float:left; width:292px;} div#intro div.header_right a{float:left;} div#intro div.header_right a img{ height:106px; margin:0 6px 4px 0; width:142px;} div#intro div.header_right a.voiles img{ height:106px; margin:0 0px 4px 0; width:144px;} div#intro div.header_right a.vouwgordijnen img{ height:106px; margin:0 0px 5px 0; width:143px;} div#intro div.header_right a span{display:block; height:30px; text-indent:-9999px !important; width:130px;} div#intro div.header_right a.gordijnen{position:relative} div#intro div.header_right a.gordijnen span{left:13px; position:absolute; top:76px; background:url(../images/layout/intro/gordijnen_imgtext.png) no-repeat top right;} div#intro div.header_right a.voiles{position:relative} div#intro div.header_right a.voiles span{left:15px; position:absolute; top:76px; background:url(../images/layout/intro/voiles_imgtext.png) no-repeat top right;} div#intro div.header_right a.paneelgordijnen{position:relative} div#intro div.header_right a.paneelgordijnen img{ height:106px; margin:0 0px 4px 5px; width:144px;} div#intro div.header_right a.paneelgordijnen span{left:20px; position:absolute; top:76px; background:url(../images/layout/intro/paneelgordijnen_imgtext.png) no-repeat top right;} div#intro div.header_right a.vouwgordijnen{position:relative} div#intro div.header_right a.vouwgordijnen span{left:15px; position:absolute; top:76px; background:url(../images/layout/intro/vouwgordijnen_imgtext.png) no-repeat top right;} /* Content ---------------------------------------------------------- */ div#content{ min-height:500px; height:auto !important; height:480px; position:relative; width:930px;margin-left: 10px;} /* subnav ---------------------------------------------------------- */ div#content div#sidebar{float: left; padding:0; width:229px;} div#content div#sidebar div.subnav_top{background:url(../images/layout/subnavigation/subnav_bg_top.png) no-repeat top left; height:9px; overflow:hidden; width:229px;} div#content div#sidebar div.subnav_bottom{background:url(../images/layout/subnavigation/subnav_bg_bottom.png) no-repeat top left; height:9px; overflow:hidden; width:229px;} div#content div#sidebar div.subnav{background:url(../images/layout/subnavigation/subnav_bg.png) repeat-y top left; width:229px;} div#content div#sidebar ul{margin:0 9px;} div#content div#sidebar ul li a.subnav_over{background:url(../images/layout/subnavigation/overgordijnen.png) no-repeat 0 0; display:block; height:48px; text-indent:-9999px; width:211px;} div#content div#sidebar ul li a.subnav_voil{background:url(../images/layout/subnavigation/voiles.png) no-repeat 0 0; display:block; height:48px; text-indent:-9999px; width:211px;} div#content div#sidebar ul li a.subnav_kussens{background:url(../images/layout/subnavigation/accessoires.png) no-repeat 0 0; display:block; height:48px; text-indent:-9999px; width:211px;} div#content div#sidebar ul li a.subnav_vouw{background:url(../images/layout/subnavigation/vouwgordijnen.png) no-repeat 0 0; display:block; height:48px; text-indent:-9999px; width:211px;} div#content div#sidebar ul li a.subnav_over:hover, div#content div#sidebar ul li a.subnav_over.active{background:url(../images/layout/subnavigation/overgordijnen.png) no-repeat 0 -48px; display:block; height:48px; text-indent:-9999px; width:211px;} div#content div#sidebar ul li a.subnav_voil:hover, div#content div#sidebar ul li a.subnav_voil.active{background:url(../images/layout/subnavigation/voiles.png) no-repeat 0 -48px; display:block; height:48px; text-indent:-9999px; width:211px;} div#content div#sidebar ul li a.subnav_kussens:hover, div#content div#sidebar ul li a.subnav_kussens.active{background:url(../images/layout/subnavigation/accessoires.png) no-repeat 0 -48px; display:block; height:48px; text-indent:-9999px; width:211px;} div#content div#sidebar ul li a.subnav_vouw:hover, div#content div#sidebar ul li a.subnav_vouw.active{background:url(../images/layout/subnavigation/vouwgordijnen.png) no-repeat 0 -48px; display:block; height:48px; text-indent:-9999px; width:211px;} /*subsubnav*/ div#content div#sidebar ul li ul{border-bottom:1px solid #a91a1a; margin:0;} div#content div#sidebar ul li ul li a{background:url(../images/layout/subnavigation/subsub.png) no-repeat 0 0; color:#fff; display:block; height:33px; line-height:35px; padding-left:40px; text-decoration:none; width:171px;} div#content div#sidebar ul li ul li a:hover,div#content div#sidebar ul li ul li a.active {background-position:0 -33px;} /*paymethods*/ div#content div#sidebar div.paymethods {background:url(../images/layout/paymethods.png) no-repeat top left; height:66px; margin:4px 0 4px 4px; text-indent:-9999px; width:221px;} div#content div#sidebar div.unizo {width:221px;height:210px;margin-top:20px;} div#content div#sidebar div.unizo img {margin:0 auto;display:block;} /*testimonial*/ div#content div#sidebar div.testimonial{background: url(../images/layout/testimonial.png) repeat-y bottom left; width:231px;} div#content div#sidebar div.testimonial div { background:url(../images/layout/testimonial_top.png) no-repeat top left; overflow: hidden; color:#464646; font-style:italic; line-height:17px; padding:20px 15px 0 20px; } div#content div#sidebar div.testimonial a.more{background:url(../images/layout/testimonial_link.png) no-repeat left center; color:#b81f21; font-size:11px; font-style:normal; padding-left:15px; float: right; margin:0 15px 5px 0; display: inline; } div#content div#sidebar div.testimonial a.more:hover{text-decoration:none;} div#content div#sidebar div.testimonial p.author{ clear: both; font-size:11px; font-style:normal; margin-left: 28px; line-height:14px; padding-top: 10px; height: 30px;} div#content div#sidebar div.testimonial p.author span {color:#701315;} /* content ---------------------------------------------------------- */ div#content div#right_content{color:#464646; float:right; line-height:19px; overflow:hidden; width:697px;} div#content div#right_content h1{color:#701315; font-size:22px; font-weight:bold; left:0px !important; margin:0 0 7px; top:0px !important;} div#content div#right_content h2{color:#a2a2a2; font-size:16px; font-weight:normal; margin:0 0 9px;} div#content div#right_content h1 span canvas{left:0px !important; top:0px !important;} div#content div#right_content h2 span canvas{left:0px !important; top:0px !important;} div#content div#right_content div.textual h1 span canvas{left:-4px !important; top:-3px !important;} div#content div#right_content div.textual h2 span canvas{left:-4px !important; top:-3px !important;} div#content div#right_content div.box h1 span canvas{left:-4px !important; top:-3px !important;} div#content div#right_content div.box h2 span canvas{left:-4px !important; top:-3px !important;} div#content div#right_content a{color:#b81f21;} div#content div#right_content a:hover{color:#b81f21; text-decoration:none;} div#content div#right_content div.box_top{background:url(../images/layout/content/boxmodel/top.png) repeat-x top left; height:5px; overflow:hidden; width:697px;} div#content div#right_content div.box_bottom{background:url(../images/layout/content/boxmodel/bottom.png) repeat-x top left; height:5px; overflow:hidden; width:697px;} div#content div#right_content div.box{background:url(../images/layout/content/boxmodel/box.png) repeat-y top left; height:100%; position:relative; padding:25px; width:647px;} div#content div#right_content div.box span.results{font-weight:bold;} div#content div#right_content div.box span.searchterm{font-weight:bold;} div#content div#right_content div.box div.img_left{float:left; width:165px;} div#content div#right_content div.box div.img_left a { margin-bottom: 10px; display: block; } div#content div#right_content div.box div.img_left img{border:3px solid #999999; display: block; } div#content div#right_content div.box div.text_right{float:right; width:462px;} div#content div#right_content div.box div.contact_left{float:left; width:200px;} div#content div#right_content div.box div.contact_right{float:right; width:352px;} div#content div#right_content div.overview{overflow:hidden; width:702px;} div#content div#right_content div.overview ul{margin:0;} div#content div#right_content div.overview ul li{background:url(../images/layout/overview/big_img.png) no-repeat top left; float:left; height:213px; margin:5px 5px 0 0; padding:9px; position:relative; width:211px} div#content div#right_content div.overview ul li a.box{display:block; height:213px; overflow:hidden; width:211px; z-index:99999;} div#content div#right_content div.overview ul li div.details{background:url(../images/layout/overview/big_img_text.png) no-repeat top left; color:#fff; height:50px; position:absolute; top:171px; width:211px;} div#content div#right_content div.overview ul li div.details.noprice{background:url(../images/layout/overview/big_img_text3.png) no-repeat top left; color:#fff; height:50px; position:absolute; top:171px; width:211px;} div#content div#right_content div.overview ul li div.details.noprice h3{text-align:center; width:210px;} div#content div#right_content div.overview ul li div.details div h3{display:table; float:left; font-weight:bold; height:46px; line-height:16px; margin-top:5px; text-align:center; width:150px; } div#content div#right_content div.overview ul li div.details div h3 span.description{display:table-cell; vertical-align:middle;} div#content div#right_content div.overview ul li div.details div h3 span.price{float:right; font-weight:bold; line-height:50px; margin-top:3px; text-align:center; width:61px;} div#content div#right_content div.overview ul li div.details div h3 span.description a{color:#fff; display:block; text-decoration:none;} div#content div#right_content div.overview ul li div.details div span.price{float:right; padding-top:20px; overflow:hidden; text-align:center} div#content div#right_content div.overview ul li div.details div span.price a{color:#fff; display:block; height:45px; text-decoration:none; width:61px;} div#content div#right_content div.overview ul li div.promo{background:url(../images/layout/overview/promo.png) no-repeat top left; height:70px; left:9px; position:absolute; text-indent:-9999px; top:2px; width:27px;} /* list ----------------- */ div#content div#right_content ul{margin:10px 0 10px 10px;} div#content div#right_content ul li{background:url(../images/layout/detail/bullet.png) no-repeat 0 3px; margin:0 10px 4px 0; padding-left:16px;} div#content div#right_content ul li ul{margin:0 0 10px 0;} div#content div#right_content ul li ul li{background:url(../images/layout/bullet2.png) no-repeat 0 3px; margin:0px 0 0 -5px; padding-left:10px;} div#content div#right_content ul li a{color:#464646;} div#content div#right_content ol { margin: 10px 0 10px 16px; list-style: decimal inside; } /* tip ----------------- */ div#content div#right_content div.tip_top{background:url(../images/layout/tip/top.png) no-repeat top left; height:6px; overflow:hidden; width:697px;} div#content div#right_content div.tip_bottom{background:url(../images/layout/tip/bottom.png) no-repeat top left; height:6px; overflow:hidden; width:697px; margin-bottom:5px;} div#content div#right_content div.tip{background:url(../images/layout/tip/tip.png) repeat-y top left; line-height:25px; padding:3px 0; width:697px;} /* pagination ------------- */ div#content div#right_content div.pagination{height:30px; margin:25px 0 0 10px; overflow:hidden;} div#content div#right_content div.pagination ul{margin:0;} div#content div#right_content div.pagination ul li{background:none; float:left; margin:0; padding:0;} div#content div#right_content div.pagination ul li a{display:block; text-decoration:none; cursor: pointer; } div#content div#right_content div.pagination ul li a.vorige{background:url(../images/layout/pagination/link_bg.png) repeat-x top left; color:#fff; height:30px; line-height:30px; font-weight:bold; margin-right:10px; text-align:center; width:92px;} div#content div#right_content div.pagination ul li a.volgende{background:url(../images/layout/pagination/link_bg.png) repeat-x top left; color:#fff; height:30px; line-height:30px; font-weight:bold; margin:0 10px; text-align:center; width:92px;} div#content div#right_content div.pagination ul li a.all{background:url(../images/layout/pagination/link_bg.png) repeat-x top left; color:#fff; height:30px; line-height:30px; font-weight:bold; margin-right:10px; text-align:center; width:32px;} div#content div#right_content div.pagination ul li a.vorige:hover,div#content div#right_content div.pagination ul li a.volgende:hover,div#content div#right_content div.pagination ul li a.all:hover{background-position:0 -30px;} div#content div#right_content div.pagination ul li a.page{background:url(../images/layout/pagination/pages.png) repeat-x center bottom; height:24px; padding:0 8px; text-align:center; width:10px;} div#content div#right_content div.pagination ul li a.page:hover{font-weight:bold;} div#content div#right_content div.pagination ul li a.page.active{background:url(../images/layout/pagination/active.png) no-repeat 0 16px; font-weight:bold; height:26px;} /* detailview ------------- */ div#content div#right_content div.detail{overflow:hidden;} div#content div#right_content div.detail div.visual{float:left; width:270px;} div#content div#right_content div.detail div.visual div.image_box_top{background:url(../images/layout/detail/box_bg_top.png) no-repeat top left; height:7px; overflow:hidden; width:270px;} div#content div#right_content div.detail div.visual div.image_box_bottom{background:url(../images/layout/detail/box_bg_bottom.png) no-repeat top left; height:7px; overflow:hidden; width:270px;} div#content div#right_content div.detail div.visual div.image_box{background:url(../images/layout/detail/box_bg.png) repeat-y top left; overflow:hidden; padding:2px 9px; width:252px;} div#content div#right_content div.detail div.visual div.image_box div.details{background:url(../images/layout/detail/big_img_text_detail.png) no-repeat bottom left; color:#fff; height:34px; overflow:hidden; width:270px; z-index:999999;} div#content div#right_content div.detail div.visual div.image_box div.details span.description{float:left; font-weight:bold; line-height:16px; margin-top:6px; text-align:center; width:250px;} div#content div#right_content div.detail div.visual div.image_box div.details span.description a{color:#fff; display:block; height:39px; text-decoration:none; width:252px;} div#content div#right_content div.detail div.visual div.thumbs ul{margin:5px 0;overflow:hidden; width:270px;} div#content div#right_content div.detail div.visual div.thumbs ul li{background:none; float:left; margin:0; padding:0;} div#content div#right_content div.detail div.visual div.thumbs ul li a{background:url(../images/layout/detail/thumb_bg.png) no-repeat top left; display:block; height:48px; margin-right:2px; padding:9px 9px 8px 10px; width:47px;} div#content div#right_content div.detail div.visual div.thumbs ul li a.last{margin:0;} div#content div#right_content div.detail div.visual div.buy{background:url(../images/layout/detail/price_bg.png) no-repeat top left; display:block; height:74px; padding:9px; width:252px;} div#content div#right_content div.detail div.visual div.buy a{color:#464646; text-decoration:none;} div#content div#right_content div.detail div.visual div.buy div.pricedetails{float:left; font-size:18px; font-weight:bold; margin-top:8px; width:161px;} div#content div#right_content div.detail div.visual div.buy div.pricedetails span.price{color:#701315;} div#content div#right_content div.detail div.visual div.buy div.pricedetails span.details{color:#898888; display:block; font-size:11px; font-style:italic; font-weight:normal; line-height:12px; padding-top:10px;} div#content div#right_content div.detail div.visual div.buy div.bestel{float:right} div#content div#right_content div.detail div.visual div.buy div.bestel a{background:url(../images/layout/detail/btnBestel.png) no-repeat -2px -3px; display:block; height:74px; text-indent:-9999px; width:80px;} div#content div#right_content div.detail div.visual div.buy div.bestel a:hover{background-position:-2px -83px;} div#content div#right_content div.detail div.textual{float:right; width:412px;} div#content div#right_content div.detail div.textual div.textual_box_top{background:url(../images/layout/detail/big_box_bg_top.png) no-repeat top left; height:9px; overflow:hidden; width:412px;} div#content div#right_content div.detail div.textual div.textual_box_bottom{background:url(../images/layout/detail/big_box_bg_bottom.png) no-repeat top left; height:9px; overflow:hidden; width:412px;} div#content div#right_content div.detail div.textual div.textual_box{background:url(../images/layout/detail/big_box_bg.png) repeat-y top left; overflow:hidden; padding:0 15px; width:382px; padding-top:25px;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav{margin:0 0 15px; overflow:hidden;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li{float:left !important; background:none !important; padding-left:0 !important; margin:0 !important;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a{display:block; color:#a2a2a2; font-size:14px; height:42px; line-height:16px; padding-left:49px; padding-top:12px; text-decoration:none; width:78px;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a:hover{display:block; color:#b42b2d;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a.description{background:url(../images/layout/detail/description.png) no-repeat top left; padding-left:42px; width:85px;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a.shipment{background:url(../images/layout/detail/shipment.png) no-repeat top left; padding-left:52px; width:75px;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a.measurements{background:url(../images/layout/detail/measurements.png) no-repeat top left; padding-left:46px; width:81px;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a.description:hover, div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a.description.active{background-position:0 -54px;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a.shipment:hover, div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a.shipment.active{background-position:0 -54px;} div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a.measurements:hover, div#content div#right_content div.detail div.textual div.textual_box ul.textual_nav li a.measurements.active{background-position:0 -54px;} div#content div#right_content div.detail div.textual div.textual_box div#description, div#content div#right_content div.detail div.textual div.textual_box div#shipment, div#content div#right_content div.detail div.textual div.textual_box div#measurements{margin-bottom:17px;} div#content div#right_content div.detail div.textual div.textual_box ul{margin:10px 0 10px 10px;} div#content div#right_content div.detail div.textual div.textual_box ul li{background:url(../images/layout/detail/bullet.png) no-repeat center left; margin-left:10px; padding-left:16px;} div#content div#right_content div.detail div.textual div.textual_box a.buy{background:url(../images/layout/detail/btnBestelnu.png) no-repeat top left; display:block; float:right; height:29px; margin-bottom:16px; text-indent:-9999px; width:107px;} div#content div#right_content div.detail div.textual div.textual_box a.buy:hover{background-position:0 -29px;} /* reactions ------------------- */ div.reaction{background:url(../images/layout/content/reaction_quotes.png) no-repeat top left;border-bottom:1px solid #a2a2a2; clear:both; margin-bottom:25px; overflow:hidden; padding-left:35px; width:612px;} div.reaction div.details{float:right; margin-top:10px;} div.reaction div.details em{} div.reaction div.details span{background:#7e1414; color:#fff; padding:0 10px; } dd{background:url(../images/layout/content/reaction_quotes.png) no-repeat top left;border-bottom:1px solid #a2a2a2; clear:both; margin-bottom:25px; overflow:hidden; padding-left:35px; padding-bottom:20px; width:612px;} dd div.details{float:right; margin-top:10px;} dd div.details em{} dd div.details span{background:#7e1414; color:#fff; padding:0 10px; } /* stoffen ------------- */ div#content div#right_content div.box ul.stoffen{margin:0; overflow:hidden; width:667px;} div#content div#right_content div.box ul.stoffen li{background:url(../images/layout/stoffen/stof_bg.png) #fff no-repeat bottom left; cursor: pointer; float:left; height: 252px; margin:0 20px 20px 0; overflow:hidden; padding:0; width:202px;} div#content div#right_content div.box ul.stoffen li img{display:block;} div#content div#right_content div.box ul.stoffen li span.name{background:url(../images/layout/detail/big_img_text_detail2.png) no-repeat top left; color:#fff; display:block; height:34px; line-height:34px; text-align:center; width:202px;} div#content div#right_content div.box ul.stoffen li span.details{display:block; padding:15px 10px 8px 10px; width:182px;} #fabricsOverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black; z-index: 5000; visibility: hidden; } #fabricsMain { position: absolute; text-align: center; left: 50%; width: 350px; margin-left: -175px; z-index: 5050; background: #FFF; visibility: hidden; border: 2px solid #F6F6F2; cursor: pointer; } #fabricsMain h2 { background: url(../images/layout/detail/big_img_text_detail2.png); height: 34px; line-height: 34px; text-align: center; font-weight: bold; color: #FFF; } #fabricsMain p { padding: 5px; line-height: 17px; text-align: left; } /* collectie ------------- */ div#content div#right_content div.box ul.collectie{margin:0; overflow:hidden; width:667px;} div#content div#right_content div.box ul.collectie li{ cursor: pointer; float:left; margin:0 20px 20px 0; overflow:hidden; padding:0; width:202px;} div#content div#right_content div.box ul.collectie li img{display:block;} div#content div#right_content div.box ul.collectie li span.name{background:url(../images/layout/detail/big_img_text_detail2.png) no-repeat top left; color:#fff; display:block; height:34px; line-height:34px; text-align:center; width:202px;} /* winkelwagen ----------------- */ div#content div#right_content div.box div.wizard{overflow:hidden; width:100%; margin-top:8px; margin:0 auto 30px;} div#content div#right_content div.box div.wizard ul{background:url(../images/layout/breadcrumbs/breadcrumbs_bg.png) no-repeat scroll 0 0; height:36px; margin:0 auto; width:642px;} div#content div#right_content div.box div.wizard ul li{background:none; display:inline; float:left; margin:0; padding:0; width:160px;} div#content div#right_content div.box div.wizard ul li a{ display:block; height:36px; text-indent:-9999px;} div#content div#right_content div.box div.wizard ul.step1{background-position:0 0;} div#content div#right_content div.box div.wizard ul.step2{background-position:0 -36px;} div#content div#right_content div.box div.wizard ul.step3{background-position:0 -72px;} div#content div#right_content div.box div.wizard ul.step4{background-position:0 -108px;} div#content div#right_content div.box ul.header{border-bottom:1px solid #464646; height:18px; margin:0;} div#content div#right_content div.box ul.header li{background:none; padding:0 0 0 6px; margin:0px; float:left; height:18px; line-height:18px;} div#content div#right_content div.box ul.header li.product{width:106px;} div#content div#right_content div.box ul.header li.description{width:125px;} div#content div#right_content div.box ul.header li.price{width:87px;} div#content div#right_content div.box ul.header li.quantity{width:120px;} div#content div#right_content div.box ul.header li.total{width:110px;} div#content div#right_content div.box ul.header2{height:18px;} div#content div#right_content div.box ul.header2 li{background:none; float:left; height:18px; line-height:18px; margin:0; padding:0;} div#content div#right_content div.box ul.header2 li.product{width:125px;} div#content div#right_content div.box ul.header2 li.description{width:142px;} div#content div#right_content div.box ul.header2 li.price{width:98px;} div#content div#right_content div.box ul.header2 li.quantity{width:134px;} div#content div#right_content div.box ul.header2 li.total{width:110px;} /*tabel winkelwagen*/ div#content div#right_content div.box div.contentbox.cart table{width:100%; text-align:left; color:#464646; font-weight:bold;} div#content div#right_content div.box div.contentbox.cart table tr{height:90px;border-top:1px solid #f5f5f5;} div#content div#right_content div.box div.contentbox.cart table tr.first{height:90px;border-top:none; } div#content div#right_content div.box div.contentbox.cart table tr td.product{width:127px;} div#content div#right_content div.box div.contentbox.cart table tr td.product img{border:3px solid #701315; height:65px; width:90px; padding-left:0px;} div#content div#right_content div.box div.contentbox.cart table tr td.description{width:130px;} div#content div#right_content div.box div.contentbox.cart table tr td.description a{color:#701315 !important;margin-left:0px; margin-top:2px; height:87px; } div#content div#right_content div.box div.contentbox.cart table tr td.description a:hover{text-decoration:none;} div#content div#right_content div.box div.contentbox.cart table tr td.price{width:90px;} div#content div#right_content div.box div.contentbox.cart table tr td.price strong{margin-top:-6px;float:left; height:87px; line-height:87px;} div#content div#right_content div.box div.contentbox.cart table tr td.quantity{width:127px;} div#content div#right_content div.box div.contentbox.cart table tr td.quantity strong{float:left; height:87px; line-height:87px; width:52px;margin-top:-6px;} div#content div#right_content div.box 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#content div#right_content div.box div.contentbox.cart table tr td.quantity div.buttons{float:left; width:11px;} div#content div#right_content div.box 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#content div#right_content div.box 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#content div#right_content div.box div.contentbox.cart table tr td.quantity div.buttons a.plus:hover{background-position:left top;} div#content div#right_content div.box 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#content div#right_content div.box div.contentbox.cart table tr td.quantity div.buttons a.min:hover{background-position:left 2px;} div#content div#right_content div.box div.contentbox.cart table tr td.total{width:125px;} div#content div#right_content div.box div.contentbox.cart table tr td.total strong{margin-top:-6px;float:left; height:87px; line-height:87px;} div#content div#right_content div.box div.contentbox.cart table tr td.delete{width:40px; vertical-align: middle; text-align:center;} div#content div#right_content div.box 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#content div#right_content div.box div.contentbox.cart table tr td.delete a{width:40px; height:14px; text-indent:-9999px; display:block; overflow:hidden; background:url(../images/layout/button_wastebin.png) no-repeat scroll 13px 0} div#content div#right_content div.box div.contentbox.cart table tr td.delete a:hover{background:url(../images/layout/button_wastebin.png) no-repeat scroll 13px -14px} div#content div#right_content div.box div.contentbox span.shipment{font-size:11px; color:#424242; margin-top:2px;} div#content div#right_content div.box div.contentbox em.euro{color:#bd1616;font-size:20px;font-weight:bold;font-style:normal;padding-left:5px;} div#content div#right_content div.box div.contentbox 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#content div#right_content div.box div.contentbox a.button:hover{background:url(../images/layout/btn_next_hover.png)} div#content div#right_content div.box div.contentbox div.left{float:left; margin-top:30px;} div#content div#right_content div.box div.contentbox 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#content div#right_content div.box div.contentbox div.left a:hover{background:url(../images/layout/btn_next_hover.png)} div#content div#right_content div.box div.contentbox div.right{float:right; margin-top:50px; text-align:left; width:225px; } div#content div#right_content div.box div.contentbox div.right a.stap2{text-decoration: none; margin-top:20px; text-align:center; cursor:pointer; line-height:25px; border:none; float:right; width:141px; height:29px; text-indent:-9999px; color:#fff;background:url(../images/layout/btn_gegevens.png) no-repeat 0 0;} div#content div#right_content div.box div.contentbox div.right a.stap2:hover{background-position:0 -29px;} div#content div#right_content div.box div.contentbox div.right span.prod_price{color:#464646; font-size:16px; font-weight:bold;} div#content div#right_content div.box div.contentbox div.left select {border:1px solid #464646; } div#content div#right_content div.box div.remarks{margin-top:30px;} div#content div#right_content div.box div.remarks div.right{clear:none; float:right; width:150px; margin-top:0px; text-align:right;} div#content div#right_content div.box div.remarks div.left{margin-top:0px; clear:none;} div#content div#right_content div.box dl.faq dt{font-weight:bold; margin:10px 0 5px 0px; } /* form ---------------------------------------------------------- */ form.default{width:352px} /*fieldset*/ form.default fieldset{width:352px; padding:10px; border:1px solid black;} form.default fieldset legend{border:1px solid black;} /*entry*/ form.default div.entry{clear:both; overflow:hidden; margin:0 0 5px; padding:5px} form.default div.entry label{float:left} /*error*/ form.default div.error{background:#FFE6E7; border:1px solid #CC0000} 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:18px} form.default div.text input{width:100%} /*textarea*/ form.default div.textarea label{clear:both; line-height:18px; display:block} form.default div.textarea textarea{width:100%} /*radiobutton*/ form.default div.radiobutton label{width:100%; display:block} /*checkbox*/ form.default div.checkbox label{width:100%; display:block} /*select*/ form.default div.select select{clear:both; display:block} form.default div.select label{display:block} /* contact form ------*/ form.contact{margin-bottom:0px; width:352px;} /*fieldset*/ form.contact fieldset{width:352px;} form.contact fieldset legend{} /*entry*/ form.contact div.entry {clear:both; overflow:hidden; margin:0 0 20px 0;} form.contact div.entry input{background:url(../images/layout/form/input.png) no-repeat top left; border:none; clear:both; height:19px; overflow:hidden; padding:3px 2px 2px 4px; margin:0; width:346px;} form.contact div.entry label{float:left; margin-bottom:2px; clear:both;} form.contact div.entry.verplicht{font-size:11px; font-style:italic;} form.contact div.entry.button{margin-bottom:0;} form.contact div.entry button.submit{background:url(../images/layout/form/submit.png) no-repeat top left; border:none; cursor:pointer; height:29px; float:right; margin:0; text-indent:-9999px; width:107px;} form.contact div.entry button.submit:hover{background:url(../images/layout/form/submit.png) no-repeat 0 -29px;} form.contact div.entry div.radiobutton input{background: none; float:left; height:18px; line-height:18px; margin:2px 2px 0 0; width:13px;} form.contact div.entry.checkbox input{background: none; float:left; height:18px; margin:2px 2px 0 0; width:13px;} form.contact div.entry.error div.radiobutton{background: none; color:#CC0000;} form.contact div.entry.error div.checkbox input{background: none; float:left; height:18px; margin:2px 2px 0 0; width:13px;} form.contact div.entry.error div.checkbox{color:#CC0000;} form.contact div.entry.error.select{color:#CC0000;} form.contact div.entry.error.select select{color:#CC0000;} form.contact div.entry.captcha label{float:left; margin-bottom:0px; clear:both;} form.contact div.entry.captcha img{ float: left; clear: left; margin-top:4px; margin-right:16px; border: 2px solid #D1C9AA; } form.contact div.entry.captcha input{ clear: none; background:url(../images/layout/form/input_small.png) no-repeat top left; border:none; float:left; height:19px; overflow:hidden; padding:3px 2px 2px 4px; margin:0; margin-top:3px; width:226px;} /*error*/ form.contact div.error input{background:url(../images/layout/form/input_error.png) no-repeat top left; border:none; width:348px;} form.contact div.error input.captcha{background:url(../images/layout/form/input_small_error.png) no-repeat top left; border:none; width:226px;} form.contact 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.contact div.text label{line-height:18px} form.contact div.text input{} /*textarea*/ form.contact div.textarea label{clear:both; line-height:18px; display:block; margin-bottom:2px;} form.contact div.textarea textarea{background:url(../images/layout/form/textarea.png) no-repeat top left; border:none; font-family:"Arial", Helvetica, sans-serif; font-size:12px; height:115px; padding:3px 2px 2px 4px;width:346px;} /*radiobutton*/ form.contact div.radiobutton label{width:100%; display:block} /*checkbox*/ form.contact div.checkbox label{width:100%; display:block} /*select*/ form.contact div.select select{clear:both; display:block} form.contact div.select label{display:block} /*remarks*/ form.remarks{width:649px;} form.remarks fieldset{width:649px;} form.remarks div.entry.left button{margin:20px 0 0 0;} form.remarks div.entry.right button{margin:20px 0 0 0;} form.remarks div.entry button.submit{background:url(../images/layout/btn_betaling.png) no-repeat 0 0; text-indent:-9999px; width:141px;} form.remarks div.entry button.submit:hover{background:url(../images/layout/btn_betaling.png) no-repeat 0 -29px; width:141px;} form.remarks div.entry button.prev{background:url(../images/layout/btn_gegevens.png) no-repeat 0 0; border:none; height:29px; text-indent:-9999px; width:141px;} form.remarks div.entry button.prev:hover{background:url(../images/layout/btn_gegevens.png) no-repeat 0 -29px; width:141px;} /*fieldset*/ form.reaction fieldset{width:352px;} form.reaction fieldset legend{} /*entry*/ form.reaction div.entry {clear:both; overflow:hidden; margin:0 0 20px 0;} form.reaction div.entry input{background:url(../images/layout/form/input.png) no-repeat top left; border:none; clear:both; height:19px; overflow:hidden; padding:3px 2px 2px 4px; margin:0; width:346px;} form.reaction div.entry label{float:left; margin-bottom:2px;} form.reaction div.entry.verplicht{font-size:11px; font-style:italic;} form.reaction div.entry button.submit{background:url(../images/layout/form/submit.png) no-repeat top left; border:none; cursor:pointer; height:29px; float:right; width:107px;} form.reaction div.entry button.submit:hover{background:url(../images/layout/form/submit.png) no-repeat 0 -29px;} /*error*/ form.reaction div.error input{background:url(../images/layout/form/input_error.png) no-repeat top left; border:none; width:348px;} form.reaction 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.reaction div.text label{line-height:18px} form.reaction div.text input{} /*textarea*/ form.reaction div.textarea label{clear:both; line-height:18px; display:block; margin-bottom:2px;} form.reaction div.textarea textarea{background:url(../images/layout/form/textarea.png) no-repeat top left; border:none; font-family:"Arial", Helvetica, sans-serif; font-size:12px; height:115px; padding:3px 2px 2px 4px;width:346px;} /*radiobutton*/ form.reaction div.radiobutton label{width:100%; display:block} /*checkbox*/ form.reaction div.checkbox label{width:100%; display:block} /*select*/ form.reaction div.select select{clear:both; display:block} form.reaction div.select label{display:block} /* bereken form -------------- */ form.bereken{width:640px; overflow:hidden;z-index:1;} form.bereken div.entry{float:left; width:100%; margin-bottom:10px;} form.bereken div.entry label{display:block; margin-bottom:2px; width:100%;} form.bereken div.entry.error label{color:red;} form.bereken div.entry input{background:url(../images/layout/input_bg.png) no-repeat left top; border:1px solid #d1c9aa; float:left; height:20px; padding-top:2px; width:60px; margin-right:6px;} form.bereken div.entry.error input{border:1px solid red;} form.bereken div.entry span{font-size:11px; margin-top:2px;} form.bereken div.entry.error span.error{ color:red;float:left; display:block; width:100%;} form.bereken button.submit{background:url(../images/layout/button_bereken.png) no-repeat left top; border:none; cursor:pointer; height:29px; float:right; text-indent:-9999px; width:141px; float:right; margin-top:60px;} form.bereken button.submit:hover{background-position:left bottom;} div.box div.result{width:300px; float:left; margin-top:-40px; overflow:hidden; position:absolute; left:20px; bottom:30px; z-index:99999;} div.box div.result form button{background:url(../images/layout/button_toevoegen.png) no-repeat left top; border:none; cursor:pointer; height:29px; text-indent:-9999px; width:192px;} div.box div.result form button:hover{background-position:left bottom;} div.box div.result div.result_price{ background:#E6E6E6; font-size:16px; border:1px solid #681214; padding:5px; margin-bottom:15px; text-align:center; width:160px;} /* Footer ---------------------------------------------------------- */ div#footer{background: url(../images/layout/footer/footer_bg.png) repeat-x top left; margin-top:-23px; color:#9b9b9b; font-size:11px; height:55px; overflow:hidden;} div#footer div.footer_content{margin:0 auto; padding:34px 29px 0; position:relative; width:890px;} div#footer div.footer_content div.title{float:left; width:166px;} div#footer div.footer_content div.cat{float:left; width:360px;} div#footer div.footer_content div.links{float:left; width:299px;} div#footer div.footer_content div.links a{color:#9b9b9b; margin:0 5px;} div#footer div.footer_content div.links a:hover{text-decoration:none;} div#footer div.footer_content div.inventis{float:right; margin-top:-3px;} div#footer div.footer_content div.inventis a{background:url(../images/layout/footer/inventis.png) no-repeat 0 0; height:19px; display:block; text-decoration:none; text-indent:-9999px; width:65px;} div#footer div.footer_content div.inventis a:hover{background-position:0 -19px;} p.sidenote { color:#9b9b9b; font-size: 11px; margin-top: 10px; line-height: 17px; } /* Opmeten en Plaatsen ----------------------*/ div.opmeten a img {border:0} /* Shoppingcart - step 1 -------------------------*/ div.productBox{background:url(../images/layout/overview/big_img.png) no-repeat top left; height:213px; margin:0; padding:9px; position:absolute; right:25px; top:23px; width:211px} div.productBox a.box{display:block; height:213px; overflow:hidden; width:211px; z-index:99999;} div.productBox div.details{background:url(../images/layout/overview/big_img_text.png) no-repeat top left; color:#fff; height:50px; position:absolute; top:171px; width:211px;} div.productBox div.details.noprice{background:url(../images/layout/overview/big_img_text3.png) no-repeat top left; color:#fff; height:50px; position:absolute; top:171px; width:211px;} div.productBox div.details.noprice h3{text-align:center; width:210px;} div#content div#right_content div.productBox div.details div h3{display:table; float:left; font-weight:bold; height:46px; line-height:16px; margin-top:5px; text-align:center; width:150px; } div#content div#right_content div.productBox div.details div h3 span.description{display:table-cell; vertical-align:middle;} div#content div#right_content div.productBox div.details div h3 span.price{float:right; font-weight:bold; line-height:50px; margin-top:3px; text-align:center; width:61px;} div#content div#right_content div.productBox div.details div h3 span.description a{color:#fff; display:block; text-decoration:none;} div#content div#right_content div.productBox div.details div span.price{float:right; padding-top:20px; overflow:hidden; text-align:center} div#content div#right_content div.productBox div.details div span.price a{color:#fff; display:block; height:45px; text-decoration:none; width:61px;} div.afwerking h3, div.afwerking fieldset legend {font-size:16px;margin:10px 0} div.afwerking form {margin-top:10px} div.afwerkingInfo {width:382px} div.afwerkingInfo ol {margin-left:0 !important} /* Afwerking ------------*/ a.pdf {background:url("../images/layout/pdf.png") no-repeat scroll 0 0 transparent;display:block;line-height:35px;padding-left:40px;}