/** Other browsers than IE < 8 won't see those lines **/
* html button{width:auto;overflow:visible}
* html button span{margin-top:1px}
/*****/
/** Our recommendations **/
.cart-wrapper .cart-suggestions{margin:0 auto;width:95%;font:normal 11px Arial,Sans-serif}
.cart-wrapper .cart-suggestions td{padding:10px 0}
.cart-wrapper .cart-suggestions .suggestion-icon{width:5%}
.cart-wrapper .cart-suggestions .suggestion-link{width:15%}
.cart-wrapper .cart-suggestions .suggestion-link input{margin-right:10px}
.cart-wrapper .cart-suggestions .suggestion-link input, .cart-wrapper .cart-suggestions .suggestion-link label{vertical-align:middle}
.cart-wrapper .cart-suggestions .suggestion-price{font-weight:bold}
.cart-wrapper .cart-suggestions .suggestion-text{width:45%}
.cart-wrapper .cart-suggestions .suggestion-more a{margin-left:10px;color:#000}
.cart-wrapper .cart-suggestions .suggestion-text strong{display:block;font-weight:bold}
.cart-wrapper .cart-suggestions .suggestion-text span{color:#666}
/** Containers **/
.mid-title{text-transform:uppercase;font:bold 14px Arial,Sans-serif;color:#196d5d}
.framed-container{border:1px solid #ccc;text-align:center;padding:5px 0}
/****************/
/** Form fields **/
.form-field{border-width:1px;border-style:solid;border-color:#707070 #8f8f8f #a7a7a7 #8f8f8f;background:#fff url(../img/bg-input.png) repeat-x 0 0;font-size:11px;padding:2px;-moz-border-radius:5px;-webkit-border-radius:5px}
/** Sliding doors buttons **/
.sliding-doors:hover{text-decoration:none}
.sliding-doors{position:relative;border:0;padding:0;cursor:pointer;*width:auto;_width:0;overflow:visible;display:inline-block;text-decoration:none}
.sliding-doors span{position:relative;display:block;white-space:nowrap;text-decoration:none}
.sliding-doors span *{text-decoration:none}
* html .sliding-doors span{margin-top:0px}
@media screen and (-webkit-min-device-pixel-ratio:0){
.sliding-doors span{margin-top:-1px}
}
/** Big red button **/
.sliding-doors.big-red{padding:0 15px 0 0;margin-right:5px;font:bold 16px Arial, sans-serif;text-align:center;height:36px;background:transparent url(../img/big-red.jpg) no-repeat right -112px}
.sliding-doors.big-red span{padding:5px 0 5px 15px;height:26px;line-height:26px;background:transparent url(../img/big-red.jpg) no-repeat left top;color:#fff;text-decoration:none}
.sliding-doors.big-red:hover{background-position:right -168px}
.sliding-doors.big-red:hover span{background-position:0 -56px}
/** Big white button **/
.sliding-doors.big-white{padding:0 15px 0 0;margin-right:5px;font:bold 16px Arial, sans-serif;text-align:center;height:36px;background:transparent url(../img/big-white.jpg) no-repeat right -112px}
.sliding-doors.big-white span{padding:5px 0 5px 15px;height:26px;line-height:26px;background:transparent url(../img/big-white.jpg) no-repeat left top;color:#333;text-decoration:none}
.sliding-doors.big-white:hover{background-position:right -168px}
.sliding-doors.big-white:hover span{background-position:0 -56px;color:#fff}
/** Big green **/
.sliding-doors.big-gray{padding:0 15px 0 0;margin-right:5px;font:bold 12px Arial, sans-serif;text-align:center;height:36px;background:transparent url(../img/big-gray.png) no-repeat right -112px}
.sliding-doors.big-gray span{padding:5px 0 5px 15px;height:26px;text-align:center;line-height:13px;background:transparent url(../img/big-gray.png) no-repeat left top;font-size:11px;color:#fff}
.sliding-doors.big-gray:hover{background-position:right -168px}
.sliding-doors.big-gray:hover span{background-position:0 -56px;color:#fff}
.sliding-doors::-moz-focus-inner{border:0}
/** Button **/
button.btn::-moz-focus-inner{border:1px dotted transparent}
.btn{display:inline-block;background:none;margin:0;padding:3px 0;border-width:0;width:auto;overflow:visible;font:normal 11px Arial,Sans-serif;color:#333}
* html button.btn{padding-bottom:1px}
html:not([lang*=""]) button{margin:0 -3px}
.btn span{background:#ddd url(../img/bg-button.png) repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #bababa;border-right:1px solid #c4c4c4}
* html .btn span{padding-top:0}
.btn span span{position:relative;padding:3px .4em;border-width:0;border-top:1px solid #d1d1d1;border-bottom:1px solid #9b9b9b}
/* Left and right borders */
.btn:hover span, .btn:focus span, .btn:hover span span, .btn:focus span span{cursor:pointer;border-color:#939393 !important;color:#000}
.btn:hover span{background-position:0 -150px}
.btn:active span{background-position:0 -400px;outline:none}
.btn:focus, .btn:active{outline:none}
/* use if one button should be the 'primary' button */
.primary{font-weight:bold;color:#000}
/** Floats and clear **/
.left{float:left}
.right{float:right}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
/* text formatting */
.strong{font-weight:bold}
/* */
.inline-block{position:relative;display:inline-block;/* Ignored by IE < 8 */
*zoom:1;*display:inline}
.cart-wrapper{font-family:Arial, Helvetica, sans-serif;font-size:11px}
.cart{border-collapse:separate;empty-cells:show;font-size:11px}
/** Cart bottom **/
.cart .cart-bottom .cart-bottom-footer{background:#fff url(../img/panier/cart-bottom.png) repeat-x 0 -9px;font-size:1%}
.cart .cart-bottom .cart-bottom-footer .footer-rounded-left{float:left;width:9px;height:9px;background:#fff url(../img/panier/cart-bottom.png) no-repeat 0 0;font-size:1%}
.cart .cart-bottom .cart-bottom-footer .footer-rounded-right{float:right;width:9px;height:9px;background:#fff url(../img/panier/cart-bottom.png) no-repeat -9px 0;font-size:1%}
.cart .cart-bottom .cart-bottom-contents{background:#dadada url(../img/panier/cart-bottom.png) repeat-x 0 -36px;min-height:62px;height:62px;border-bottom:0}
/** Cart bottom **/
/** Cart Header **/
.cart .cart-bottom .cart-bottom-header{background:#fff url(../img/panier/cart-bottom.png) repeat-x 0 -27px;font-size:1%}
.cart .cart-bottom .cart-bottom-header .header-rounded-left{float:left;width:9px;height:9px;background:#fff url(../img/panier/cart-bottom.png) no-repeat 0 -18px;font-size:1%}
.cart .cart-bottom .cart-bottom-header .header-rounded-right{float:right;width:9px;height:9px;background:#fff url(../img/panier/cart-bottom.png) no-repeat -9px -18px;font-size:1%}
/** Cart Header **/
/** Suggestions **/
.cart .suggestion tr td{border-top:1px solid #ccc;padding-top:8px;padding-bottom:8px}
.cart .suggestion{padding-top:6px;padding-bottom:6px;margin:0}
.cart .suggestion .suggestion-icon{width:32px;height:32px;vertical-align:middle;margin-right:10px}
/* Download extension */
.cart .suggestion .suggestion-icon.ext-dl-icon{background:#fff url(../img/panier/dlext.png) no-repeat}
/* Backup media */
.cart .suggestion .suggestion-icon.backup-icon{background:#fff url(../img/panier/backup.png) no-repeat}
.cart .suggestion .suggestion-checkbox, .cart .suggestion-text{vertical-align:middle}
.cart .suggestion .suggestion-desc{vertical-align:middle;margin-left:10px;color:#666}
.cart .suggestion .suggestion-desc a{color:#000;text-decoration:underline}
/** Download extension **/
/** Computations **/
.cart-totals{border:1px solid #006666;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;min-width:380px;*width:380px;height:60px;margin:0 4px 0 0;background-color:#fff}
.cart-wrapper .cart-totals-wrapper{text-align:right}
.cart-totals table{margin-top:10px;width:100%}
.cart-totals table th, .cart-totals table td{padding:0;border:0}
.cart-totals .cart-totals-headers th{font-size:14px;color:#000;text-transform:uppercase}
.cart-totals .price-exc-vat, .cart-totals .price-vat, .cart-totals .price-inc-vat, .cart-totals .shipping-inc-vat{width:23%;padding:0 10px;text-align:center;font-size:14px;font-weight:bold;color:#999}
.cart-totals .price-inc-vat{font-size:18px;color:#cc0000}
/** Computations **/
.cart .field-qty{border:1px solid #b5b5b5;margin:0 auto}
.cart .field-qty input{border:0;outline:none;text-align:center;font-size:11px;width:40px}
.cart .field-qty td{padding:0;border:0;font-size:0px}
.cart .field-qty td.qty-button{border-left:1px solid #b5b5b5}
.cart .field-qty td.qty-button img{cursor:pointer}
.cart .field-qty td.qty-button.plus{border-bottom:1px solid #b5b5b5}
.cart th{border-top:1px solid #ccc}
.cart th, .cart td{padding:4px 7px;border-right:1px solid #ccc;border-left:1px solid #fff;border-bottom:1px solid #ccc}
/** Last row **/
.cart .last-row td{border-bottom:0}
.cart .first-col{border-left:1px solid #ccc}
.cart .last-col{border-right:1px solid #ccc}
.cart thead th{background:#fff url(../img/panier/cart-header.png) repeat-x 0 0;font-size:11px;color:#666;font-weight:normal}
/** Product name **/
.cart .cart-product-name{width:275px;text-align:left;font-weight:bold}
.cart .cart-product-name small{font-size:10px;display:block;color:#666}
.cart .cart-product-name img{width:40px;height:58px;vertical-align:middle;margin-right:10px}
.cart .cart-product-name #beurk{width:215px;}
/** Users **/
.cart .cart-product-users{width:129px;text-align:center}
/** Operating system **/
.cart .cart-product-os{width:67px;text-align:center}
/** Delivery mode **/
.cart .cart-product-delivery{width:98px;text-align:center}
/** Quantity **/
.cart .cart-product-quantity{width:66px;text-align:center}
/** Quantity **/
.cart .cart-product-license-lifetime{width:114px;text-align:center}
/** Unit price **/
.cart .cart-product-price{text-align:right;font-size:18px;background-color:#eaeaea;width:72px}
.cart .cart-product-price s{font-size:12px;color:#cc0000}
/** Delete **/
.cart .cart-product-delete{width:17px;text-align:center}
/** Delete icon **/
.cart .cart-product-delete img{border:0;-moz-opacity:.7;-webkit-opacity:.7;-khtml-opacity:.7;opacity:.7;filter:alpha(opacity=70)}
.cart .cart-product-delete img:hover{border:0;-moz-opacity:1;-webkit-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100)}
/** Up-Selling and Cross-selling **/
.panel-recommended-by-klab{width:385px;font-family:Arial, Helvetica, sans-serif;margin-right:5px}
.panel-recommended-by-klab .panel-recommended-header{background:#fff url(../img/panel-recommended-klab.png) no-repeat 0 -44px;font-size:12px;font-weight:bold;height:49px;text-align:center;line-height:44px}
.panel-recommended-by-klab .panel-recommended-content{background:#196d5d url(../img/panel-recommended-klab.png) no-repeat 0 -93px;min-height:129px;_height:129px;padding:0 10px}
.panel-recommended-by-klab .panel-recommended-content .panel-recommended-box{vertical-align:middle;margin-right:10px}
.panel-recommended-by-klab .panel-recommended-content .panel-recommended-description{text-align:center;vertical-align:middle;width:265px}
.panel-recommended-by-klab .panel-recommended-content .panel-recommended-description .panel-recommended-price{width:135px;vertical-align:middle}
.panel-recommended-by-klab .panel-recommended-content .panel-recommended-description .panel-recommended-button{width:120px;vertical-align:middle}
.panel-recommended-by-klab .panel-recommended-content .panel-recommended-description .panel-recommended-price h4{font:bold 20px Arial, Helvetica, sans-serif;color:#ffcc66;margin:0;padding:0}
.panel-recommended-by-klab .panel-recommended-content .panel-recommended-description .panel-recommended-price a{font:normal 11px Arial, Helvetica, sans-serif;color:#fff}
.panel-recommended-by-klab .panel-recommended-content .panel-recommended-description h2{font-size:12px;margin:0;padding:0;color:#ffcc66}
.panel-recommended-by-klab .panel-recommended-content .panel-recommended-description h3{font-size:11px;margin:7px 0 7px 0;padding:0;color:#fff}
.panel-recommended-by-klab .panel-recommended-content .panel-recommended-description h2 span{font-size:18px;font-weight:bold}
.panel-recommended-by-klab .panel-recommended-footer{background:#529185 url(../img/panel-recommended-klab.png) no-repeat 0 0;height:44px;text-align:center}
.panel-recommended-by-klab .panel-recommended-footer div{margin-top:7px}
/** Cross panel **/
.panel-cross{width:279px;font-family:Arial, Helvetica, sans-serif;margin-right:3px}
.panel-cross .panel-header{background:#fff url(../img/panel-klab.png) no-repeat 0 -44px;font-size:12px;font-weight:bold;height:49px;text-align:center;line-height:44px}
.panel-cross .panel-content{background:#d7d7d7 url(../img/panel-klab.png) no-repeat 0 -93px;min-height:129px;_height:129px;padding:0 10px}
.panel-cross .panel-content .panel-box{vertical-align:top;margin-right:10px;padding:10px 0 0 5px}
.panel-cross .panel-content .panel-description{text-align:center;vertical-align:middle;width:165px;padding:10px 0 0 0}
.panel-cross .panel-content .panel-description .panel-price{vertical-align:middle}
.panel-cross .panel-content .panel-description .panel-button{vertical-align:middle}
.panel-cross .panel-content .panel-description .panel-price h4{font:bold 20px Arial, Helvetica, sans-serif;color:#000;margin:0;padding:0}
.panel-cross .panel-content .panel-description .panel-price a{font:normal 11px Arial, Helvetica, sans-serif;color:#fff}
.panel-cross .panel-content .panel-description h2{font-size:12px;margin:0;padding:0;color:#006666}
.panel-cross .panel-content .panel-description h3{font-size:11px;margin:7px 0 7px 0;padding:0;color:#fff}
.panel-cross .panel-content .panel-description h2 span{font-size:18px;font-weight:bold}
.panel-cross .panel-footer{background:#d7d7d7 url(../img/panel-klab.png) no-repeat 0 0;height:44px;text-align:center}
.panel-cross .panel-footer div{margin-top:7px}
/* login */
.left{float:left}
.right{float:right}
.clear{clear:both}
.red{color:red}
.common-green{color:#388072}
h3.common-green{font-size:14px;text-transform:uppercase;margin-bottom:7px}
.login-container{border:1px solid #ccc;padding:10px}
.login-container strong.login-notice{color:#000;font-size:13px}
.login-form{margin-top:20px}
.login-form-block{float:left;width:48%}
.login-form-row{margin-bottom:5px}
.login-form-row label{float:left;width:150px;color:#333}
.login-form-row select, .login-form-row input{}
.login-form-row em{color:#555;font-size:10px;display:block}
.bottom-gradient-box{border:1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px 20px;background:#fff url(../img/login-bottom-gradient.png) repeat-x center bottom}
/* process menu */
ul.process-menu{margin:3px 0 0 0;position:relative;top:-30px;height:30px;background:transparent url(../img/cart/topbar-sprite.png) repeat-x 0 -30px;padding-left:40px}
ul.process-menu li{width:180px;float:left;list-style-type:none;color:#abaaaa;padding-top:7px;font-size:13px;height:23px;text-align:center;position:relative;font-weight:bold}
ul.process-menu li .icon{display:block;width:52px;height:50px;position:absolute;top:-8px;left:-20px;background-repeat:no-repeat;background-position:0 0;background-color:transparent}
ul.process-menu li.cart .icon{background-image:url(../img/cart/cart-off.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/cart/cart-off.png')}
ul.process-menu li.payment .icon{background-image:url(../img/cart/payment-off.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/cart/payment-off.png')}
ul.process-menu li.download .icon{background-image:url(../img/cart/download-off.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/cart/download-off.png')}
ul.process-menu li.ident .icon{background-image:url(../img/cart/ident-off.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/cart/ident-off.png')}
ul.process-menu li.cart-active, ul.process-menu li.payment-active, ul.process-menu li.download-active, ul.process-menu li.ident-active{background:transparent url(../img/cart/topbar-sprite.png) repeat-x 0 0;font-weight:normal;color:#fff}
ul.process-menu li.cart-active .icon{background-image:url(../img/cart/cart-on.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/cart/cart-on.png')}
ul.process-menu li.payment-active .icon{background-image:url(../img/cart/payment-on.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/cart/payment-on.png')}
ul.process-menu li.download-active .icon{background-image:url(../img/cart/download-on.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/cart/download-on.png')}
ul.process-menu li.ident-active .icon{background-image:url(../img/cart/ident-on.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/cart/ident-on.png')}
/* payment */
.payment-container .payment-description span{font:bold 14px Arial, Helvetica, sans-serif;color:#333;margin-left:10px}
ul.direct-payment{list-style-type:none;padding:0}
ul.direct-payment li{list-style-type:none;padding:0;margin-bottom:10px}
ul.direct-payment li label.common{font-weight:bold;float:left;width:150px;font-size:13px;color:#000}
ul.direct-payment li label.common.cardtype{position:relative;top:15px}
ul.direct-payment .cc-types{list-style-type:none}
ul.direct-payment .cc-types li{float:left;margin:0 10px 0 0}
ul.direct-payment .cc-types li em{color:#666}
ul.direct-payment .cc-types li input{position:relative;top:-10px}
ul.direct-payment .atos_cc_cvv{width:50px}
/* errors */
ul.process-error, .payment-error ul{background:#fff url(../img/cart/warning.png) no-repeat center left;list-style-position:inside;min-height:68px;_height:68px;margin:0 0 20px 0;padding:0}
ul.process-error li, .payment-error ul li{padding-left:90px}
/* empty cart */
.empty-cart{background:#fff url(../img/cart/empty-cart.png) no-repeat center left;width:500px;min-height:124px;_height:124px;margin:10px auto 30px}
.empty-cart div{padding:40px 0 0 150px}
.empty-cart h3{margin:0 0 6px 0;font:normal 26px Helvetica,Arial,sans-serif;letter-spacing:-1px}
/* payment block */
.content-block{border:1px solid #ccc;padding:10px;margin-bottom:30px}
.payment-method{width:150px;height:90px;background:#fff url(../img/cart/gradient-bottom2.png) repeat-x center bottom;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #ccc;padding:10px;text-align:center;float:left;margin-right:15px;-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);-khtml-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3)}
.payment-method:hover{border-color:#777}
.payment-method:hover a{color:#333}
.payment-method a{color:#666;font-weight:bold;text-decoration:none;font-family:Arial,sans-serif;display:block;outline:0}
.payment-method a:hover{text-decoration:none;color:#333}
.payment-method img{display:block;padding-top:5px;margin:0 auto}
.payment-method span{display:block;cursor:pointer;margin:0 auto}
.payment-method span img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
/**
 * cart recommandations
 * enhanced previous markup and removed inline styles
 * still needs improvement though
 */
.cart-rcmd-up{height:47px;position:relative;padding-left:235px;margin-top:5px}
.cart-rcmd-up img{position:absolute;left:0;top:0}
.cart-rcmd-container{border:solid 1px #ccc;background:#f3f3f3}
.cart-rcmd-wrapper{border-left:1px solid #fff;padding:15px}
.cart-rcmd-icon{width:48px;float:left;margin-right:20px}
.cart-rcmd-name{width:570px;float:left}
.cart-rcmd-name h4{font-size:13px;margin:0 0 5px 0}
.cart-rcmd-price{width:220px;float:left;text-align:right;padding-top:5px;font-size:16px;font-weight:bold}
.cart-rcmd-link{width:250px;float:left;text-align:right;padding-top:15px}
.cart-rcmd-link a{font-weight:bold}
.cart-rcmd-warning{margin:5px 0;text-align:center}
a.box-link{text-decoration:none;color:#333;margin-left:5px;outline:0}
a.box-link:hover{text-decoration:underline}
/** Subscription panel **/
.first-col.collapsed-row{background:transparent url(../img/subscription/row-sprite.png) no-repeat -36px 0;cursor:pointer;-moz-user-select:none}
.first-col.expanded-row{background:transparent url(../img/subscription/row-sprite.png) no-repeat -54px 0;cursor:pointer;-moz-user-select:none}
.active-row tr td, .body-expanded tr td{border:none}
.active-row tr td{background:transparent url(../img/subscription/active-bg.gif) repeat-x 0 0;font-weight:normal}
.body-expanded .first-col{background:transparent url(../img/subscription/row-sprite.png) repeat-y -18px 0}
.active-row tr td.first-col, .body-expanded tr td.first-col{border-right:1px solid #ccc;cursor:pointer}
.active-row tr td.last-col, .body-expanded tr td.last-col{border-right:1px solid #ccc}
.cart tr.subscription-renewal td{text-align:right;padding-top:10px;padding-bottom:10px;border-top:1px dotted #C3DADF;color:#333}
.cart tr.subscription-renewal td.renewal-price{font-size:14px}
.cart tr.subscription-renewal.last-row td{border-bottom:1px solid #ccc}
.cart tr.subscription-renewal td.first-col{border-top:0}