/* GLOBAL SECTION ================================================================================= */ html, body { height: 100%; margin: 0; padding: 0;} body { background-color: #f3f3f3; font: 12px/14px Verdana, sans-serif; color: #555; } a { text-decoration: none; color: #8DC640; } a:hover { text-decoration: underline; } p { margin: 0 0 10px; line-height:170%; } ul { margin: 0; padding: 0; } img { border: 0; } iframe { border: 0 none; margin: 0; padding: 0;} .clearboth { clear: both; } .center { text-align: center;} .hide { display: none;} .loader { display: none; background: transparent url(../images/design/loader.gif) no-repeat 0 0; position: absolute; top: 50%; left: 50%; height: 31px; width: 31px; } .loading .loader { display: block; } a { outline: none; } /* clears */ #wrapper:after, #wrapper-inner:after, .header-inner:after, .row:after, .footer-inner:after, .content:after, #products:after, .content-scroll:after, .footer-menu ul:after, .sub-menu-cases:after, .tabs:after, #product-detail .pages:after, .program .pager:after, .bottom-boxes:after, .article-text .inner:after, .reference .list li:after, .product-summary .inner:after, .product-box .inner:after, .green-box:after, .new-box:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden; } /* headings */ h1 { color: #8dc640; font: bold 22px Verdana, Helvetica, sans-serif; margin: 0; padding: 10px 0 10px; } h2 { color: #8dc640; font: bold 14px Verdana, Helvetica, sans-serif; margin: 0; } h3 { color: #8dc640; font: bold 12px Verdana, Helvetica, sans-serif; margin: 5px 0 10px; } /* Forms */ .forms { color: #333; padding: 4px; } .forms ul { list-style: none; } .forms fieldset { border: 0; margin: 0; padding: 15px; background-color: #f3f3f3; } .forms li { overflow: hidden; padding: 0 0 2px; } .forms label { display: block; float: left; width: 130px; padding: 4px 0 0;} .forms label span { color: #999; } .forms .group { width: 311px; float: right; } .forms .group input { margin: 5px 10px !important; width: auto !important; height: auto !important; background: none!important;} .forms input { background:url(../images/design/bg-input.png) no-repeat 0 0; border: 0; height:22px; padding: 2px 10px 2px; overflow: hidden; width:291px; margin: 0; } .forms textarea { background:url(../images/design/bg-textarea.png) no-repeat left top; border: 0; height:37px; padding:6px 10px 0; overflow: auto; width:291px; } .forms button, .forms button span { background: transparent url(../images/design/btn-button.png) no-repeat; } .forms button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ .forms button { background-position: 0 0; overflow:visible; width:auto; border:0; margin: 0; padding: 0 0 0 10px; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ } .forms button span { background-position: 100% 0; float:left; padding:3px 40px 0 5px; height:21px; white-space:nowrap; color:#333; -webkit-transform: translate(3px,-1px); /* <- Safari & Google Chrome Fix */ } .forms button:hover span { text-decoration: underline; } .iframe-downloads { margin: 0 0 0 20px; } /* ------------- WRAPPER SECTION -------------- */ #wrapper { min-height: 100%; height:auto !important; height: 100%; margin: 0 0 -128px; } #wrapper-inner { margin: 0 auto; width: 980px; } .landing #wrapper-inner { background: #fff; border: 1px solid #d0d0d0; border-width: 0 1px; width: 948px; padding: 0 10px; } /* ------------- COLUMNS SECTION -------------- */ /* Column Layout */ .col-main { padding: 28px 0 0; } .col-left { padding: 28px 20px 0 0; } .col-right { padding: 28px 0 0 20px; } /* 1 Column Layout */ .col-set-1 .col-main { width: 970px; } .col-set-1 .col-left, .col-set-1 .col-right { display: none; } /* 2 Columns Layout */ .col-set-2 .col-main { width: 766px; float:left; } .col-set-2 .col-right { width: 194px; float:left; } /* 3 Columns Layout */ .col-set-3 .col-left { width: 237px; float:left; } .col-set-3 .col-main { width: 509px; float:left; } .col-set-3 .col-right { width: 194px; float:left; } .col-set-3.landing .col-left { width: 231px; padding: 0; top: -70px; position: relative; z-index: 400; } .col-set-3.landing .col-main { width: 517px; padding: 0 15px; top: -70px; position: relative; z-index: 400; } .col-set-3.landing .col-right { width: 169px; padding: 0; top: -30px; position: relative; z-index: 400; } .landing .banner-inner .text { position: absolute; left: 40px; } /* Global - col-block */ .col-block { margin: 0 0 15px; } .col-block .head, .col-block .foot, .col-block .end { background: transparent url(../images/design/bg-col-block.png) no-repeat 0 0; } .col-block .head { background-position: 0 0; height: 5px; padding: 0 0 0 20px; } .col-block .head .end { background-position: 100% 0; height: 5px; } .col-block .content { background-color: #fff; border: 1px solid #d0d0d0; border-width: 0 1px; } .col-block .foot { background-position: 0 100%; height: 25px; padding: 0 0 0 20px; } .col-block .foot .end { background-position: 100% 100%; height: 25px; } .landing .col-left .head, .landing .col-left .foot { background-image: url(../images/design/bg-col-block-left.png) !important; height: 8px; } .landing .col-left .content { background-color: #f4f4f4; } .landing .col-main .head, .landing .col-main .foot { background-image: url(../images/design/bg-col-block-main.png) !important; height: 8px; } .landing .col-main .content { background-color: #f4f4f4; } .landing .col-right .head, .landing .col-right .foot { background-image: url(../images/design/bg-col-block-right.png) !important; height: 8px; } .landing .col-right .content { background-color: #f4f4f4; } .landing .col-left .head { padding: 5px 5px 0; height: 41px; } .landing .col-right .head { padding: 5px 5px 0; height: 41px; } .landing .col-block .title { background: transparent url(../images/design/bg-landing-head.png) no-repeat 0 0; height: 40px; padding: 0 0 0 10px; } .landing .col-block .title h2 { background: transparent url(../images/design/bg-landing-head.png) no-repeat 100% 0; height: 34px; padding: 6px 0 0 0; color: #fff; font-size: 16px; } /* Column right - col-block */ .col-right .col-block { margin: 0 0 15px; } .col-right .head, .col-right .head .end { background: transparent url(../images/design/bg-sidebar-head.png) no-repeat 0 0; } .col-right .head { background-position: 0 0; height: 30px; padding: 0 0 0 10px; } .col-right .head .end { background-position: 100% 0; height: 27px; padding: 3px 0 0;} .col-right .head h2 { font-size:15px; height: 27px; color: #fff; } /* ------------- HEADER SECTION ------------- */ #header { background-color: #222; height: 100px; border-bottom: #c1eb89 1px solid; position: relative; z-index: 900; } #header .header-inner { background-color: #222; margin: 0 auto; width: 980px; padding: 20px 0 0; position: relative; } #header .logo { background:transparent url(../images/design/logo.png) no-repeat scroll 0 0; display: block; float: left; height: 65px; text-indent: -999em; overflow: hidden; width: 240px; } /* Menu */ #menu { float: right; height: 36px; list-style: none; padding: 43px 0 0; position: relative; top: 1px; } #menu li { float: left; position: relative; } /* Menu - normal states */ #menu li a, #menu li span { background:transparent url(../images/design/bg-menu.png) no-repeat scroll 0 0; display: block;} #menu li a { background-position: 0 0; font-size: 13px; min-width: 10px; width: auto !important; width: 10px; height: 36px; border-bottom: #c1eb89 1px solid; color: #fff; float: left; padding: 0 0 0 25px; } #menu li span { background-position: 100% 0; height: 25px; padding: 11px 25px 0 0; white-space: nowrap; cursor: pointer;} /* Menu - hover/active states */ #menu li:hover a, #menu .hover a, #menu .active a { background-position: 0 -36px; border-color: #8dc640; text-decoration:none; } #menu li:hover span, #menu .hover span, #menu .active span { background-position: 100% -36px; } /* Menu - Submenu Items */ #menu li ul { position: absolute; top: 36px; left: 1px; width: 150px; display: none; list-style: none;z-index: 9999; } #menu li:hover ul, #menu .hover ul { display: block; } #menu ul a { display: block; width: 150px !important; height: 18px; text-align: left; padding: 13px 5px 8px 20px; color: white; background: #5b5b5b none; border-color: #777777 #777777 #1e1e1e #777777 !important; border-width: 1px; border-style: solid; } #menu ul a:hover, #menu ul .hover { color: #8dc640;} /* RSS Menu */ #menu-rss { float: right; list-style: none; position: relative; top: 1px; } #menu-rss li { float: left; position: relative; } /* RSS Menu - hover/active states */ #menu-rss li:hover a, #menu-rss .hover a, #menu-rss .active a { background-position: 0 -36px; border-color: #8dc640; text-decoration:none; } #menu-rss li:hover span, #menu-rss .hover span, #menu-rss .active span { background-position: 100% -36px; } /* RSS Menu - Submenu Items */ #menu-rss li ul { position: absolute; top: 16px; left: 1px; width: 150px; display: none; list-style: none;z-index: 9999; } #menu-rss li:hover ul, #menu-rss .hover ul { display: block; } #menu-rss ul a { display: block; width: 150px !important; height: 18px; text-align: left; padding: 13px 5px 8px 20px; color: white; background: #5b5b5b none; border-color: #777777 #777777 #1e1e1e #777777 !important; border-width: 1px; border-style: solid; } #menu-rss ul a:hover, #menu-rss ul .hover { color: #8dc640;} /* language menu */ #menu-rss { height:21px; position:absolute; right:225px; top:12px; width:24px; z-index:100; } #menu-rss .country { background:#5B5B5B none repeat scroll 0 0; color: #fff; border: 1px solid #fff; border-color:#777777 #777777 #1E1E1E; display: block; padding: 7px 0 7px 15px; } #menu-rss .country:hover { text-decoration: none; } #menu-rss-button { cursor: pointer; } #menu-rss-list { display: none; width: 240px; left: 0; top: 18px; position: absolute; list-style: none; } /* ------------ HEADER - QUICK SEARCH SECTION ------------- */ .quicksearch { position: absolute; right: 0; top: 0; background:transparent url(../images/design/bg-quick-search.png) no-repeat 0 0; width: 201px; height: 33px; padding: 7px 0 0 9px; } .quicksearch div { width: 134px; float:left; background:transparent url(../images/design/bg-quick-search-form.png) no-repeat 0 0;} .quicksearch .field { background: transparent none; border: 0; margin: 0; padding: 4px 0 0 4px; width: 130px; height: 20px; float: left; } .quicksearch .btn { border: 0; cursor: pointer; background:transparent url(../images/design/bg-quick-search-form.png) no-repeat 100% 0; display: block; float: left; text-indent: -999em; overflow: hidden; width: 58px; height: 24px; } .quicksearchlist { width: 201px; height: 25px;} .quicksearchlist .field, .quicksearchlist .btn { background:transparent url(../images/design/bg-quick-search-form.png) no-repeat 0 0; } .quicksearchlist .field { border: 0; margin: 0; padding: 4px 0 0 4px; width: 130px; height: 20px; float: left; } .quicksearchlist .btn { border: 0; background-position: 100% 0; display: block; float: left; text-indent: -999em; overflow: hidden; width: 58px; height: 24px; } /* ------------- BANNER SECTION ------------- */ #banner { background: #8dc640 url(../images/design/bg-banner.png) repeat-x 0 0; overflow: hidden; } .big #banner { height: 295px; padding: 5px 0 0; overflow:visible; } .normal #banner { height: 190px; padding: 10px 0 0; } .narrow #banner { height: 12px; padding: 0; background: #8dc640 none; } .landing #banner { height: 12px; padding: 0; background: #8dc640 none; overflow: visible; margin: 0 0 303px; } #banner .banner-inner { position: relative; margin: 0 auto; width: 980px; } .landing #banner .banner-inner { background: #8DC640 url(../images/design/bg-banner.png) repeat-x scroll 0 45px; height: 303px; padding: 12px 0 0; position: absolute; left: 50%; width: 970px; margin: 0 0 0 -485px; } #banner #video { background:transparent url(../images/design/bg-video.png) no-repeat 0 0; width: 438px; height: 314px; float: right; } .normal #banner #video { display: none; } #banner #video #movie { margin: 20px 3px 3px 24px; } #banner .icon { background:transparent url(../images/design/icons/ico-product-4-big.png) no-repeat 0 50%; float:left; width: 240px; height: 190px; } .big #banner .icon { display: none; } #banner p { color: #203325; font-size: 16px; } .big #banner .text { width: 500px; margin: 15px 0 0; } .normal #banner .text { width: 740px; float: left; } #banner h1 { color: #fff; font-size: 40px; margin: 0;} .big #banner h1 { padding: 20px 0 0; } .normal #banner h1 { padding: 10px 0 0; float: left;} #banner ul { list-style: none; } #banner li { background: transparent url(../images/design/icons/ico-roundarrow.png) no-repeat 0 0; display: block; float: none; padding: 0 0 10px 25px; color: #1d5401; font-size: 14px; } #tagcloud { position: absolute; top: -45px; } #banner-slider { overflow:hidden; } #banner-slider .viewport { float: left; width: 968px; height: 279px; overflow: hidden; position: relative; } #banner-slider .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; } #banner-slider .overview li{ background: none; float: left; position: relative; margin: 0 20px 0 0; padding: 1px; width: 968px; height: 279px; } #banner-slider .pager { position: relative; background: url(../images/design/bg-block-banner-carousel-pager.png) no-repeat 0 0; overflow:hidden; list-style: none; position: absolute; bottom: -30px; z-index: 40; clear: both; width: 968px; height: 60px; } #banner-slider .pager li { float: left; background: none; } #banner-slider .overview .splash { background: url(../images/design/bg-block-banner-carousel2.png) no-repeat 0 0;} #banner-slider .pagenum { display: block; position: absolute; padding:0 40px 0 0; color: #fff; font-weight: bold; left: 0; top: 0; height: 60px; z-index: 10; text-transform: uppercase; font-size: 24px; text-align: right; line-height: 60px; } #banner-slider .person1 { background: url(../images/design/bg-block-banner-carousel.png) no-repeat 0 0; height: 279px; width: 375px; position:absolute; top: 0; left: 0; z-index: 10; } #banner-slider .person2 { background: url(../images/design/bg-block-banner-carousel.png) no-repeat -510px 0; height: 279px; width: 375px; position:absolute; top: 0; left: 0; z-index: 10;} #banner-slider .person3 { background: url(../images/design/bg-block-banner-carousel.png) no-repeat -1000px 0; height: 279px; width: 375px; position:absolute; top: 0; left: 0; z-index: 10; } #banner-slider .textballoon { right: 40px; background: url(../images/design/bg-block-banner-carousel-balloon.png) no-repeat 0 0; height:111px; padding:20px 20px 20px 140px; float: right; width:536px; position: relative; z-index: 20;} #banner-slider .textballoon p { font-size: 18px; color: #333333; } #banner-slider .balloon1 { right: 70px; } #banner-slider .banner-carousel-menu{ overflow: hidden; display: none; padding: 10px 0 0; background: url(../images/design/bg-block-banner-carousel-menu.png) no-repeat 0 0; bottom: -15px; width: 192px; height: 116px; right: 100px; position: absolute; z-index: 30; } #banner-slider .banner-carousel-menu li { height: auto; width: auto; display: inline; padding: 0; margin: 0; } #banner-slider .banner-carousel-menu a { background: url(../images/design/bg-block-banner-carousel-arrow.png) no-repeat 14px 3px; width: 172px; padding: 0 10px 0 30px; height: 20px; font-size: 12px; line-height: 20px; color: #fff; } #banner-slider h2 { z-index: 20; position: relative; float: right; width: 660px; text-transform: uppercase; clear: right; height: 77px; line-height: 77px; text-align: left; color: #fff; font-size: 24px; } #banner-slider h2 span { color: #ebffb7; padding: 0 10px 0 0; } #banner-slider .active { background: url(../images/design/bg-block-banner-carousel-pager.png) no-repeat 0 -60px; z-index: 20; color: #333333;} #banner-slider .pagenum span { color: #ccff99; padding: 0 20px 0 0} #banner-slider .pagenum:hover{ text-decoration: none; } #banner-slider .pagenum.active span { color: #fff; } #banner-slider .btn-pager0 { visibility: hidden; } #banner-slider .btn-pager1 .pagenum{ width: 235px; z-index: 13;} #banner-slider .btn-pager1 .pagenum.active { background-position: 0 -120px; } #banner-slider .btn-pager2 .pagenum{ width: 455px; left: 275px; left: 242px; z-index: 12;} #banner-slider .btn-pager2 .pagenum.active { background-position: -242px -60px;} #banner-slider .btn-pager3 .pagenum{ width: 224px; right: 0; left: auto; z-index: 11;} #banner-slider .btn-pager3 .pagenum.active { background-position: 100% -120px; } #banner-slider .hide { display: none; } .lightbox-content2 { min-width: 400px; width: auto !important; width: 400px; position: relative; } .lightbox-content { overflow:hidden; min-width: 400px; max-width: 640px; position: relative; padding: 0 0 20px;} .lightbox-content h2 { font-size: 24px; color: #333; margin: 0 0 10px 0; } .lightbox-content h2 span { color: #669900; padding: 0 10px 0 0; } .lightbox-content .lightbox-button1{ background: #fff url(../images/design/bg-block-banner-carousel-light-arrow.png) no-repeat 0 0; color: #669900; font-size: 14px; display: block; padding: 0 0 0 15px; position: absolute; bottom: 0; font-weight: bold; left: 0; } .lightbox-content .lightbox-button2{ background: #fff url(../images/design/bg-block-banner-carousel-light-arrow.png) no-repeat 0 0; color: #669900; font-size: 14px; display: block; padding: 0 0 0 15px; position: absolute; bottom: 0; font-weight: bold; left: 215px; } .lightbox-content-image { float: right; } /* ------------- BREADCRUMB SECTION ------------- */ #breadcrumb { background:transparent url(../images/design/bg-breadcrumb.png) repeat-x 0 0; display: block; height: 25px; padding: 8px 0 0; } .big #breadcrumb { display: none; } .narrow #breadcrumb { display: block; } .landing #breadcrumb { display: none;} #breadcrumb div { margin: 0 auto; width: 980px; } #breadcrumb a { color: #669900; } /* ------------- GLOBAL BUTTONS SECTION ------------- */ .more { background:transparent url(../images/design/btn-more.png) no-repeat 100% 50%; display: block; float: left; padding: 0 18px 0 0;} .button, .button span { background:transparent url(../images/design/btn-button.png) no-repeat 0 0; display: block;} .button { height: 24px; padding:0 0 0 10px; color: #666; float:right; white-space:nowrap; min-width: 1px; width: auto !important; width: 1px; } .button span { background-position: 100% 0; height: 19px; padding: 5px 40px 0 0; cursor: pointer; } .button.small, .button.small span { background:transparent url(../images/design/btn-button.png) no-repeat 0 100%; display: block;} .button.small { height: 18px; padding:0 0 0 10px; color: #666; float:right; white-space:nowrap; min-width: 1px; width: auto !important; width: 1px; } .button.small span { background-position: 100% 100%; height: 16px; padding: 2px 40px 0 0; cursor: pointer; } .btn-pager { background: transparent url(../images/design/btn-pager.png) no-repeat 0 0; float:left; height: 15px; margin: 0 5px 0; display: block; text-indent: -999em; overflow: hidden; } .btn-pager.forward { background-position: -53px 0; width: 20px; } .btn-pager.prev { background-position: -21px 0; width: 15px } .btn-pager.next { background-position: -37px 0; width: 15px;} .btn-pager.rewind { background-position: 0 0; width: 20px; } /* ------------- MAIN - HOME PRODUCTS SECTION ------------- */ #products { height: 244px; padding: 19px 0 0 5px; margin: 0 0 35px; position: relative; overflow: hidden; } #products .viewport { background-color: #eee; overflow: hidden; width: 908px; height: 217px; margin: 0 5px 0 0; border: #dcdcdc 1px solid; position: relative; float: left; z-indeX: 200; } #products ul { list-style: none; } /* products dots pager */ #products .pager { background:transparent url(../images/design/bg-products-pager.png) repeat-x 0 0; position: relative; height:12px; overflow: hidden; margin: 0 auto 13px; width:5px; } #products .active { background:transparent url(../images/design/bg-products-pager.png) no-repeat 100% -12px; height: 12px; width:14px; position: absolute; left: 0; top: 0; } /* products carrousel buttons left/right */ #products .buttons { background:transparent url(../images/design/btn-carrousel.png) no-repeat scroll 0 0; float: left; position: relative; z-index: 300; height: 19px; width: 19px; margin: 85px 0 0; text-indent: -9999em; overflow: hidden; } #products .disable { visibility: hidden; } #products .buttons.prev { background-position: 0 0; margin-right: 5px; } #products .buttons.next { background-position: 100% 0; } #products .buttons.prev:hover { background-position: 0 100%; } #products .buttons.next:hover { background-position: 100% 100%; } /* product style */ #products .overview { left: 0; top: 0; list-style: none; position: absolute; padding: 0; margin: 0; } #products .overview li { border-right: #dcdcdc 1px solid; cursor: pointer; overflow: hidden; height: 217px; float: left; width: 302px; } #products .head { background: #efefef none; border: #fff 1px solid; height: 86px; padding: 10px 10px 0; } #products .head h3 { color: #444444; font-family: Verdana; width: 150px; font-size:16px; } #products .head .ico { float: right; height: 86px; overflow: hidden; padding: 0 10px 0 0; } #products .inner { background-color: #f8f8f8; border: #fff 1px solid; border-width: 0 1px 1px; height: 118px; } #products .inner ul { font-size: 13px; padding: 10px 0; list-style: none; } #products .inner li { background: transparent url(../images/design/bg-listitem.gif) no-repeat 7px 8px; margin: 0; padding: 5px 10px 5px 25px; float: none; height: auto; width: auto; border: 0 none; } #products .inner strong { color: #60a700; font-weight: normal; } /* product hover green style*/ #products .pages > li:hover .head { background:transparent url(../images/design/bg-products-head.png) no-repeat scroll 0 0; } #products .pages > li:hover .inner { background-color: #fff; } #products .pages > li:hover h3 { color: #fff; } #products .highlight { width: 149px; display: none; position: absolute; z-index: 100; top: 62px; height: 149px; background:transparent url(../images/design/bg-carhigh.png) no-repeat scroll 0 0; } #products .highlight.right { right: -80px; } #products .highlight.left { left: -80px; } /* ------------- MAIN- HOME CONTENT-BOX ------------- */ /* content-box - basic */ .content-box { height: 384px; width: 302px; float: left; position: relative; } .content-box h2 { background-color: #f1f1f1; border-bottom: #dcdcdc 1px solid; color: #666; height: 23px; display: block; margin: 0; padding: 6px 0 0 23px; } .content-box .ico { display: block; width: 41px; height: 41px; position: absolute; top: -11px; right: 32px; background:transparent url(../images/design/icons/ico-news.png) no-repeat 0 0; } .content-box .inner { border-left: #dcdcdc 1px solid; height: 345px; width:245px; padding: 10px 35px 0 22px; } .content-box.firstchild { width: 332px; } .content-box.firstchild h2 { padding: 6px 0 0 39px; } .content-box.firstchild .inner { border: 0; /* width: 254px; padding: 10px 41px 0 37px; */ padding:10px 0 0 10px; width:310px; } .content-box.firstchild .ico { display: none; background:transparent url(../images/design/icons/ico-case.png) no-repeat 0 0; } /* content-box - newslist */ .content-box .news { list-style: none; } .content-box .news li { height: 105px; font-size: 11px; } .content-box .date { background:transparent url(../images/design/icons/ico-date.png) no-repeat 0 0; font-size: 10px; display: block; padding: 2px 0 0 20px; height: 16px; } .content-box h3 { margin: 0 0 3px; font-size: 11px; } .content-box .title { color:#8dc640; margin: 0;} .content-box .more { float: none; display:inline-block; } .content-box .button { position: absolute; bottom: 10px; right: 20px; } /* content-box - case */ .content-box .case { border:1px solid #DCDCDC; padding: 15px; width: 120px; margin:0 10px 0 0; float:left;} /* ------------- MAIN - HOME NEWSLETTER SECTION ------------- */ #newsletter { width: 333px; float:left; overflow: hidden; } #newsletter .head { background:transparent url(../images/design/bg-newsletter.png) no-repeat scroll 0 0; font-weight: bold; font-size: 12px; color: #333; height: 23px; padding: 7px 0 0 15px; display: block; font-family: Verdana, sans-serif;} #newsletter .head.active, #newsletter .head:hover { background-color: #99cc33; background-position: 0 100%; color: #fff; text-decoration: none; } #newsletter .inner { background-color: #87c33c; height: 264px; width: 305px; overflow: hidden; display: none; } #newsletter img { border: 0; } /* ------------- MAIN - HOME BOTTOM BOXES SECTION ------------- */ /* bottom-boxes - basic */ .bottom-boxes { clear: left; position: relative; top: 16px; font-size: 11px; padding: 14px 0 0; } .bottom-box { width: 333px; height: 325px; position: relative; float: left; } .bottom-box .ico { display: block; width: 41px; height: 41px; position: absolute; top: -11px; right: 32px; padding: 0 !important;} .bottom-box h2 { margin: 0; color: #fff; position: relative; height: 27px; padding: 7px 15px 0 15px} .bottom-box .inner { border-right: 1px solid #dcdcdc; height: 291px; } .bottom-box p { margin: 0; } .bottom-box.odd { background: #f8f8f8 url(../images/design/bg-bottom-box.png) repeat-x 0 100%; } .bottom-box ul { list-style: none; } /* bottom-boxes - twitter */ .bottom-box.twitter h2 { background-color: #3399ff !important; } .bottom-box.twitter .ico { background: transparent url(../images/design/icons/ico-twitter.png) no-repeat 0 0; } .bottom-box.twitter li { margin: 0 11px; padding: 8px 2px 10px 2px; border-top: 1px solid #e4e4e4; } .bottom-box.twitter li:first-child { border: 0; } .bottom-box.twitter li:hover { background-color:#F6F6F6; } .bottom-box.twitter a { color: #555; font-size: 10px; } .bottom-box.twitter span { color: #666; display: block; } .bottom-box.twitter span a { color: #3399ff; font-size: 11px; font-weight: normal; margin: 3px 0; } /* bottom-boxes - articles */ .bottom-box.articles { width: 302px; } .bottom-box.articles h2 { background-color: #f1f1f1; color: #666;} .bottom-box.articles .ico { background: transparent url(../images/design/icons/ico-articles.png) no-repeat 0 0; } .bottom-box.articles ul { padding: 5px 13px 0; } .bottom-box.articles li { border-bottom: 1px solid #e4e4e4; padding: 5px 0; } .bottom-box.articles li:hover { background-color:#F6F6F6; } .bottom-box.articles a { background: transparent url(../images/design/news_arrow.png) no-repeat 10px 0; display: block; color: #555; padding: 0 0 0 30px; } /* bottom-boxes - bookings */ .bottom-box.bookings { } .bottom-box.bookings h2 { background-color: #99cc33 !important; } .bottom-box.bookings .ico { background: transparent url(../images/design/icons/ico-bookings.png) no-repeat 0 0; } .bottom-box.bookings .inner { border: 0; } .bottom-box.bookings ul { padding: 0 13px; } .bottom-box.bookings li { border-bottom: 1px solid #e4e4e4; line-height: 12px !important; padding: 10px 0 5px; } .bottom-box.bookings .date { color: #8dc640; display: block; padding: 0 0 3px; } .bottom-box.bookings .sharelist, .video-detail .sharelist { padding: 0; list-style-type: none; position: absolute; bottom: 5px; right: 5px; } .bottom-box.bookings .sharelist li, .video-detail .sharelist li { float: left; border: 0; padding: 5px; } .videothumbnail, #mostviewed .videothumbnail { background-repeat: no-repeat; width: 210px; height: 150px; background-position: center center; position: relative; margin: 0; padding: 0; } .videothumbnail img { position: absolute; left: 85px; top: 55px; } .text-page.video-detail { position: relative; padding: 0 22px 30px 22px; color: #8DC640; } a.nostyle { background: none !important; display: block; padding: 0 !important; text-decoration:none; cursor:pointer;} /* ------------- MAIN - TEXT PAGE ------------- */ .text-page { padding: 0 22px; } /* .content.text-page.action ul { line-height:170%; margin:0 0 0 25px; } */ /* boxed styles */ .variant3 { background: #f8f8f8; border: 1px solid #c0e19a; padding: 15px;} .variant3 h2 { margin: 0 0 5px; color: #8cc238; } .variant3 p { margin: 0; } .variant5 { background: #f8f8f8; border: 2px solid #c0e097; padding: 15px;} .variant5 h2 { margin: 0 0 5px; color: #294b00; } .variant5 p { margin: 0; } .listtable { border-color: #d2d2d2; border-spacing: 0 0; border-width: 1px 0 0 1px; border-style: solid; border-collapse: collapse; margin-left: 2px; } .listtable td { width: 300px; padding: 7px 7px 10px 20px; margin: 0; border-color: #d2d2d2; border-width: 0 1px 1px 0; border-style: solid; } .listtable .even td { background-color: #ededed; } /* ------------- MAIN - ARTICLES / NEWS PAGE ------------- */ /* article/news - banner */ .article-banner { text-indent: -999em; height: 189px; width:440px; float: right; clear: right; padding: 0 15px 0 0; } /* article/news - detail text */ .article-text { width: 466px; padding: 0 0 40px 20px; overflow: hidden; position: relative;} .article-text h1 { padding: 10px 0 0; } .article-text .inner { padding: 0 0 20px; } .article-text .inner ul { margin: 0 0 0 25px; line-height:170%;} .article-text .inner li { padding: 0 0 0 25px; } .article-text .date { color: #8dc640; font-size: 11px; padding: 0 0 10px; display: block; } .article-text img { padding: 5px 5px 5px 0; } .article-image { float: left; } .article-text .pager { background-color: #f6f6f6; height: 21px; position: relative; border: #ccc 1px solid; border-width: 1px 1px 1px 0; width:242px; margin: 0 0 0 -20px; padding: 5px 13px 0 230px; clear: both; } .article-text .pager span, .article-text .pager a { float: left; white-space: nowrap;} .article-text .pager span { display: block; padding: 0 5px; } .article-text .addthis { margin: 0 0 5px 0;} /* article/news - detail text */ .article-most { width: 450px; padding: 20px 15px 0 0; float: right; clear: right;} .text-page .article-most { padding: 20px 0 0; margin: 0 0 30px ; } .article-most .title { border:1px solid #ccc; background-color: #F1F1F1; height:25px; padding: 5px 0 0; } .article-most .inner { border: #ccc 1px solid; border-width: 0 1px 1px; padding: 0 0 13px; } .article-most ul { list-style: none; padding: 10px 10px 10px; } .article-most .more { background-position: 0 50%; float: none; height: 22px; padding: 7px 0 0 22px; color: #555; font-size: 12px; } .article-most h3 { font-size: 14px; height: 23px; margin: 0; width:195px; color:#666666; float:left; padding: 0 0 0 15px; position: relative;} /* article/news - recent news/article block */ .article-recent { width: 450px; padding: 20px 15px 0 0; float: right; clear: right;} .text-page .article-recent { padding: 20px 0 0; } .btmspace .article-recent { margin: 0 0 130px; } .article-recent .title { background-color: #86c23c; height:23px; border:1px solid #6da02d; padding: 5px 0 0; } .article-recent h3 { font-size: 14px; height: 23px; margin: 0; width:195px; color:#fff; float:left; padding: 0 0 0 15px; position: relative;} .article-recent .search { background-color: #f3f3f3; border: #ccc 1px solid; border-width: 0 1px 1px; height: 29px; padding: 11px 0 0;} .article-recent .inner { border: #ccc 1px solid; border-width: 0 1px 0 1px; padding: 0; } .article-recent ul { list-style: none; padding: 10px 10px 10px; } .article-recent .more { background-position: 0 50%; float: none; height: 22px; padding: 7px 0 0 22px; color: #555; font-size: 12px; } .article-recent h2 { font-size: 14px; padding: 10px 0 0 15px; } .article-recent .arrow { background: transparent url(../images/design/bg-recent-arrow.png) no-repeat 0 0; position: absolute; width: 13px; height: 7px; top: 23px; left: 14px; } .article-recent .pager { background-color: #f6f6f6; height: 22px; border: #ccc 1px solid; border-width: 1px 0; padding: 4px 23px 0; } .article-recent .pager ul { float: left; padding: 0 10px 0 5px; } .article-recent .pager li { float: left; } .article-recent .pager li a { padding: 0 5px; border-right: #5a5a5a 1px solid; display:block; } .article-recent .summ { float:left; padding: 0 5px 0 0; } /* custom selectbox style */ .select-box-wrap { position: relative; float:left; padding: 0 0 0 10px; } .selectbox-wrapper { position:absolute; left: 10px; top: 25px; background-color: #fff; border:1px solid #b9b9b9; border-width: 0 1px 1px; width: 200px !important; margin: 0;} .selectbox-wrapper ul { list-style:none; padding: 0 !important; width: 200px; margin: 0; } .selectbox-wrapper li { padding:2px 2px 2px 10px; cursor:pointer; } .selectbox-wrapper label { display: block; } .selectbox { padding: 2px 0 0 8px; width : 192px; background: transparent url(../images/design/bg-select.png) no-repeat 0 0; height:20px; cursor: pointer; border:1px solid #b9b9b9; color:#333; font-size: 12px; } .selectbox-wrapper .selected { background-color: #e6e6e6; } .selectbox-wrapper .current { background-color: #ddf4b0; } /* article/news - reply block */ .article-reply { background-color: #f1f1f1; width: 485px; border-bottom: 1px solid #e4e4e4; } .article-reply .title { background-color: #8cc640; width: 485px; position: relative; height: 28px; border: 1px solid #7eb832; border-width: 1px 0; } .article-reply .reply { padding: 10px 20px 0; list-style: none; } .article-reply .reply li { padding: 0 0 20px; border-bottom: #d0d0d0 1px solid; margin: 0 0 10px; } .article-reply li strong { color: #406e01; display: block; padding: 0 0 10px; } .article-reply li .date { color: #999; } .article-reply button { float: right; } .article-reply h2 { color: #fff; font-size: 16px; padding: 3px 0 0 20px; } .article-reply h2 span { color:#406e01; } .article-reply .button { position: absolute; right: 10px; top: 2px; } /* article - article overview blocks */ .article-list { overflow: hidden; position: relative; height: 194px; width: 450px; padding: 20px 0 15px; border-bottom: 1px solid #d0d0d0; overflow: hidden;} .article-list.long { height: 434px; padding: 10px 0 15px; } .article-list.long h2 { font-size: 18px;} .article-list.long .tobtm { position: absolute; bottom: 20px; left: 0; width: 460px; } .article-list h2 { padding: 0 0 7px; color: #323232; } .article-list .inner { overflow: hidden; height: 167px; margin: 0 0 10px; } .article-list .date { color: #8dc640; font-size: 11px; padding: 0 0 0; } .article-list img { float: left; padding: 5px 15px 0 0; border: 0; } .article-list.right { float: right; clear: right; width: 450px; margin: 0 0 0 20px; } /* nog even opschonen een keer */ .article-text .share { width: 183px; position: absolute; bottom: -4px; left: 10px; } .article-text .share .top { height: 26px; background-image: url('../images/design/share_top.png');} #share_foldin { height: 57px; background-image: url('../images/design/share_foldin.png');} #share_foldout { height: 38px; background-image: url('../images/design/share_foldout.png');} .article-text .sharelist { background-color: #FFFFFF; list-style-type: none; border-left: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; } .article-text .sharelist li { display: block; border-bottom: 1px solid #f0f0f0; } .article-text .sharelist a { padding: 5px; float: none; display: block; color: #4e4e4e; } .article-text .sharelist a:hover { float: none; display: block; color: #4e4e4e; background-color: #F6F6F6; } /* ------------- MAIN - REFERENCES ------------- */ .img-quote { background: transparent url(../images/design/bg-quote1.png) no-repeat 0 0; width: 20px; height: 15px; } .img-quote.open { float: left; } .img-quote.close { display: inline-block; background-position: 0 100%; } .reference { background: #FFF url(../images/design/bg-reference.png) repeat-x 0 0; overflow: hidden; margin: 0 0 0 -22px; width: 507px; } .reference .list { list-style: none; padding: 0 22px; } .reference .list li { position: relative; padding: 20px 0 10px; min-height: 235px; height: auto!important; height: 235px; border-top: 1px solid #8cc640; } .reference .list li:first-child { border: 0; } .reference h3 { font-size: 14px; color: #616161; } .reference .persona { float: left; width: 165px; } .reference .persona strong { display: block; padding: 5px 0; color: #8cc640; } .reference img { border: 1px solid #a8a8a8; } .reference blockquote { position: relative; float:left; margin: 0; padding: 0 10px 0 25px; line-height: 20px; width: 260px; } .reference .img-quote.open { position: absolute; top: 0; left: 0; } .reference .img-quote.close { float: right; } .reference .pager { background-color: #f6f6f6; text-align: center; height: 22px; border: #ccc 1px solid; border-width: 1px 0; clear: both; margin: 15px 0 0 0; padding: 4px 23px 0 125px; } .reference .pager ul { list-style: none; float: left; padding: 0 10px 0 5px; } .reference .pager li { float: left; width: auto; } .reference .pager li a { padding: 0 5px; border-right: #5a5a5a 1px solid; display:block; } .reference .summ { float:left; padding: 0 5px 0 0; } .reference.case { background: none; } .reference.case li { min-height: 0; } /* ------------- MAIN - AGENDA ------------- */ .agenda { width: 764px; position: relative; } .agenda .head { background: none; height: 50px; width: 300px; padding: 0; margin: 0 auto; } .agenda h2 { font-size: 22px; padding: 10px 15px 0 0; float: left; } .agenda .car-button { background: transparent url(../images/design/btn-agenda.png) no-repeat 0 100%; float: left; width: 10px; height: 35px; text-indent: -999em; overflow: hidden; } .agenda .car-button.left { padding: 0 20px 0 0; } .agenda .car-button.right { background-position: 100% 100%; } /* agenda - table */ .agenda th { background-color:#8dc640; border-left: 1px solid #FFF; color:#fff; height: 30px; padding: 0; text-align: center; vertical-align: middle; width: 109px; } .agenda th:first-child { border: 0; } .agenda .month { padding: 0; margin: 0; width: 764px; } .agenda .month tbody { padding: 0; margin: 0; } .agenda .month td { font-size: 10px; height: 94px; width: 101px; padding: 0; border: 1px solid #d0d0d0; padding: 4px; vertical-align: top; border-width: 0 0 1px 1px; position: relative; } .agenda .month td:first-child { border-width: 0 0 1px 0;} .agenda .month p { margin: 0; clear: both; line-height: 120%; } .agenda .month img { float: right; } .agenda .day { float: left; } /* agenda - cell states */ .agenda .unactive { color: #ccc; } .agenda .booked { background-color: #e8f1ff; cursor: pointer; } .agenda .weekend { background-color: #f2f2f2; } .agenda .today { background-color: #e8f4d9; } /* agenda - tooltip */ .agenda .tooltip { display:none; background: transparent url(../images/design/bg-tooltip.png) no-repeat 0 0 ; height:203px; padding:25px 30px 10px; width:287px; position: absolute;} .agenda .tooltip .end { background: transparent url(../images/design/bg-tooltip-end.png) no-repeat 0 0; position: absolute; bottom: -36px; left: 0; width: 347px; height: 36px; } .agenda .tooltip .end.middle { background-position: 0 100%} .agenda .tooltip .close { float: right; } .agenda .tooltip h2 { font-size:14px; float:none; color: #FFF; padding: 8px 3px; } .agenda .tooltip p { color: #295200; } .agenda .tooltip a { color: #295200; } .agenda .tooltip img { float: left; } /* ------------- MAIN - PRODUCT OVERVIEW ------------- */ .product-summary { margin: 20px 0 0; width: 477px; height: 392px; background: #f3f3f3; float: right; } .product-summary h2 { font-size:14px; padding: 8px 0 0 5px; height: 28px; border: 1px solid #689827; background-color: #8dc640; color:#fff; } .product-summary .inner { border: 1px #cccccc solid; height: 352px; position: relative; } .product-summary .products { width: 217px; float: left; clear: left; } .product-summary .products ul { list-style: none; } .product-summary .products strong { height: 23px; padding: 8px 0 0 5px; background-color: #cfe3b5; display: block; border-bottom: 1px solid #ccc; } .product-summary .products a { height: 26px; display: block; color: #000; } .product-summary .products span { height: 20px; padding: 5px 0 0 10px; border: 1px solid #ccc; border-width: 0 0 1px; cursor: pointer; display: block; } .product-summary .products a:hover, .product-summary .products a.active { height: 27px; top: -1px; background: #fff url(../images/design/bg-product-summary-item.png) no-repeat 0 0; position: relative; z-index: 999; margin: 0 0 -1px; padding: 0 0 0 16px; width: 218px; left: -16px; } .product-summary .products a:hover span, .product-summary .products a.active span { height: 20px; border-width: 1px 0 1px; } .product-summary .info { width: 218px; position: absolute; right: 8px; top: 0; height: 332px; background-color: #fff; padding: 15px 15px 5px; float: left; border: 1px solid #cccccc; border-width: 0 1px 1px; } .product-summary .info .btm { width: 248px; position: absolute; bottom: 0; left: 0; height: 19px; background: #fff url(../images/design/bg-col-block.png) no-repeat scroll -5px -65px; } .product-box { float:left; position: relative; overflow: hidden; width: 426px; border: 1px solid #b5b5b5; background-color: #FFF; padding: 0 0 3px; margin: 0 0 20px; } .product-box .inner { background: #fff url(../images/design/bg-product-box.png) no-repeat scroll 0 0; padding: 15px; height: 252px; overflow: hidden; } .product-box h2 { color: #333; display: inline; } .product-box.full { height: 387px; margin: 20px 0;} .product-box.full .inner { height: 357px; } .green-box, .new-box { height: 256px; overflow: hidden; } .row { width: 477px; float: right; clear: right; } .right-box { clear: right; float: right; margin: 20px 0 0; width: 184px; border: #b5b5b5 1px solid; height: 592px; } .right-box h2 { background-color: #ebebeb; color: #333; height: 22px; padding: 6px 0 0 10px; margin: 0; border-bottom: #b5b5b5 1px solid; } .right-box .inner { padding: 10px; } .green-box { padding: 15px 20px; width: 230px; margin: 20px 0 0; color: #fff; background-color: #96bd62; overflow: hidden; } .green-box h2 { color: #fff; margin: 0 0 10px; } .new-box { margin: 20px 0 0; padding: 15px 20px; width: 230px; border: #b5b5b5 1px solid; border-width: 1px 1px 1px 0; } .new-box h2 { color: #333;} #productinfo h3 { color: #333; font-size: 13px; } /* ------------- MAIN - PRODUCT DETAIL ------------- */ /* Product detail - basic */ #product-detail .tabs { list-style: none; border-bottom: #b5b5b5 1px solid;} #product-detail .tabs li { float: left; height: 28px; } #product-detail .tabs a { background: transparent url(../images/design/btn-tabs.png) no-repeat 0 0; position: relative; top: 1px; min-width: 10px; width: auto !important; width: 10px; display: block; height: 27px; padding: 0 0 0 15px; color: #414141; font-weight: bold; } #product-detail .tabs span { background: transparent url(../images/design/btn-tabs.png) no-repeat 100% 0; cursor: pointer; display: block; height: 22px; padding: 5px 15px 0 0; } #product-detail .tabs .ico { background: transparent url(../images/design/bg-green-arrow.png) no-repeat 0 0; display: none; width: 25px; height: 16px; position: absolute; bottom: -13px; left: 50%; margin: 0 0 0 -12px; } #product-detail h3 { color:#333333; margin: 15px 0 5px; font-size: 14px; } #product-detail .tabs .active { background-position: 0 100%; height: 30px; color: #fff; } #product-detail .tabs .active span { background-position: 100% 100%; height: 25px; } #product-detail .tabs .active .ico { display: block; } #product-detail .viewport { overflow: hidden; position: relative; width: 920px; padding: 20px 0 0; } #product-detail .pages { list-style: none; overflow: hidden;} #product-detail .pages .page { float: left; display: inline; } #product-detail .page .inn { width: 920px; margin: 0 20px 0 0; position: relative; overflow: hidden;} #product-detail .row { width: 730px; display: inline-block; clear: none; float: none; } /* Product detail - banner */ #product-detail .banner { position: relative; overflow: hidden; border: #b5b5b5 1px solid; padding:6px; width: 714px; height: 194px; margin: 0 0 16px; } #product-detail .banner .inner { background: #8dc640 url(../images/design/bg-product-banner.png) no-repeat 0 0; height: 174px; padding: 20px 0 0; } #product-detail .banner img { position: absolute; left: 15px; top: 40px; float: left;} #product-detail .banner h1 { color: #fff; float: right; width: 525px; font-size: 27px; } #product-detail .banner ul { list-style: none; } #product-detail .banner li { background: transparent url(../images/design/icons/ico-roundarrow.png) no-repeat 0 0; display: block; float: none; padding: 0 0 10px 25px; color: #1d5401; font-size: 14px; } #product-detail .banner .text { float: right; width: 525px; clear: right; } /* request tab */ /* #product-detail .banner.request .text { float: left; width: 625px; clear: both; } #product-detail .banner.request .text h1 { float: none; clear: both; } */ #product-detail .banner.alt { margin: 0; } #product-detail .banner.alt .inner { background-image: url(../images/design/bg-product-banner-request.png); } #product-detail .banner.alt .text { float: left; width: 625px; clear: both; padding-left: 20px; } #product-detail .banner.alt .text h1{ float: none; width: 625px; clear: both; padding-left: 20px; } /* Product detail - side box right */ #product-detail .side-box { border: #b5b5b5 1px solid; padding: 0 0 10px; width: 168px; float: right; clear: right; margin: 0 0 16px; } #product-detail .side-box h2 { background-color: #8dc640; color: #fff; width: 158px; height: 24px; padding: 0 0 0 10px; } #product-detail .side-box ul { list-style: none; } #product-detail .side-box .inner { padding: 10px; } #product-detail .side-box li { background: #fff url(../images/design/icons/ico-check.png) no-repeat 0 0; display: block; color: #555; padding: 0 0 6px 20px; } #product-detail .side-box li a { color: #555; } #product-detail .side-box.referencebox li { background: none; display: block; padding: 0 0 6px 5px; text-align:center; } .vinkjes { margin: 10px 0 10px 0; } .vinkjes td { vertical-align: top; width: 300px; } .vinkjes ul { list-style: none; } .vinkjes .inner { padding: 10px; } .vinkjes li { background: #fff url(../images/design/icons/ico-check.png) no-repeat 0 0; display: block; color: #555; padding: 0 0 6px 20px; margin: 5px 0 0 0; } .vinkjes li a { color: #555; } /* Product detail - contact box */ #product-detail .contact-box { clear: right; float: right; width: 167px; border: #b5b5b5 1px solid; } #product-detail .contact-box h3 { background-color: #ebebeb; height: 22px; padding: 6px 0 0 10px; margin: 0; border-bottom: #b5b5b5 1px solid; } #product-detail .contact-box .inner { padding: 10px; } #product-detail .contact-box .num { background: transparent url(../images/design/icons/ico-tel.png) no-repeat 0 0 ; display: block; height: 20px; color: #669933; font-size: 14px; font-weight: bold; padding: 5px 0 0 25px; } /* Product detail - text box */ #product-detail .text-box { float:left; overflow: hidden; height: 175px; width: 481px; border-bottom: #b5b5b5 1px solid; margin: 0 28px 10px 0; } #product-detail .text-box p { margin: 0; } #product-detail .text-box h3 { margin: 0 0 5px; } /* Product detail - pay off box */ #product-detail .payoff { cursor: pointer; float:left; color: #333; width: 143px; height: 145px; padding: 15px 60px 15px 15px; } /* Product detail - video box */ #product-detail .videos { float: left; list-style: none; width: 231px; margin: 0 20px 0 0; display: block;} #product-detail .videos a { background-color: #86c23c; padding: 6px; display: block; width: 219px; height: 165px; } #product-detail .videos img { border: 1px solid #fff; } /* Product detail - frame box */ #product-detail .frame-box { width: 714px; clear: left; border: 1px solid #b5b5b5; border-width: 0 1px 1px; padding: 6px; } #product-detail .frame-box .inner { padding: 14px 10px; } #product-detail .frame-box iframe { width: 685px; height: 675px; border: 0; padding: 0; margin: 0; } /* Product detail - FAQ box */ .faq-box { width: 726px; clear: left; } .faq-box li { margin: 0 0 15px; } .faq-box .sub-head { background: transparent url(../images/design/btn-faq.png) no-repeat 0 3px; cursor: pointer; font-weight: normal; padding: 0 0 0 15px; } .faq-box .close { background-position: 0 -28px; } .faq-box .inner { display: none; background-color: #ededed; padding: 8px 15px; } .faq-box p { margin: 0 0 10px 0;} #lightboxmedia1{ overflow: hidden; } #lightboxmedia2{ overflow: hidden; } #lightboxmedia3{ overflow: hidden; } /* Product detail - detail product information */ #product-detail .detail-box { width: 728px; clear: left; padding: 0 0 10px; } #product-detail .detail-box ul { padding: 0 0 0 45px; } #product-detail #reference { float: left; width: 477px; padding: 35px 0 0 0; overflow: hidden; } #product-detail #reference .title { background-color: #86c23c; height:28px; border:1px solid #6da02d; border-bottom: 0; padding: 0; } #product-detail #reference .tabs { padding: 0 0 0 15px; border: 0; } #product-detail #reference .tabs a { position: static; margin: 3px 0 0; height: 25px; background-image: none; } #product-detail #reference .tabs span { height: 20px; background-image: none; white-space: nowrap;} #product-detail #reference .tabs .active { background: transparent url(../images/design/btn-reference-tabs.png) no-repeat 0 0; color: #333; } #product-detail #reference .tabs .active span { background: transparent url(../images/design/btn-reference-tabs.png) no-repeat 100% 0;} #product-detail #reference .inner { border: #ccc 1px solid; border-width: 0 1px 1px; padding: 0 0 20px; } #product-detail #reference .text { padding: 10px; } #product-detail #reference quote { float: left; width: 400px; color: #555; } #product-detail #reference .quote { color: #83c13a; font-size: 25px; display: block; width: 15px; float: left; position: relative; top: 5px; } #product-detail #reference quote .quote{ float: none; display: inline; width: auto; } #product-detail #reference .closure { padding: 10px 0; margin: 0 0 10px; clear: both; color: #333; border-bottom: 1px solid #d0d0d0; } #product-detail #reference .closure span{ display: block; color: #8dc640; padding: 5px 0 0; } #product-detail #reference h3 { margin: 0 0 5px; padding: 10px 10px 0;} #product-detail #reference ul { list-style: none; padding: 0 10px 10px; } #product-detail #reference .pager { background-color: #f6f6f6; height: 22px; border: #ccc 1px solid; border-width: 1px 0; clear: both; padding: 4px 23px 0; } #product-detail #reference .pager ul{ float: left; padding: 0 10px 0 5px; } #product-detail #reference .pager li{ float: left; width: auto; } #product-detail #reference .pager li a{ padding: 0 5px; border-right: #5a5a5a 1px solid; display:block; } #product-detail #reference .summ { float:left; padding: 0 5px 0 0; } #product-detail .program { width: 726px; clear: left;} #product-detail .program .title { background-color: #86c23c; border: 1px solid #6da02d; height: 28px; padding: 0 0 0 10px; } #product-detail .program h3 { padding: 8px 0 0; color: #fff; font-size: 13px; margin: 0; } #product-detail .program ul { list-style: none; } #product-detail .program .pager { background-color: #ededed; border: 1px solid #b5b5b5; border-width: 0 1px 1px 1px; height: 28px; padding: 0 0 0 10px; } #product-detail .program .tabs { width: auto; float: left; } #product-detail .program .tabs a { background: transparent none; padding: 0; position: relative; top: 4px; } #product-detail .program .tabs span { background: transparent none; text-align: center; padding-right: 0; } #product-detail .program .tabs .active { color: #414141; background: transparent url(../images/design/bg-program-active.png) no-repeat 0 0;} #product-detail .program .arrow { top: 28px; left: 20px; background: transparent url(../images/design/bg-program-arrow.gif) no-repeat 0 0; width: 19px; height: 11px; position: absolute; } #product-detail .program .prefix { width: 35px; float: left; padding: 6px 0 0; display: block; } #product-detail .program .pager ul { float: left; } #product-detail .program .pager li { float: left; width: 35px; text-align: center;} #product-detail .program .subject { background-color: #fff; border: 1px solid #b5b5b5; position: relative; height: 23px; padding: 5px 0 0 10px; border-width: 0 1px 1px 1px; } #product-detail .program .view { border: 1px solid #d0d0d0; border-width: 0 1px 1px 1px; width: 724px; overflow: hidden; } .content #product-detail .schedule ul { float: left; width: 724px; display: block; } #product-detail .schedule li { padding: 10px 0; } #product-detail .schedule .time { float: left; width: 90px; padding: 0 0 0 20px; } #product-detail .schedule .odd { background-color: #ededed;} /* ? */ .paging { list-style-type: none; } .paging li { display: inline; } .paging .active a { font-weight: bold; color: black; } ul.articles { list-style: none; padding: 0 10px 10px; } ul.articles .more { background-position: 0 50%; float: none; height: 22px; padding: 7px 0 0 22px; color: #555; font-size: 12px; } ul.articles .arrow { background: transparent url(../images/design/bg-recent-arrow.png) no-repeat 0 0; position: absolute; width: 13px; height: 7px; bottom: -14px; left: 14px; } ul.articles li { float: none; display: list-item; } .video { width: 550px !important; } /* ------------- MAIN - VIDEO LIST ------------- */ .content.mostviewhead { background: #F6F6F6 url(../images/design/bg-reference.png) repeat-x scroll 0 0; padding: 5px 10px; } .content.mostviewhead h2 { color: #323232; } #mostviewed { background: #FFFFFF url(../images/design/bg-reference.png) repeat-x scroll 0 0; padding: 15px 0 15px 15px; } #mostviewed div { float: left; width: 230px; text-align: left; padding: 5px 5px 10px; } #video-list .viewport { height: 820px; width: 237px; overflow: hidden; position: relative; } #video-list .overview { position: absolute; left: 0; top: 0; width: 237px; list-style: none; } #video-list .col-block { height: 260px; } /* ------------- MAIN - ACTION PAGE ------------- */ .action { padding-top:25px; } .action-banner { border: 1px solid #cccccc; padding: 4px; height: 368px; width: 918px; position: relative; margin: 0 0 20px; } .action-banner img { position: absolute; bottom: -1px; left:-1px; } .action-banner h2 { font-size: 22px; color: #fff;} .action-banner h1 { color: #fff;} .action-banner h3 { color: #fff;} .action-banner ul { list-style: none; } .action-banner li { background: transparent url(../images/design/icons/ico-roundarrow.png) no-repeat 0 0; display: block; float: none; padding: 0 0 10px 25px; color: #1d5401; font-size: 14px; } .action-banner p { color: #fff; font-size: 16px; z-index: 200; } .action-banner .inner { position: absolute; top: 40px; left: 30px; width: 570px; z-index:300; } .action .row { width: 485px; float: right; clear: right; padding-bottom: 20px; } .action .girl { float: right; clear: right;} .action-slider { list-style: none; float: right; position: relative; clear: right; margin: 0 0 40px; } .action-slider a { background:#FFFFFF url(../images/design/btn-slidemenu.png) no-repeat scroll 0 0; display: block; width: 130px; color: #666; height: 29px; font-size: 11px; white-space:nowrap; padding: 10px 30px 0 10px; } .action-slider ul { position: absolute; width: 195px; top: 36px; display: none; background: #fff; border: 1px solid #d0d0d0; list-style: none; z-index:1; right:0;} .action-slider .children a { background:#FFFFFF url(../images/design/btn-slidemenu.png) no-repeat scroll 0 -39px ; color: #fff; position: relative; z-index: 100; } .action-slider ul a { background: none !important; color: #666 !important; height: 20px; } .action-slider .active ul { display: block; } .action-button-right { width: 170px; height:88px; clear: right; float: right; position:relative;} .check-box { background-color:#FFFFFF; border:1px solid #B5B5B5; margin:0; overflow:hidden; padding:0 3px 3px 0; position:relative; width:280px;} .check-box .inner { background:#FFFFFF url(../images/design/bg-product-box.png) no-repeat scroll 0 0; height:357px; overflow:hidden; padding:15px;} .check-box ul { list-style: none; } .check-box li { background: transparent url(../images/design/icons/ico-check.png) no-repeat 0 0; display: block; color: #555; padding: 0 0 6px 20px; margin: 5px 0 0 0; } .check-box h2 { color: #333; margin: 0 0 10px; } .btn-chat { background:#FFFFFF url(../images/design/btn-chat.png) no-repeat scroll 0 0; float: right; clear: right; width: 185px; height: 84px; overflow: hidden; text-indent: -999em; } .action .video-box { width: 220px; margin: 0; padding: 10px; float: left; height: 207px; border:1px solid #d6d6d6; border-width: 1px 0 1px 1px; } .action .slide-box { width: 220px; padding: 10px;float: left; height: 207px; border:1px solid #d6d6d6; } .action .video-box h2, .action .slide-box h2 { color: #333; font-size: 20px; } .action-contact { width: 255px; padding: 0 0 0 5px; } .action-contact h2 { color: #7aa74e; margin: 0 0 5px; } .action-contact .num { background:transparent url(../images/design/icons/ico-tel.png) no-repeat scroll 0 0; color:#669933; display:inline-block; font-size:14px; font-weight:bold; height:20px; padding:5px 0 0 25px; } .action-text { width: 427px; margin: 0 0 20px; } .action-iframe { border: 1px solid #cccccc; width: 425px; } .action-text ul { margin: 0 0 0 25px; line-height:170%;} /* ------------- MAIN - LANDING ------------- */ .landing h1 { font-size: 20px; color: #333333; } .landing .faq-box { width: auto; background: #fff; margin: 0 5px; padding: 1px; } .landing .faq-box ul { list-style: none; } .landing .faq-box li { margin: 0 0 2px; } .landing .faq-box .sub-head { background: #e4e4e4 url(../images/design/btn-faqlanding.png) no-repeat 5px -4px; font-weight: bold;} .landing .faq-box .sub-head.close { background-position: 5px -169px; } .landing .faq-box .sub-head span { float: right; } .landing .faq-box .inner {background: #fff; } .landing .faq-box strong { display: block; background-color: #e4e4e4; padding: 5px 10px 5px 30px; } .landing .faq-box h1 { color: #666; padding: 5px 0 5px 10px; } .landing .col-block img { text-align: center; } .landing .text-page ul { list-style: none; } .landing .text-page li { background: transparent url(../images/design/bg-listlanding.png) no-repeat 0 4px; display: block; color: #555; padding: 0 0 6px 20px; margin: 5px 0 0 0; } /* ------------- MAIN - ACTIONPAGE ------------- */ .toright { clear: right; float: right; } .block-actionpage { padding: 5px; border: 1px solid #cccccc; margin: 0 0 20px 0; } .block-actionpage .hide { display: none; } #lightboxactionpage1 h3 { color: #000; font-weight: bold; font-size: 24px; } #lightboxactionpage1 .lightbox-content { padding: 0; } #lightboxactionpage1 label { width: 150px; } #lightboxactionpage1 button { margin: 10px 0 0 166px; } .block-directdownload-book {position: relative; overflow: hidden; padding: 5px; width: 466px; border: 1px solid #cccccc; margin: 0 0 20px 0;} .block-directdownload-book .block-title { color: #000; font-size: 16px; padding: 0 10px 0 100px; line-height: 40px; } .block-directdownload-book-inner { background-color: #f7f7f7; width: 466px; } .block-directdownload-book iframe.action-iframe { width: 466px; border: none; height: none; } .block-directdownload-book fieldset { background-color: transparent; padding: 15px 0 0 80px; } .block-directdownload-book input{ width: 240px; } .block-directdownload-book label{ width: 110px; } .block-directdownload-book .form-checkbox { width: auto; height: auto; padding: 0; margin: 0 5px 0 0; } .block-directdownload-book .option { width: 275px; margin: 25px 0 20px; float: right; } .block-directdownload-book button { float: right; margin: 0 20px 0 0; } .block-downloads { background: transparent url(../images/design/bg-block-downloads.png) repeat-x scroll 0 0; width: 474px; height: 156px; border: 1px solid #cccccc; margin: 0 0 20px 0;} .block-downloads .block-title { color: #666666; font-size: 16px; padding: 10px 0 0 10px; } .block-downloads .viewport { overflow: hidden; height: 124px; float: left; width: 420px; position: relative; } .block-downloads .buttons { background: transparent url(../images/design/bg-block-downloads-buttons.png) no-repeat scroll 0 0;overflow: hidden; height: 41px; margin: 37px 0 0; text-indent: -999em; display: block; width: 27px; float: left; } .block-downloads .next { background-position: 100% 0; } .block-downloads .disable { visibility: hidden; } .block-downloads .overview { list-style: none; position: absolute; padding: 5px 0 0; margin: 0; left: 0; top: 0; } .block-downloads .overview li{ float: left; margin: 0 20px 0 0; height: 115px; width: 85px;} .block-downloads-popup { background: transparent url(../images/design/bg-block-downloads-popup.png) repeat-x scroll 0 0; display: none; width: 177px; padding: 10px; height: 50px; position: absolute; top: 0; left: 0; } .block-downloads-popup p { display: none; } .block-container { width: 476px; margin: 0 0 20px 0; } .block-container .action-slider { margin: 0; } .block-container .action-slider .children a { margin: 0 0 10px; } .block-follow { overflow: hidden; width: 289px; height: 100px; } .block-follow .block-title { color: #71c414; font-size: 16px; } .block-follow-list { list-style: none; } .block-follow-list li { float: left; } .block-follow-link { color:#666666; text-decoration: none; background: transparent url(../images/design/bg-block-follow.png) no-repeat scroll 0 0; padding: 50px 0 0; width: 71px; margin: 10px 0 0; height: 22px; display: block; } .block-follow-link.item2 { background-position: -75px 0; } .block-follow-link.item3 { background-position: -150px 0; } .block-follow-link.item4 { background-position: -225px 0; } .block-follow-link :hover { text-decoration: underline; } .block-media { width: 476px; } .block-media .media { float: left; margin: 10px 0 10px 35px;} .block-sharewith { width: 476px; margin: 10px 0 30px 0;} .block-sharewith .block-title { font-size: 16px; color:#71C414; width:200px; float:left;} .block-sharewith .addthis { float: right; margin:0 -15px 0 0; } .block-sharewith .addthis a{ color: #555555 !important; } .block-lastarticles { overflow: hidden; overflow: visible; position: relative; width: 474px; border: 1px solid #cccccc; margin: 0 0 20px 0; } .block-lastarticles .block-title { background-color:#F1F1F1; color: #666666; font-size: 16px; border:1px solid #CCCCCC; border-width: 0 0 1px; height:25px; padding:5px 0 0 10px; } .block-lastarticles-inner { padding: 10px; } .block-lastarticles li a{ border: 1px solid #ebebeb; border-width: 0 0 1px; color:#555555; font-size:12px; min-height:17px; height: auto !important; height: 17px; padding:7px 0 7px 22px; background:url("../images/design/btn-more.png") no-repeat scroll 0 50% transparent; display:block; } .block-lastarticles ul { list-style: none; } .block-lastarticles .ico { background:url("../images/design/icons/ico-articles.png") no-repeat scroll 0 0 transparent; } .block-lastarticles .ico { display:block; height:41px; padding:0 !important; position:absolute; right:15px; top:-12px; width:41px; } .block-spotlight {overflow: hidden; margin: 0 0 20px 0; width: 476px; } .block-spotlight h2, .block-spotlight h1 {color: #333333; font-size: 16px; line-height: 35px; } .block-spotlight-banner1 {display: block; float: right; height:130px; width: 224px; border: 1px solid #cccccc; } .block-spotlight-banner2 {display: block; height:130px; width: 224px; border: 1px solid #cccccc; } .block-getincontact { overflow: hidden; width: 454px; padding: 10px; height: 57px; border: 1px solid #cccccc; margin: 0 0 20px 0;} .block-getincontact .block-title { font-size: 16px; color: #7a7a7a; } .block-getincontact .block-getincontact-link { background: transparent url(../images/design/bg-block-getincontact.png) no-repeat scroll 0 5px; float: left; display: block; line-height: 50px; width: 180px; font-weight: bold; padding: 0 0 0 40px; } .block-getincontact .block-getincontact-link.number { background-position: -255px 5px; } .block-getincontact2 { overflow: hidden; width: 454px; padding: 10px; height: 57px; border: 1px solid #cccccc; margin: 0 0 20px 0;} .block-getincontact2 .block-title { font-size:16px; margin: 0 0 15px; font-weight:bold; color: #7a7a7a; } .block-getincontact2 a { font-size:16px; color:#669933; font-weight:bold; height:20px; } .block-getincontact2 .block-getincontact-link.number {background:url("../images/design/icons/ico-tel.png") no-repeat scroll 0 0 transparent; color:#669933; display:inline-block; font-size:16px; font-weight:bold; height:20px; padding:5px 0 0 25px; } .block-othercompanies { width: 474px; overflow: hidden; height: 156px; border: 1px solid #cccccc; margin: 0 0 20px 0;} .block-othercompanies .block-title { background-color:#84cf03; border:1px solid #CCCCCC; color: #fff; font-size: 16px; border-width: 0 0 1px; height:25px; padding:5px 0 0 10px; } .block-othercompanies .viewport { overflow: hidden; height: 124px; float: left; width: 420px; position: relative; } .block-othercompanies .buttons { background: transparent url(../images/design/bg-block-othercompanies.png) no-repeat scroll 0 0; height: 41px; margin: 37px 0 0; text-indent: -999em; display: block; width: 27px; float: left; } .block-othercompanies .next { background-position: 100% 0; } .block-othercompanies .disable { visibility: hidden; } .block-othercompanies .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; } .block-othercompanies .overview li{ float: left; margin: 0 20px 0 0; height: 123px; line-height: 123px; width: 130px;} .block-othercompanies .overview li img { margin: 10px 0; } .block-text { overflow: hidden; width: 396px; border: 1px solid #cccccc; padding: 15px; margin: 0 0 10px 0;} .block-text ul { margin: 10px 0 0 20px; line-height: 180%; list-style-type: square; list-style-image: url(../images/design/bg-block-text-list.png); } .block-text ol {line-height: 180%; margin: 10px 0 0 -20px;} .block-text .video { margin: 0 0 15px 0; } .block-directdownload-brochure { overflow: hidden; padding: 5px; width: 416px; border: 1px solid #cccccc; margin: 0 0 20px 0;} .block-directdownload-brochure .block-title { color: #000; font-size: 16px; padding: 0 10px 0 20px; line-height: 40px; } .block-directdownload-brochure-inner { background: #f7f7f7 url(../images/design/bg-block-directdownload-brochure.png) no-repeat 0 40px; width: 416px; } .block-directdownload-brochure fieldset { background-color: transparent; padding: 5px 0 0 20px; } .block-directdownload-brochure input{ width: 240px; } .block-directdownload-brochure label{ width: 110px; } .block-directdownload-brochure form li { padding: 0 0 5px; } .block-directdownload-brochure .form-checkbox { width: auto; height: auto; padding: 0; margin: 0 5px 0 0; } .block-directdownload-brochure .option { width: 275px; margin: 0 0 20px; float: right; } .block-directdownload-brochure button { float: right; margin: 0 20px 0 0; } .block-directdownload-brochure iframe.action-iframe { width: 416px; border: none; height: auto; } .block-actionreferences { overflow: hidden; width: 474px; border: 1px solid #cccccc; margin: 0 0 20px 0; } .block-actionreferences .reference-video{ padding: 10px 0 0 10px; } .block-actionreferences .inner { padding: 15px 0 0; } .block-actionreferences h2 { color:#666666; font-size:16px; padding:10px 0 0 10px; } .block-actionreferences .pager { background-color: #f6f6f6; text-align: center; height: 22px; border: #ccc 1px solid; border-width: 1px 0 0; clear: both; margin: 15px 0 0 0; padding: 4px 0 0 20px; } .block-actionreferences .pager ul { list-style: none; float: left; padding: 0 10px 0 5px; } .block-actionreferences .pager li { float: left; width: auto; } .block-actionreferences .pager li a { padding: 0 5px; border-right: #5a5a5a 1px solid; display:block; color:#8DC640; text-decoration:none;} .block-actionreferences .pager li a:hover { text-decoration:underline;} .block-actionreferences .img-quote.open { left:-25px; position:absolute; } .block-actionreferences .quote blockquote { margin:5px 20px 0 55px; padding: 5px 0 10px; border-bottom: 1px solid #cccccc; position: relative; text-align: left; } .block-actionreferences .quote blockquote.last { border-bottom: none; } .block-actionreferences .video {margin: 0 0 0 27px;} .block-when { overflow: hidden; width: 416px; padding: 5px; border: 1px solid #cccccc; margin: 0 0 20px 0; } .block-when .inner { background-color: #f7f7f7; padding: 5px 10px; border: 0; margin: 0; width: auto; } .block-when h2 {color:#8DC640; font-size:16px; margin: 0 0 10px; } .block-when ol {line-height: 180%; margin: 0; padding: 0 0 0 20px;} .block-extrainfo { overflow: hidden; width: 428px; margin: 0 0 20px 0; } .block-extrainfo .head { color: #333; height: 32px; line-height: 30px; background: #fff url(../images/design/bg-block-extrainfo.png) no-repeat 0 0; display: block; } .block-extrainfo .head.active{ background-position: 0 -32px; color: #fff; } .block-extrainfo .inner { display: none; padding: 5px 5px 0; } .block-extrainfo ul { line-height:180%; list-style-image:url("../images/design/bg-block-text-list.png"); list-style-type:square; margin:10px 0 0 20px; } .block-productsoverview { width: 928px; padding: 10px 0 0; margin: 0 0 0 20px; overflow: hidden; background: transparent url(../images/design/bg-block-productsoverview.png) no-repeat scroll 0 10px; } .block-productsoverview h1 { display: block; text-align: center; color: #fff; font-size: 28px; line-height: 76px; margin: 0 0 240px; padding: 0; } .block-productsoverview-list { border: 1px solid #b5b5b5; position: relative; width: 294px; float: left; margin: 0 20px 0 0; } .block-productsoverview-list h2 { text-shadow: 2px 2px 2px #3E690A; position: absolute; font-size: 22px; width: 294px; padding: 5px 0 0; height: 71px; color: #fff; text-align: center; top: -75px; left: 0; background: transparent url(../images/design/bg-block-productsoverview-h2.png) no-repeat scroll 0 0; } .block-productsoverview-list p { height: 82px; } .block-productsoverview-list .oneline { padding: 30px 0 0; height: 46px; } .block-productsoverview-list ul { background: #fff; border: 1px solid #adadad; list-style: none; min-height: 150px; height: auto !important; height: 197px; } .block-productsoverview-list li { display: inline; } .block-productsoverview-list a { background: transparent url(../images/design/bg-block-productsoverview-link.png) no-repeat scroll 0 0; height: 23px; padding: 0 0 0 20px; line-height: 23px; font-size: 11px; color: #666; display: block; border-bottom: 1px solid #e9e9e9; } .block-productsoverview-list a:hover { background-position: 0 -77px; background-color: #7fb832; text-decoration: none; color: #fff; border-bottom: 1px solid #71aa24; } .block-productsoverview-list .inner { background-color: #e9e9e9; padding: 11px; border: 1px solid #fff; } .block-productsoverview-list.last { margin: 0; } .block-productoverview { width: 456px; position: relative; zoom: 1; border: 1px solid #cccccc; margin: 0 0 20px; overflow: hidden; background-color: #f7f7f7; padding: 9px; } .block-productoverview .block-title { margin: 0 0 15px; } .block-productoverview .viewport { border: 1px solid #70c315; background-color: #fff; width: 455px; overflow: hidden; position: relative; } .block-productoverview .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; } .block-productoverview .overview .page{ float: left; padding: 5px 0; width: 455px;} .block-productoverview .pager { overflow:hidden; list-style: none; clear: both;} .block-productoverview .pager li { float: left; } .block-productoverview .pagenum { text-decoration: none; text-align: center; height: 28px; line-height: 28px; white-space: nowrap; min-width: 10px; width: auto !important; width: 10px; padding: 0 0 0 15px; color: #333; font-size: 12px; font-weight: bold; display: block; } .block-productoverview .pagenum span {display: block; cursor: pointer; padding: 0 15px 0 0; } .block-productoverview .active span { background: transparent url(../images/design/bg-block-productoverview.png) no-repeat 100% 0; } .block-productoverview .active { background: transparent url(../images/design/bg-block-productoverview.png) no-repeat 0 0; color: #fff; } .block-productoverview-list { margin: 0; padding: 0; list-style : none; } .block-productoverview-list li{ padding: 0; display: inline; } .block-productoverview-list a{ background: transparent url(../images/design/bg-block-productsoverview-link.png) no-repeat 0 1px; padding: 0 10px 0 20px; display: block; line-height: 24px; height: 24px; overflow: hidden; color: #555555; } .block-productoverview-list a:hover { background-position: 0 -75px; background-color: #7fb832; text-deocration: none; color: #fff; } .block-contactdata { border: 1px #cecece solid; margin: 0 0 20px; width: 400px; padding: 15px; } .block-contactdata h2{ font-size: 21px; margin: 0 0 10px; } .block-contactdata p { margin: 0; } .block-newslettercontact { background: #fff url(../images/design/block-contactnewsletter.png) no-repeat 100% 0; border: 1px #cecece solid; float: right; margin: 0 0 20px; height: 140px; clear: right; overflow: hidden; width: 440px; padding: 15px; } .block-newslettercontact h2{ font-size: 21px; margin: 0 0 10px; } .block-newslettercontact p { width: 250px; } .block-newslettercontact .button { float: left; } .block-contactmaps { border: 1px #cecece solid; margin: 0 0 20px; float: right; clear: right; overflow: hidden; width: 470px; height: 510px; } .block-contactform { border: 1px #cecece solid; margin: 0 0 20px; padding: 15px; overflow: hidden; width: 400px; height: 480px; } .block-contactform h2{ font-size: 21px; margin: 0 0 10px; } .block-contactform h3{ font-size: 15px; margin: 0; padding: 20px 0 10px; color: #000; } .block-team { padding: 10px 0 0; } .block-team-persona { border-top: dotted #cccccc 1px; padding: 15px 0 15px 120px; width: 804px; position: relative; } .block-team-image { background-color: #f3f3f3; border: 1px solid #d0d0d0; position: absolute; padding: 4px; top: 15px; left: 5px; width: 80px; height: 80px; } .block-team h3 { color: #000; margin: 0; padding: 0 0 5px; } .block-team .block-team-function { color: #999999; padding: 0 0 15px; display: block; } .block-team .contact-toolbox { float: right; } .contact-toolbox{float:left;} .contact-toolbox strong{float:left; padding: 7px 10px 0 0; } .contact-toolbox a{padding: 0 2px; display: block; height: 32px; line-height: 32px !important; overflow: hidden; width: 32px; float:left;} .contact-toolbox a:hover{ opacity:0.8;} .contact-toolbox a.facebook{ background: url("../images/design/facebook.png") no-repeat scroll 0 0 transparent;} .contact-toolbox a.twitter{ background: url("../images/design/twitter.png") no-repeat scroll 0 0 transparent;} .contact-toolbox a.linkedin{ background: url("../images/design/linkedin.png") no-repeat scroll 0 0 transparent;} .formsc { display: inline; margin: 0; padding: 0; font:12px verdana; background-color: #f08003;} .formsc fieldset { border: 0; padding: 0; margin: 0; } .formsc fieldset p { background-color: #efe7f7; padding: 5px; } .formsc .form-item { height: 1%; overflow: hidden; line-height: 19px; position: relative; clear: both; margin: 0 0 10px; } .formsc .form-text { font-size:12px; width: 198px; line-height:19px; height: 19px; padding:0 10px; border: 1px solid #646464; } .formsc .form-radio input { margin: 0 10px 0 0; } .formsc .form-select { border:1px solid #646464; width: 222px; padding: 1px 0; margin: 2px 0 0; } .formsc .form-textarea {font-size:12px; width: 367px; height: 100px; padding: 0 10px; border: 1px solid #646464; } .formsc label { color: #333; font-size: 12px; font-weight: normal; width: 160px; padding:0 10px 0 0; display: block; float: left; } .formsc legend { color: #532078; font-weight: bold; padding: 0 10px; } .formsc .form-submit-div { cursor: pointer; float: right; height: 46px;width: 193px; position: relative; margin: 0 10px 0 0; text-align: center; } .formsc .form-submit { background: url("../images/design/bg-form-submit.png") no-repeat scroll 0 0 transparent; text-indent: -999em; overflow: hidden; display: block; width: 193px; height: 46px; border: 0 none; color: #FFFFFF; cursor: pointer; font-family: arial; font-size: 12px; margin: 0; overflow: visible; white-space: nowrap; } .formsc .option { width: auto; font-weight: normal; } .formsc .form-checkbox { margin: 0 10px 0 0; } .formsc button, .formsc button span { background: transparent url(../images/design/btn-button.png) no-repeat; } .formsc button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ .formsc button { background-position: 0 0; overflow:visible; width:auto; border:0; margin: 0; padding: 0 0 0 10px; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ } .formsc button span { background-position: 100% 0; float:left; padding:3px 40px 0 5px; height:21px; white-space:nowrap; color:#333; -webkit-transform: translate(3px,-1px); /* <- Safari & Google Chrome Fix */ } .formsc button:hover span { text-decoration: underline; } /* ------------- SIDEBAR - BALLOON PAGER ------------- */ .balloon { background: transparent url(../images/design/bg-balloon-pager.png) no-repeat scroll 0 0; width: 228px; height: 57px; padding: 14px 9px; } .balloon .prev, .balloon .next { background: transparent url(../images/design/btn-balloon-pager.png) no-repeat scroll 0 0;display: block; width: 74px; height: 21px; color: #333333; float: left; } .balloon .next { background-position: 0 0; margin: 0 0 0 4px; padding: 6px 33px 0 0; text-align: right; } .balloon .next:hover { background-position: 0 -27px; text-decoration: none; } .balloon .next.disable { background-position: 0 -54px; color: #cccbcb; cursor: default; } .balloon .prev { background-position: 100% 0; padding: 6px 0 0 33px;} .balloon .prev:hover { background-position: 100% -27px; text-decoration: none; } .balloon .prev.disable { background-position: 100% -54px; color: #cccbcb; cursor: default; } /* ------------- SIDEBAR - QUOTES ------------- */ .quote .info { background: transparent url(../images/design/bg-thumbup.png) no-repeat 10px 5px; padding: 10px 0 10px 55px; font-size: 14px; } .quote strong { display: block; padding: 0 0 5px; } .quote a { color: #0066cc; text-decoration: none; } .quote .company { color: #0066cc; text-decoration: none; } .quote a:hover { text-decoration: underline; } .quote blockquote { margin: 0; text-align: center; padding: 5px 10px; line-height: 20px; font-size: 11px; } /* ------------- SIDEBAR - VIDEO ------------- */ .video-block .content { padding: 10px; height: 210px; } .video-block h2 { color:#323232; padding:0 0 7px; } /* ------------- SIDEBAR - GOTO MENU ------------- */ .goto ul { list-style: none; padding: 0 10px 10px; } .goto a { float: none; height: 22px; padding: 7px 18px 0 0; color: #555; font-size: 12px; border-bottom: #acacac 1px solid; } /* ------------- SIDEBAR - CASES ------------- */ .cases {} #menu-cases { background: #fff url(../images/design/bg-ccases.png) repeat-x 0 0; padding: 4px 0 0; margin: 0 0 10px; list-style: none; clear: both; border-bottom: 1px solid #ccc; overflow: hidden; } #menu-cases li { border-top: 1px solid #ccc; padding: 0; } .btn-menu-cases { background: #F9F9F9 url(../images/design/news_arrow.png) no-repeat 200px 50%; color:#666; display: block; font-weight: bold; color: #555; height: 27px; padding: 13px 0 0 30px; } .btn-menu-cases:hover { background-color: #f0f0f0; text-decoration: none; } .active .btn-menu-cases { background: #8dc640 url(../images/design/bg-ccases-active.png) no-repeat 200px 50% ; border-top: 1px solid #c1eb89; height: 29px; color: #FFF; text-decoration: none; } .sub-menu-cases { display: none; border-top: 1px solid #548226; padding: 5px 15px 10px 15px; } .active .sub-menu-cases { display: block; } .cases-title { color: #000; display: block; padding: 0 0 4px; } .cases-title span { color: #8dc640; } .btn-ccases { background: transparent url(../images/design/btn-ccases.png) no-repeat 100% 0; float: right; min-width: 10px; font-size: 11px; padding: 2px 15px 0 5px; width: auto !important; width: 10px; height: 16px; display: block; color: #6d6c6c; border-left: 1px solid #d6d6d6; } .cases-inner { padding: 0 10px; } .cases .balloon { padding:24px 0 0 8px; height: 47px; width:229px; background-image: url(../images/design/bg-ccases-balloon.png); } /* ------------- SIDEBAR - OUR PRODUCTS ------------- */ .our-products ul { list-style: none; padding: 4px 10px 10px; } .our-products .more { background: none; float: none; line-height: 16px; min-height: 38px; height: auto !important; height: 38px; padding: 10px 0 5px 0; color: #555; font-size: 12px; border-top: #acacac 1px solid; } .our-products li:first-child .more { border: 0;} .our-products .sub-head { background: transparent url(../images/design/bg-sidebar-head.png) repeat-x 0 100%; font-size: 12px; color: #333; display: block; height: 30px; padding: 0 0 0 11px;} .our-products .sub-head span { background: transparent url(../images/design/ico-arrow-dark.gif) no-repeat 0 13px; display: block; height: 23px; padding: 7px 0 0 15px;} .our-products .close span { background-position: 0 -23px; } .our-products img { border: 0; float:left; padding-right: 6px; } /* aanpassingen hierop in product details*/ #product-detail .our-products.inner { font-size: 11px; padding: 0; } #product-detail .our-products.inner ul .more { font-size: 11px; } #product-detail .our-products.inner ul { padding: 0; } /* ------------- SIDEBAR - LANDING ------------- */ .landing-box { padding: 0 5px 10px; margin: 0 0 16px; } .landing-box h2 { background-color: #8dc640; color: #fff; height: 28px; padding: 5px 0 0 10px; } .landing-box ul { list-style: none; } .landing-box li { background: #fff url(../images/design/icons/ico-check.png) no-repeat 0 0; display: block; color: #555; padding: 0 0 6px 20px; } .landing-box li a { color: #555; } .landing-box.referencebox li { background: none; display: block; padding: 0 0 6px 5px; } ul.shorts { list-style: none; } .shorts li { background: none; padding: 5px 10px; } .shorts li.odd { background: #e7f3ca none; } /* ------------- FOOTER SECTION ------------- */ .push { height: 128px; clear: both; } #footer { background: #e6e6e6 url(../images/design/bg-footer.gif) repeat-x 0 0; height: 128px; font-size: 11px; color: #555; line-height: 20px; } #footer .footer-inner { background: transparent url(../images/design/bg-footer-inner.png) no-repeat 100% 100%; height: 110px; width: 980px; margin: 0 auto; padding: 18px 0 0;} #footer address { width: 220px; text-align: right; font-style: normal; float: left; margin: 0 50px 0 0; } #footer address a { color: #669900; } #footer .footer-menu { float:left; } #footer ul { list-style: none; padding: 5px 0 0;} #footer li { float:left; } #footer ul a { color: #555555; line-height: 13px; display: inline; padding: 0 8px 0; border-right: #bababa 1px solid; display: block; float: left; } #footer ul a:hover { color: #669900; } #footer span { display: block; color: #888; font-size: 10px; padding: 8px 0 0 10px; } /* ------------- JAVASCRIPT DISABLED NOTICE ------------- */ .noscript { background:#afde2d none repeat scroll 0 0; border: 1px #000000 solid; border-width:0 0 1px; color:#2F2F2F; text-align:center; } .noscript .noscript-inner { background:transparent url(../images/design/notice.png) no-repeat scroll 20px 50%; margin:0 auto; padding:12px 0; width:950px; } /* ------------- LIGHTBOX ------------- */ .pp_close { float: left; position: relative; left: 15px; top: 2px; z-index: 1; } .pp_pic_holder.video .pp_content { height:340px !important; } .prettyPhoto-content.seminar a { margin: 0 !important; } .prettyPhoto-content.seminar { width: 425px !important; height: auto !important; padding: 0 0 0 25px; } .pp_pic_holder.seminar { width : 475px !important; } .pp_pic_holder.seminar .pp_content { height: 390px !important; }