/** 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:normal 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 div {
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: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;
}