/**************************************/
/*               Global               */
/**************************************/

.orange_heading {
    background:url('../images/orange_heading.png') repeat-x;
    height:20px;
    padding:10px 0 10px 15px;
    color:white;
}

.white_heading {
    text-transform: uppercase;
    font-size:15px;
    padding:10px 0 10px 10px;
    border-bottom: 1px solid #D3D3D3;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    margin-bottom:10px;
}

hr .light {
    background: lightgrey;
    height: 1px;
}

hr .extra_light {
    background: #e7e7e7;
    height:1px;
}

.upper {
    text-transform:uppercase;
}

.float_left {
    float: left;
}
/**************************************/
/*               Home                 */
/**************************************/

ul.home_tabs{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.home_tabs li{
    background: grey;
    color: white;
    font-weight: bold;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    text-transform: uppercase;
    margin-right: 20px;
}

ul.home_tabs h3 {
    margin:0;
    display: inline;
}

ul.home_tabs li.current{
    background: #f17108;
}

.home_tab_content{
    display: none;
    border-top: 6px solid #f17108;
    padding-top: 5px;
}

.home_tab_content.current{
    display: inherit;
}

ul.home_insurance{
    list-style: none;
    margin:0 auto;
    padding:5px 0 5px 0;
    display: table;
    color:#555;
    text-transform: uppercase;
    font-family:arial, sans-serif;
    background: #f6f6f6;
    width:100%;
}

ul.home_insurance li{
    display: table-cell;
    text-align: center;
    border-right:1px solid lightgrey;
}

ul.home_insurance li:last-child {
    border-right:none;
}

ul.header_logo_menu{
    list-style: none;
    padding:5px 0 5px 0;
    display: table;
    color:#555;
    text-transform: uppercase;
    font-family:arial, sans-serif;
    width:100%;
    font-size:10px;
}

ul.header_logo_menu li{
    display: table-cell;
    border-right:1px solid lightgrey;
    padding: 5px 0 0 10px;
    min-width:90px;
}

ul.header_logo_menu li a {
    color: inherit;
}

ul.header_logo_menu li a.product{
    color:#004b91;
    text-transform: none;
    font-size:11px;
    font-weight: normal;
}

ul.header_logo_menu li a.product:hover{
    color:#026dd1;
}

ul.header_logo_menu li a.list {
    display:block;
}

ul.header_logo_menu li:last-child {
    border-right:none;
}

.header_logo_menu_title {
    font-weight:bold;
    margin-bottom:3px;
    display:block;
}

#user_menu {
    width:560px;
    float:right;
    overflow:hidden;
}

.headerInfosText {
    float:left;
    width: 310px;
    color: white;
    text-align: left;
    height: 32px;
    overflow: hidden;
    padding: 7px 0 0 5px;
}

.headerInfosSocial {
    float: left;
    margin-left: 65px;
    padding-top: 9px;
}

.headerInfosSearch {
    float: left;
    width: 350px;
    margin-left: 106px;
    text-align: right;
}

/**************************************/
/*            Column Left             */
/**************************************/

#block-blog {
    background:url('../images/blocks/bloc-img-blog.jpg');
    height: 215px;
    vertical-align: bottom;
    display: table-cell;
}

#inner-block-blog {
    height: 60px;
    width: 209px;
    padding: 5px 0 5px 8px;
    text-transform: uppercase;
    color: white;
    font-size: 12px;
    line-height: 15px;
}

.blog-span {
    color: #ffda2d;
}

/**************************************/
/*           Dropdown Menu            */
/**************************************/

.dropdown-content {
    position: absolute;
    min-width: 220px;
    padding-top: 10px;
    z-index:999;
}

.dropdown-content-cart {
    display: none;
    margin-left: -110px;
}

.dropdown-content-user {
    display: none;
}

.dropdown-content-user a {
    padding: 5px 0 5px 0;
    display:block;
}

.dropdown-content-user a:hover {
    color:#f17108;
}

.cart_dropdown:hover .dropdown-content-cart {
    display: block;
}

.user_dropdown:hover .dropdown-content-user {
    display: block;
}

.dropdown-container {
    background:white;
    padding: 12px;
}

.dropdown-icon {
    vertical-align: top;
    margin-right: 2px;
}

/**************************************/
/*             Doofinder              */
/**************************************/

div#doofinderLogo {
    display:none;
}

div.df-classic {
    z-index: 900;
    border-radius: 0;
    border-top: 1px solid #fa9321;
    margin-left: -469px !important;
}

.df-classic .df-main {
    border-left: 1px solid #fa9321;
}

div.df-panel--collapse .df-panel__title {
    background-image: none !important;
}

a.df-panel__title {
    display: block;
    padding: 7px 0 7px 9px;
    margin: 0;
    color: white !important;
    background: #c7c6c4 !important;
    max-height: 30px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

a.df-panel__title:hover {
    color: white;
}

.df-card__title {
    font-size:12px;
}

img.df-card__image img {
    width: 140px;
}

div.df-card__manufacturer_logo {
    margin-top: 5px;
}

div.df-card__manufacturer_logo img {
    max-width: 65px;
    max-height: 25px;
}

div.df-classic.df-layer--with-facets .df-aside__content {
    padding-top: 0;
    border-right: 1px solid #fa9321;
    border-left: 2px solid #c7c6c4;
}

div.df-classic .df-aside__content {
    padding: 0;
}

div.df-panel__content {
    padding: 5px;
}

div.df-layer--grid .df-card__image {
    -webkit-flex: 1 1 138px;
    -ms-flex: 1 1 138px;
    flex: 1 1 138px;
    height: 138px;
}

span.df-card__sale-price {
    margin: 0;
}

.df-classic .df-header {
    background: #fa9321;
    color:white;
}

.df-icon svg {
    fill: #fff !important;
}

.df-icon:active svg, .df-icon:focus svg, .df-icon:hover svg {
    fill: #dedede !important;
}

.df-icon--close svg {
    fill: #fff !important;
}

.df-icon--close:active svg, .df-icon--close:focus svg, .df-icon--close:hover svg {
    fill: #dedede !important;
}

/**************************************/
/*           Shopping Cart            */
/**************************************/

#cart {
    background:white;
    margin-top:15px;
    padding:5px;
    width:930px;
    overflow: hidden;
    font-size:11px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

#cart h1 {
    color:white;
    text-shadow: -1px -1px grey;
    font-size:18px;
    display:inline;
}

#cart_order_button {
    margin:17px 18px 0 0;
}

#cart_fidelity {
    margin-top:17px;
    padding:5px;
    color:gray;
    font-size:11px;
    background:#efefef;
}

a.cart_keep_shop {
    float:right;
    color:grey;
    margin:32px 0 0 307px;
    position:absolute;
    font-size:12px;
}

a.cart_keep_shop:hover {
    color:grey;
    text-decoration: underline;
}

.cart_refresh {
    position: relative;
    width: 100%;
}

.cart_separator {
    padding:5px 15px 5px 15px;
}

.cart_content {
    padding:0 15px 0 15px;
}

.cart-update-configurations {
    padding:0 15px 0 15px;
}

.cart_div_qty {
    margin:auto;
    width:60px;
    font-family: Verdana, Arial, sans-serif;
    line-height: 15px;
}

.cart_hr {
    background:lightgray;
    border:none;
    height:1px;
}

.cart_options {
    text-align:center;
    padding-top:12px;
    text-transform:uppercase;
}

.cart_buttons {
    background:#eeeeee;
    padding-top:5px;
}

.cart_light_shadow {
    -moz-box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.2);
}

.cart_qty_input {
    color:gray;
    width:40px;
    height:25px;
    text-align:center;
    border:1px solid lightgray;
    margin-right: 3px;
    margin-top: 2px;
}

.cart_discount_button {
    cursor:pointer;
    background:#f17108;
    color:white;
    border:none;
    padding:3px 6px 3px 6px;
}

.cart_loading_container {
    display:none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center;
}

.cart_loading_centered {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.cart_loading_image {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.save_loading_container {
    display: none;
    float: right;
    padding-right: 50px;
}

.save_loading_image {
    width:25px;
    height:25px;
}

/**************************************/
/*          Category listing          */
/**************************************/

#box_categories{
    padding:20px;
    border:1px solid lightgrey;
}

#box_categories h1{
    display:inline;
    color: #3b3b3b;
}

#box_categories h2{
    font-size:12px;
    color: #3b3b3b;
    margin-right:15px;
    font-family:Helvetica, Arial, sans-serif;
}

#box_categories a:hover h2{
    color:#FF9600;
}

img.new_label{
    position:absolute;
    width:47px;
    height:19px;
    margin:-10px 0 0 5px;
}

.nb_results {
    font-size:12px;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    color:#f17108;
    width: 450px;
}

.short_desc {
    text-align: justify;
    padding: 5px;
    font-size: 11px;
    color: #3b3b3b;
    line-height: 14pt;
}

.empty_category_text
{
    width: 450px;
    font-size: 13px;
    text-align: justify;
}

.empty_category_title
{
    font-size: 14px;
    color: #f17108;
    font-weight: bold;
}

.empty_category_img
{
    float: right;
    width: 200px;
    margin-top: 25px;
}

/**************************************/
/*          Cart Suggestions          */
/**************************************/

.sgt_product {
    padding:5px 10px 0 10px;
    margin-bottom:10px;
    overflow: hidden;
    display:inline-block;
    width:205px;
    vertical-align: top;
}

.sgt_brand {
    margin-top:2px;
    color:#B9B9B9;
    font-size:11px;
    text-transform: uppercase;
}

.sgt_buttons {
    float:right;
    text-align: left;
    width:125px;
}

.sgt_price {
    margin-top:4px;
    font-weight:bold;
    color:#333333;
    font-size:13px;
}

.sgt_border {
    border-right:1px solid #d3d3d3;
}

/**************************************/
/*             Add Popup              */
/**************************************/

.add_popup {
    justify-content: center;
    height: 130px;
}

.add_popup_image {
    width: 130px;
    height: 130px;
    align-self: center;
}

.add_popup_info {
    width:400px;
    margin-left: 130px;
    align-self:center;
    line-height: 1.5em;
    height: 115px;
}

.add_popup_info .price {
    height: 43px;
    padding-top: 8px;
}

.add_popup_info #qty_refresh {
    height: 40px;
    margin-top: -5px;
}

.add_popup_text {
    height: 40px;
}

.add_popup_buttons {
    height: 25px;
    padding-top: 4px;
}

.add_popup_continue {
    color: grey;
    font-size: 12px;
    padding-top: 4px;
}

.add_popup_title {
    font-size: 15px;
    color: #f17108;
}

.add_popup_quantity_minus {
    border: solid 1px lightgrey;
    background: #f2f2f2;
    margin: 2px -1px 0 0;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    padding: 6px 0 0 13px;
    color: #808080;
    width: 18px;
    height: 21px;
}

.add_popup_quantity_plus {
    border: solid 1px lightgrey;
    background: #f2f2f2;
    margin: 2px 0 0 -4px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    padding: 6px 0 0 11px;
    color: #808080;
    width: 20px;
    height: 21px;
}

.popup_cart_quantity {
    color:gray;
    width:40px;
    height:25px;
    text-align:center;
    border:1px solid lightgray;
    margin-right: 3px;
    margin-top: 2px;
}

.qty_loading_container {
    display:none;
    position: absolute;
    text-align:center;
    margin: 6px 0 0 43px;
}

.qty_loading_image {
    vertical-align: middle;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.quantity_box {
    width: 40px;
    line-height: 35px;
    color: black;
    text-align: center;
    border: 1px solid lightgrey;
    height: 35px;
    overflow: hidden;
}

/**************************************/
/*           Order process            */
/**************************************/

.radius_box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:12px;
    padding:7px;
}

.order_message {
    border: 1px solid #d6d6d6;
    background: #f9f9f9;
}

.order_info {
    border: 1px solid #5391f8;
    background: #f1f9ff;
}

.order_info_img {
    float: left;
    width: 45px;
    margin-right: 5px;
}

.order_warning {
    border: 1px solid #f1be38;
    background: #fffdf1;
}

ul.shipping_method{
    margin:0;
    padding:0;
    list-style:none;
}

div.order_list {
    border-bottom: 1px solid lightgrey;
    padding: 15px 0 15px 0;
}

#steps_container {
    margin:25px 0 25px 0;
    color: #6a6a6a;
    font-size: 13px;
    font-family: "Arial", sans-serif;
}

#steps {
    margin: 0 auto;
}

#steps td {
    text-align: center;
    width:70px;
}

/**************************************/
/*          Checkout Success          */
/**************************************/

.success {
    font-size:12px;
    margin-top:10px;
    width:940px;
    overflow: hidden;
}

.success fieldset {
    border:1px solid #c4c4c4;
    width:250px;
}

.success_title {
    margin:-5px 0 0 130px;
}


/**************************************/
/*              Product               */
/**************************************/

.gift {
    color: white;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 8px;
}

.gift_text {
    background: url('../images/gift-background.png') repeat-x;
    max-width: 450px;
    height: 21px;
    padding: 6px 7px 0 10px;
    margin-left: 24px;
    border-radius: 5px;
}

td .gifts {
    padding: 20px;
}

#attributes_table {
    border: none;
    margin-top: 10px;
    font-style: normal;
    font-size: 13px !important;
    font-family: Verdana, Arial, sans-serif;
    color: #646464;
    width: 100%;
}

/**************************************/
/*                Misc                */
/**************************************/

.welcome-img {
    float:left;
    margin-right:10px;
}

.note {
    position: relative;
}
.note:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    display: block;
    border-left: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid lightgray;
}

/**
 * OAuth connect / register
 */

hr.login-sep {
    margin-top: 10px;
    margin-bottom: 10px;
}


div.login-button-wrapper{
    text-align: center;
}

a.fb-login-button, a.linkedin-login-button {
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
}

a.fb-login-button:hover, a.linkedin-login-button:hover {
    color: #fff;
}

a.fb-login-button span, a.linkedin-login-button span {
    display: block;
    padding-left: 40px;
    text-align: left;
    font-size: 11px;
}

a.fb-login-button {
    float:left;
    background-image: url("/bundles/materielelectriqueuser/images/oauth/facebook_connect.png");
}

a.linkedin-login-button {
    float:right;
    background-image: url("/bundles/materielelectriqueuser/images/oauth/linkedin_connect.png");
}

/**
 * breadcrumb
 */
nav#wrapper-breadcrumb {
    margin : 0 0 10px 43px;
}

nav#wrapper-breadcrumb-review {
    margin-left: 10px;
}

nav#wrapper-breadcrumb-promotion{
    margin-left: 22px;
    margin-top:-10px;
}

nav#wrapper-breadcrumb-new-products{
    margin-left: 22px;
    margin-top:-10px;
}

ol.breadcrumb{
    list-style: none;
    padding: 6px 8px 8px 8px;
}

ol.breadcrumb li {
    display: inline;
    font-size: 11px;
    padding-top: 3px;
}

ol.breadcrumb li img {
    margin:0 5px 0 6px;
    vertical-align: middle;
}
ol.breadcrumb li .bread_piece {
    padding: 0 0 0 3px;
}

ol.breadcrumb li a {
    color:grey;
}

ol.breadcrumb li a:hover {
    color:orange;
}


.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.close {
    float: right;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.sch-main__widget-alert .alert-success {
    color: #fff;
    background-color: #38ca62;
    border-color: #28944b;
    font-weight: bold;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

input.contact-submit[type=submit] {
    background: url("/images/template/envoyer_button.png");
    margin-right:9px;
    border: 0;
    display: block;
    height: 41px;
    width: 161px;
    cursor: pointer;
}

button[type=button].cta-add-cart{
    cursor: pointer;
    border: 0;
    background: transparent;
    padding: 0;
}



/** city guesser - autocomplete*/
input[type=text].me-cityguesser-city:read-only {
    background-color: #e8e8e8;
    border: none;
}

.ui-autocomplete.ui-corner-all,
.ui-menu .ui-menu-item a.ui-corner-all {
    border-radius:0;
}

.ui-menu .ui-menu-item a.ui-state-focus {
    /*color:red!important;*/
    background: #cccccc !important;
}

li.ui-menu-item-override {
    background: none !important;
    text-align:center
}
.ui-menu .ui-menu-item-override.ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item-override.ui-menu-item a.ui-state-focus:hover {
    background: none!important;
    border:0!important;
    color: #f17108!important;
    text-decoration: underline;
    cursor:pointer;
}


/* jquery UI override*/
.ui-autocomplete-loading
{
    background: #fff url("/assets/img/ajax-loader.gif") no-repeat 95%;
    background-size: 20px 20px;
}