/* Theme Name: De Veldbloem Theme URI: http://www.lavagraphics.be Description: An e-shop template Author: Dries Van haver Author URI: http://www.lavagraphics.be */ * {margin:0;padding:0;} html{height: 100%; width: 100%; background: #FFF url(images/newstyle/bg.jpg) repeat;} body {font: 12px/18px "Helvetica Neue", sans-serif;color:#706C6B;margin:0;height: 100%; width: 100%; overflow: auto; background: url(images/newstyle/bg_top.png) repeat-x;} h1 {font-family:Georgia, serif;font-size:20px;line-height: 24px;padding-bottom: 8px;font-weight:normal;color:#706C6B;} #lava{width: 25px; height: 17px; display: block; position: absolute; bottom: 10px; right:10px;} #lava img{width: 25px; height: 17px;} img{border:0;background: none;} img.alignleft{margin: 0 10px 10px 0;} a{color:#F8991D;} a:hover{text-decoration: underline;} a span{display: none;} p a{text-decoration: underline;} .imagebtn{height:28px; display: block; cursor: pointer;} a.subscribe{width: 128px; background: url(images/btn_subscribe.png) no-repeat;} .subscribe-orange{width:128px; background: url(images/btn_subscribe-orange.png) no-repeat;} a.contact{ background: url(images/btn_contact.png) no-repeat; width: 163px; } a.question{ background: url(images/btn_question.png) no-repeat; width: 192px; } a.request{ background: url(images/btn_request.png) no-repeat; width: 237px; } a.route{background: url(images/btn_route.png) no-repeat; width: 160px;} a.order{background: url(images/btn_order.png) no-repeat; width: 132px;} a.ask{background: url(images/btn_ask.png) no-repeat; width: 169px;} a.size-table{ background: url(images/icn_size-table.png) no-repeat top left; padding-left: 20px; height: 15px; width: auto; color: #706C6B; text-transform: none; margin-top: 10px;} a.cataloog{ background: url(images/btn_cataloog.png) no-repeat; width: 173px; text-indent: -9999px; margin-left: -10px;} #content p.info{width:180px; padding:10px; border-bottom:1px solid #ECECEC; border-top:1px solid #ECECEC; color:#A2A2A2; margin-top: 10px;font-size:11px;line-height:15px;margin-bottom:15px;} td, tr{vertical-align: top;} input, textarea{font-family: "Helvetica Neue", sans-serif;} span.small{font-size: 10px; line-height:14px;} /* ------------------------------------------------------------------ * * HANDLE BLOCKS * ------------------------------------------------------------------*/ #wrapper {width:100%;margin:0 auto; /*background: url(images/bg_footer-full.jpg) no-repeat center bottom;*/ background: url(images/newstyle/gear.png) no-repeat 2% bottom; float: left; min-height: 100%; } #wrap{width: 880px; margin: 0 auto;} #header{float: left; width: 100%; margin-bottom: 20px;} #footer {height: 144px;width: 100%;float: left;margin-top:-144px; position: relative;} #footer #inner{width: 880px; margin: 0 auto;} #footer #inner h1{/*background: url(images/logo_footer.png) no-repeat;*/ } #footer #inner h1 a{display: block; width: 210px; height: 124px; } #footer #inner h1 span{display: none;} .visual{background: url(images/newstyle/bg_bottom.png) repeat-x center bottom; width: 100%; min-height: 100%; float: left; /* 383px */} /* ------------------------------------------------------------------ * * HANDLE TOPMENU * ------------------------------------------------------------------*/ #topmenu {height: 30px; width: 100%;color: #706C6B;background: url(images/newstyle/bg_topbar.png) repeat-x;} #topmenu a{color: #706C6B; text-decoration: none;} #topmenu a:hover{text-decoration: none; color: #F8991D;} #topmenu .popup a{color: #F8991D; text-decoration: none;} #topmenu ul{ width: 100%; float: left; height: 100%; padding-top: 6px;} #topmenu ul li{float: right; margin-left: 20px; line-height: 20px;list-style: none; } #content ul.wpsc_categories li a{text-decoration: none;} /* ------------------------------------------------------------------ * * HANDLE HEADER * ------------------------------------------------------------------*/ #header .description {float:right;margin:45px 0 0 0;color:#222;} #header #promo{height: 220px; float: left; width: 100%; border-bottom: 1px solid #ECECEC; margin-bottom: 20px; overflow: hidden; z-index: 9999999;} #header #promo h1, #header #promo p{margin:40px auto 0 auto; width: 600px;} #header #promo #left h1, #header #promo #left p{ width: 400px; margin:50px 0 0 0;} #header #promo h1 span{color: #437DC5;} #header #promo #left p{margin-top:10px;} #header #promo p{margin-top:4px;} #header #promo #left p.name{color: #333333; margin: 0 0 0 3px;} #header #promo #left p.function{color: #A09D9D; margin: 0 0 8px 3px; font-size: 10px; line-height: normal;} #header #promo #left{float: left; margin-left:80px;} #header #promo #right{float: left; margin-left:0; } #header #promo #right img{z-index: 9;/* IE Z-INDEX FIX */position:relative;} /* ------------------------------------------------------------------ * * HANDLE BOXGRID * ------------------------------------------------------------------*/ .boxgrid{background: url(images/bg_subpromo.png) no-repeat; width: 270px; height: 105px; float: left; } .boxgrid .image{margin: 10px; width: 250px; height: 85px; overflow: hidden; float: left; position: relative; text-align: center; vertical-align: middle;} .boxgrid img{/*position: absolute; top: 0;left: 0;*/ border: 0; /*height: 260px;*/ background: #FFF; max-width: 270px;} .boxgrid h3, .boxgrid p{margin: 10px 10px 0 10px;} .boxgrid p{font-style: italic; margin-top: 0;} .boxcaption{float: left; position: absolute; background: #FFF;height: 100px;width: 100%; opacity: .75; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";top: 260px;left: 0; text-align: left;} /* ------------------------------------------------------------------ * * HANDLE NAVIGATION * ------------------------------------------------------------------*/ div#navwrap{width: 100%; float: left; /*background: url(images/bg_topnav.png) repeat-x left 48px;*/ margin-top: 30px; margin-bottom: 20px;} .logo{background: url(images/newstyle/logo.png) no-repeat; width: 213px; height: 73px; text-indent: -999px; overflow: hidden; float: left; margin-right: 30px;} .logo a{display: block; width: 206px; height: 67px;} #nav {float:left;/*left:50%;position: relative;*/margin:29px auto 10px auto;height:36px; } #nav li {float:left;list-style:none;margin: 0 15px;/*position:relative;right:50%;*/ /*background:#fff;*/} #nav li.last{margin-right: 0;} #nav li a {color:#706C6B;padding:10px 10px 18px 10px;font-weight: 300; font:16px Futura, Trebuchet MS;text-decoration:none;display:block;} #nav li a:hover {color:#FFF;text-decoration:none;} #nav li.current_page_item a, #nav li.current_page_parent a{color: #FFF;} #nav li.page-item-2 a:hover, #nav li.page-item-2.current_page_item a, #nav li.page-item-2.current_page_parent a{background: url(images/newstyle/nav_62.png) no-repeat center 5px;} #nav li.page-item-13 a:hover, #nav li.page-item-13.current_page_item a, #nav li.page-item-13.current_page_parent a{background: url(images/newstyle/nav_82.png) no-repeat center 5px;} #nav li.page-item-137 a:hover, #nav li.page-item-137.current_page_item a, #nav li.page-item-137.current_page_parent a{background: url(images/newstyle/nav_92.png) no-repeat center 5px;} #nav li.page-item-186 a:hover, #nav li.page-item-186.current_page_item a, #nav li.page-item-186.current_page_parent a{background: url(images/newstyle/nav_87.png) no-repeat center 5px;} #nav li.page-item-3 a:hover, #nav li.page-item-3.current_page_item a{background: url(images/newstyle/nav_89.png) no-repeat center 5px;} #nav li.page-item-15 a:hover, #nav li.page-item-15.current_page_item a{background: url(images/newstyle/nav_74.png) no-repeat center 5px;} #nav li a.active {background-color:#eee;color:#444;text-decoration:none;} .clear {clear:both;} /* HIDE SECOND SUBNAV */ .page-item-2{display: none;} #nav li ul{display: none;} /* ------------------------------------------------------------------ * * HANDLE PRODUCTS * ------------------------------------------------------------------*/ .specification{float:left;/*margin-bottom:30px;*/padding:0;width:220px; background-position: left bottom;} .specification .toprow, .specification .bottomrow{float:left;height:26px;width:220px;} .specification .toprow{background: url("images/products/spec_top.png") no-repeat;} .specification .bottomrow{background: url("images/products/spec_bottom.png") no-repeat;} .specification .textcol {background:url("images/products/spec_repeat.png") repeat-y;float:left;height:auto;width:168px; padding: 0 26px; min-height: 138px;} .specification .textcol h2{width: 100%;} .frame{float:left;margin-bottom:12px;padding:0;width:660px;} .frame .toprow, .frame .bottomrow{float:left;height:20px;width:660px;} .frame .toprow{background: url("images/products/frame_top.png") no-repeat;} .frame .bottomrow{background: url("images/products/frame_bottom.png") no-repeat;} .frame .textcol {background:url("images/products/frame_repeat.png") repeat-y;float:left;height:250px; width: 620px; padding: 0 20px;} #product-content{width: 100%; height: auto; float: left; margin-bottom: 10px;} #product-content .info-block{float: left; width: 184px; margin-left: 26px; padding-top: 5px;} #content ul.subnavigation{float:left;left:50%;margin:0 auto;position:relative; border: none; width: auto; } #content ul.subnavigation li{float: left; border: 0; list-style: none; position:relative; right:50%; padding: 0; margin: 0 8px; height: 46px;} #content ul.subnavigation li.current_page_item, #content ul.subnavigation li.selected{background: url(../../uploads/wpsc/themes/default/images/btn_bg.png) no-repeat center bottom;} #content ul.subnavigation li a{color: #706C6B; font-size: 14px; line-height: normal; background: #FFF; -moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;-moz-box-sizing:content-box;border: 1px transparent #FFF; padding: 5px 10px 5px 10px; margin-top: 18px; float: left; border-top-left-radius: 12px 12px; border-top-right-radius: 12px 12px; text-decoration: none;} #content ul.subnavigation li a:hover, #content ul.subnavigation li.current_page_item a, #content ul.subnavigation li.selected a{text-decoration: none; color: #FFF; background: #437DC5 url(../../uploads/wpsc/themes/default/images/btn_bg.png) no-repeat center bottom;} /* ------------------------------------------------------------------ * * HANDLE CONTENT BLOCK * ------------------------------------------------------------------*/ #content{margin:/*20px*/0 15px 50px 15px; width: 840px; float: left; min-height: 550px; padding-bottom: 124px;} #content p {margin:0 0 20px 0;} #content h2, #content h3 {font-family:Georgia, serif;font-size:20px;line-height: 26px;font-weight:normal;margin:0 0 15px 0;color: #706C6B;padding:5px 0;} #content h3{color:#437DC5;margin:0;padding:3px 0;size:14px;} #content h2 a {color:#333;text-decoration:none;border:none;} .left-service{padding-left: 15px; width: 300px;} /* ------------------------------------------------------------------ * * HANDLE TABLE BLOCK * ------------------------------------------------------------------*/ #content table h2{color: #437DC5; size:14px; padding: 3px 0; margin: 0;} #content table p{margin: 0 0 10px 0;} /* ------------------------------------------------------------------ * * HANDLE MOBILE STORE * ------------------------------------------------------------------*/ .mobile { max-width: 260px; float:left;} .imagecol.right{ float:right;margin-right: 0;} .imagecol.mobile{ padding:3px 20px 30px 0;margin-right:0;} /* ------------------------------------------------------------------ * * HANDLE FAQ * ------------------------------------------------------------------*/ #content h2.question{margin: 8px 0 5px 0; padding: 0;} #content h2.question a{color: #437DC5; font-size:16px; padding: 0; margin: 0; line-height: 18px;} #content h2.question a:hover, #content h2.question a.selected{color: #F8991D;} #content p.answer{margin-top: 0;} form#faq-form label{color: #437DC5; size:14px; padding: 0; margin: 0; line-height: 18px; width: 100%;} form#faq-form textarea, form#faq-form input{background: url(images/bg_formfield.png) repeat-x; border: 1px solid #ECECEC; padding: 3px 10px; color: #706C6B; font-size: 14px; line-height: normal; width: 100%; margin: 5px 0 15px 0;} form#faq-form textarea{background: url(images/bg_textarea.png);} form#faq-form input#efaq_submit{background: url(images/btn_faq.png) no-repeat; width: 141px; height: 28px; cursor: pointer; display: block; border: 0; padding: 0;} /* ------------------------------------------------------------------ * * HANDLE SIDEBAR * ------------------------------------------------------------------*/ #sidebar {margin:0 0 20px 60px;width: 200px;float:left;} #sidebar p{color: #a2a2a2;font-size: 11px;line-height: 15px;margin-bottom: 20px;} #sidebar h2, #content #sidebar h2 {font-size:14px;color:#437DC5;padding:/*10px*/0 0 3px 0;margin:0;font-family:"Helvetica Neue",sans-serif;line-height: 18px;font-weight: bold;} #sidebar ul {list-style:none;margin:0 0 20px 0;} #sidebar li {padding:3px;border-bottom:1px solid #f6f6f6;} #sidebar li a {color:#333;text-decoration:none;} #sidebar li a:hover {color:#000;} #sidebar input {width:240px;padding:5px;background:#fdfdfd;color:#444;border:1px solid #f6f6f6;font:11px Verdana;} #sidebar input:focus {background:#fff;border:1px solid #eee;} #content #sidebar{margin-top:20px;} #content ul, ol {margin:10px 10px 10px 25px;border-top:1px solid #eee;} #content li {padding:10px;border-bottom:1px solid #eee;} #content ul.list{margin-top: 0; margin-bottom: 20px; border: 0;} #content ul.list li{padding: 5px; border: 0;} /*#content h3 {margin:10px 0;font:160% Trebuchet MS;color:#222;}*/ p.news {padding:10px;background:#D7F0B2;margin:10px 0;color:#537B17;border-bottom:2px solid #BCE67D;border-top:2px solid #BCE67D;} blockquote {padding:5px 15px;background:#f6f6f6;margin:10px 0;border:1px solid #eee;} a.more {display:block;text-align:right;color:#2F460D;text-decoration:none;margin:10px 0 0 0 ;} a.more:hover {text-decoration:underline;} /* ------------------------------------------------------------------ * * HANDLE INFOBLOCK * ------------------------------------------------------------------ */ div.order{width:100%; padding-top: 10px; float: left;} .infoblock{width: 800px; margin: 30px auto 0 auto; font-size: 11px; float: left;} .infoblock a{font-size: 12px;} .infoblock .left-service{width:300px;} #content .infoblock h2{font-size: 16px; line-height: 22px;} /* ------------------------------------------------------------------ * * HANDLE CODA BUBBLE * ------------------------------------------------------------------ */ .bubbleInfo { padding-right: 20px; position: relative;}/**/ #topmenu a.trigger{background: url(images/newstyle/shopping-cart.png) no-repeat; background-position: right top; padding-right: 30px; height:15px; color:#BFBFBF; /*float: right;*/ display: block;} #topmenu a.trigger:hover{background: url(images/newstyle/shopping-cart.png) no-repeat; background-position: right bottom; color: #F8991D;} .popup {position: absolute; z-index: 50;border-collapse: collapse;left: -220px; top:-300px;} .popup h3{margin-left:5px; color: #437DC5;} .popup td.corner {height: 29px; width: 19px;} .popup td#topleft { background-image: url(images/bubble/bubble-1.png); width: 19px;} .popup td.top { background-image: url(images/bubble/bubble-2.png); height: 19px;} .popup td#topright { background-image: url(images/bubble/bubble-3.png); } .popup td.left { background-image: url(images/bubble/bubble-4.png); width: 19px;} .popup td.right { background-image: url(images/bubble/bubble-5.png); width: 19px;} .popup td#bottomleft { background-image: url(images/bubble/bubble-6.png); } .popup td.bottom { background-image: url(images/bubble/bubble-7.png); text-align: center; height: 29px;} .popup td.bottom img { display: block; margin: 0 auto; } .popup td#bottomright { background-image: url(images/bubble/bubble-8.png); } .popup div.popup-contents {background-color: #fff; width: 250px;} #topmenu .popup div.popup-contents a:hover{text-decoration: underline;} /* ------------------------------------------------------------------ * * HANDLE FANCY-PAGE * ------------------------------------------------------------------*/ body#fancy-page{width: auto; height: 540px; padding: 30px; background:#FFF;} body#fancy-page .left{width: 370px; float: left;} body#fancy-page .right{float: right; width: 270px;} body#fancy-page .right img{float: left; margin-right: 20px;} body#fancy-page .fleft{float: left; width: 180px; margin-bottom: 25px;} body#fancy-page input.input, input.text, textarea.text{background: #fbfdfe; border: 1px solid #ECECEC; color: #706C6B; font-size: 14px; padding: 3px 5px; width: 350px; margin:8px 0 10px 0;} body#fancy-page input.imagebtn{border: none; background-color: #FFF;} body#fancy-page p{padding:0 0 10px;} body#fancy-page h1{padding-bottom: 20px; border-bottom:1px solid #ECECEC; display: block; margin:0 0 10px 0; padding-left: 15px;} body#fancy-page h1 span{color: #437DC5;} body#fancy-page h2{font-family:Georgia, serif; color: #437DC5; font-size: 16px; line-height: 20px; margin-bottom: 5px; font-weight: normal;} body#fancy-page label{font-size: 16px; color: #437DC5; line-height: normal; font-family:Georgia, serif; } body#fancy-page p.message{padding-left: 25px; background: url(images/icn_check.png) no-repeat;} body#fancy-page p.errors{background: url(images/checkout/remove.png) no-repeat left 2px; padding-left: 18px;} body#fancy-page label.error{font-size:12px; line-height: 18px; color:#706C6B; font-family:"Helvetica Neue",sans-serif;}