/*@font-face {*/
    /*font-family: 'ubuntubold';*/
    /*src: url('../fonts/ubuntu-b-webfont.eot');*/
    /*src: url('../fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),*/
         /*url('../fonts/ubuntu-b-webfont.woff') format('woff'),*/
         /*url('../fonts/ubuntu-b-webfont.ttf') format('truetype'),*/
         /*url('../fonts/ubuntu-b-webfont.svg#ubuntubold') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/
/*@font-face {*/
    /*font-family: 'ubunturegular';*/
    /*src: url('../fonts/ubuntu-r-webfont.eot');*/
    /*src: url('../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),*/
         /*url('../fonts/ubuntu-r-webfont.woff') format('woff'),*/
         /*url('../fonts/ubuntu-r-webfont.ttf') format('truetype'),*/
         /*url('../fonts/ubuntu-r-webfont.svg#titilliumregular') format('svg');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
/*}*/

@font-face {
    font-family: 'titillium_bdbold';
    src:  url('../font/titillium-bold-webfont.eot');
    src:  url('../font/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
          url('../font/titillium-bold-webfont.woff') format('woff'),
          url('../font/titillium-bold-webfont.ttf') format('truetype'),
          url('../font/titillium-bold-webfont.svg#titillium_bdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titilliumregular';
    src:  url('../font/titillium-regular-webfont.eot');
    src:  url('../font/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('../font/titillium-regular-webfont.woff') format('woff'),
          url('../font/titillium-regular-webfont.ttf') format('truetype'),
          url('../font/titillium-regular-webfont.svg#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titilliumitalic';
    src:  url('../font/titillium-regularitalic-webfont.eot');
    src:  url('../font/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
          url('../font/titillium-regularitalic-webfont.woff') format('woff'),
          url('../font/titillium-regularitalic-webfont.ttf') format('truetype'),
          url('../font/titillium-regularitalic-webfont.svg#titilliumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



html {
    height: auto;
}
html, body {
    background: none;
    font-size: 10px;
    line-height: 10px;
    font-family: tahoma;
    color: #0154a2;
}
p {
    font-size: 12px;
    line-height: 17px;
    color: #7a7a7a;
}

/* link */
a {
    color: #0154a2;
    text-decoration: none;
}
a:hover {
    color: #0154a2;
    text-decoration: underline;
}
/* tooltip styling */
a.tooltipp:hover {
    text-decoration: none;
}
/* link REVERSE */
a.reverse_underline {
    text-decoration: underline;
}
a.reverse_underline:hover {
    text-decoration: none;
}
a.std_link_goto {
    font-style: italic;
    margin-top: 2px;
    display: inline-block;
}

/*******( firefox fixes )***********/
html { overflow: -moz-scrollbars-vertical; } /* always show vertical scrollbar */
html { overflow-x: auto; overflow-y: scroll; } /* avoid hiding horizontal scrollbar */
:-moz-any-link:focus {outline: none; } /* no outline around focussed links */


/* CUSTOM - POSITION ================================================================================ */
.left {
    float: left;
    display: inline;
}
.right {
    float: right;
    display: inline;
}

.center {
    text-align: center !important;
}
.text_left {
    text-align: left !important;
}
.text_right {
    text-align: right !important;
}

.pos_relative {
    position: relative !important;
}
.pos_fixed {
    position: fixed !important;
}


/* CUSTOM - GENERAL ================================================================================ */
h1,h2,h3,h4,h5,h6{
    font-family: 'titilliumregular';
    -webkit-font-smoothing: antialiased;
    margin: 0;
    line-height: 1;
    font-weight: normal;
}

h1, .h1 {
    font-size: 21px;
    margin-bottom: 1em;
}
h2, .h2 {
    font-size: 18px;
    margin: 1em 0 0.5em;
}


/* CUSTOM - COMPOSITS ================================================================================ */
.std_shadow {
    -webkit-box-shadow:  0px 0px 5px 0px rgba(18, 19, 18, 0.4);
    box-shadow:  0px 0px 5px 0px rgba(18, 19, 18, 0.4);
    background: #fff;
}
.std_block_blue {
    background: #e6f2f5;
    margin: 0 0 2em 0;
    padding: 0;
    list-style: none;
}

.std_well {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 18px;
    border: 1px solid #dad8d6;
    background: #f2f2f2;
}
.std_well_white {
    background: #fff;
}
.std_rounded {
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}
.no_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn_on_input {
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

.btn {
    cursor: pointer;
    padding-bottom: 5px;
    font-family: 'titilliumregular';
    -webkit-font-smoothing: antialiased;
}

/* STD BUTTON - gray */
.btn_std,
.btn_std a {
    display: inline-block;
    background: #ffb400;
    color: #fff !important;
    text-align: center;
    padding: 6px 12px;
    font-size: 13px;
    font-family: 'titilliumregular';
    text-transform: lowercase;
    }
    .btn_std i {
        position: relative;
        top: 1px;
        color: #0154a2;
        margin-left: 8px;
    }
.btn_std:hover {
    color: #fff;
    opacity: 0.9;
    }
    .btn_std:hover span {
        text-decoration: underline;
    }

.btn_back {
    display: inline-block;
    margin-right: 1em
    }
    .btn_back i {
        margin-right: 5px;
    }
.btn_next {
    display: inline-block;
    }
    .btn_next i{
        margin-left: 5px;
    }

/*.button_to_link_style {*/
    /*background: none; border: 0; padding: 0;*/
    /*display: inline-block;*/
/*}*/
/*.button_to_link_style:hover {*/
    /*text-decoration: underline;*/
/*}*/


.stock_state_1,
i.stock_state_1,
.stock_state_2,
i.stock_state_2 {
    color: #236900;
}
.stock_state_10,
i.stock_state_10 {
    color: #0368d0;
}
/* Discontinued */
.stock_state_99,
i.stock_state_99 {
    color: #a41700;
}
/* promoset */
.stock_state_9999,
i.stock_state_9999 {
    visibility: hidden;
}



/* CUSTOM - PROFILER ================================================================================ */
#profiler .progress-bar {
    float: none;
    width: auto;
    height: auto;
}
#profiler .label {
    color: #333;
}
.global-site-notice.demo-notice {
    display: none;
}

/* CUSTOM - FORM RESET ================================================================================ */
input, select, option, textarea {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    font-size: 11px;
    color: #333;
}

/* CUSTOM - GLOBAL MESSAGES ================================================================================ */
.success { color:#3d6611; font-weight:bold; }
.error { color:#f00; font-weight:bold; }
.notice { color:#ccc; }

.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px; }
.messages li li { margin: 5px 0 7px; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    border-style:solid !important;
    border-width:1px !important;
    background-position:10px 5px !important;
    background-repeat:no-repeat !important;
    /*min-height:24px !important;*/
    padding:3px 8px 3px 32px !important;
    font-size:11px !important;
    font-weight:bold !important;
}
.error-msg {
    border-color:#f16048;
    background: #faebe7 url(../images/i_msg-error.gif) no-repeat left 4px;
    color:#df280a;
}
.success-msg {
    border-color:#446423;
    background: #eff5ea url(../images/i_msg-success.gif) no-repeat left 4px;
    color:#3d6611;
    padding-bottom: 1px !important;
}
.note-msg,
.notice-msg {
    border-color:#fcd344;
    background: #fafaec url(../images/i_msg-note.gif) no-repeat left 4px;
    color: #eea72c;
}
.notice-msg-blue {
    border-color:#007cc0;
    background: #dff4ff;
    color: #333;
    padding-left: 8px !important;
    font-weight:normal !important;
}


/* CUSTOM - DATA TABLES ================================================================================ */
.data-table {
    width:100%;
    line-height: 14px;
}
.data-table ul {
    margin: 0;
}
.data-table th,
.data-table td {
    padding: 11px 10px 10px 0;
}

.data-table th {
    font-size: 11px;
    padding-bottom: 13px;
    font-weight:bold;
    white-space:nowrap;
}
.data-table td,
.data-table .price {
    font-size: 11px;
}
.data-table h3 {
    font-size: 12px;
}
.data-table .price {
    font-family: Tahoma,Arial;
}
.data-table td.last {
    padding-left: 1px;
}
.data-table td a {
    text-decoration: none;
}
.data-table td a:hover {
    text-decoration: underline;
}
.data-table td.actions ul {
    margin: 0;
    padding: 0;
    height: 18px;
    margin-top: -4px;
    list-style: none;
    }
    .data-table td.actions a {
        font-size: 11px;
        color: #00a9df;
        text-decoration: underline;
    }
    .data-table td.actions i {

    }
.data-table td.actions a:hover {
    text-decoration: none;
}
.data-table td.actions i {
    position: relative;
    top: 2px;
    font-size: 14px;
    color: #00a9df;
}
.data-table td img{float:left}
.data-table tbody {}
.data-table tfoot {}
.data-table tfoot td { padding: 7px 0; }
.data-table tfoot tr.first td { padding-top: 10px; }
.data-table tfoot button { margin-right: 10px; }
.data-table tr {
    margin-bottom: 5px;
    font-size: 11px;
}
.data-table tr.first {}
.data-table tr.last {}
.data-table tr.odd {}
.data-table tr.even {}
.data-table tr.even td { }
.data-table tbody tr:hover td { background: #F7F7F7; }
.data-table tbody tr td {
    border-top: 1px solid #d8d2c9;
}
.data-table tbody tr.last td {
    border-bottom: 1px solid #d8d2c9;
}
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.even { }
.data-table tbody.even td { border-width:0 1px;}
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom-width:1px; }
.data-table th .tax-flag { white-space:nowrap; font-weight:normal; }
.data-table td.label,
.data-table th.label { vertical-align: top;font-weight:bold; text-align:right }
.data-table td.value {}



/* CUSTOM - FORM FIELDSET ================================================================================ */
.fieldset {
    margin: 0 0 70px 0;
    }
.fieldset:last-child {
    margin: 0;
    }
.account-myorders-top .fieldset {
    margin-bottom: 40px;
    }
    .fieldset .legend {
        font-size: 14px;
        padding-bottom: 1px;
        border-bottom: 1px solid #e0e0e0;
        margin: 3px 0 2px;
    }

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

/* Prevent other forms (calculate shipping / opc) to be touched */
.fieldset .form-list li fieldset { margin-bottom:40px}


.fieldset .form-list li.fields {
    display: block;
    /*margin: 10px 0 0 0;*/
}
.fieldset .form-list div.fields { width:100%; overflow:hidden; margin:0 0 8px; }
.fieldset .form-list .wide,.form-list li.fields .field,.form-list li {
    width:auto;
}
.fieldset .form-list .wide,.form-list li.fields .field {
    margin:0 0 4px 0;
}
.fieldset .form-list .input-box, .form-list li.wide .input-box { clear:none; float:left; margin-left:20px; }
.fieldset .form-list .input-range {width:400px; float:right}
/*.fieldset .form-list li.wide select { width:390px; }*/
/*.fieldset .form-list li.wide input.input-text { width:254px; }*/
.fieldset .form-list .control input {
    /*margin: 0;*/
    margin-top: 6px;
    margin-right: 7px;
    font-size: 12px;
}
/*.fieldset .form-list li.control label { float:left; }*/
.fieldset .form-list li.wide { margin-bottom:8px; }
.fieldset .form-list .address-select { margin:8px 0 40px; }
.form-list .control input {
    /*margin:8px 0 0 25px; */
    float:left;
    width:auto
}


/* CUSTOM - FORM TYPE A ================================================================================ */
.form_style_a {

    }
    .form_style_a ul {
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }
    .form_style_a ul.std_well {
        margin-bottom: 5px;
        padding: 7px 15px;
    }
    .form_style_a li {

        }
        .form_style_a li.book {
            margin-bottom: 15px;
            }
            .form_style_a li.book label {
                margin-top: -3px;
            }
        .form_style_a .required em {
            color: #f00;
            margin-left: 0px;
        }
        .form_style_a label,
        .form_style_a .input-box {
            float: left !important;
            font-size: 12px !important;
            margin-left: 0 ;
            }
        .form_style_a .input-box {
            position: relative;
            }
            .form_style_a .input-box .fa-spin {
                display: none;
                position: absolute;
                left: 9px;
                top: 10px;
                }
            .form_style_a .input-box.loading .fa-spin {
                display: inline-block;
                }
        .form_style_a label {
            display: inline-block;
            width: 188px;
            padding-right: 15px;
            margin-top: 6px;
            font-weight: normal;
            line-height: 20px;
        }
        .form_style_a .input-box .tooltipp {
            display: inline-block;
            margin: 4px 0 0 15px;
            }
            .form_style_a .input-box .tooltipp:hover {
                text-decoration: none;
            }
        .form_style_a .input-box input,
        .form_style_a .input-box textarea,
        .form_style_a .input-box select {
            font-weight: normal;
            color: #333333;
        }
        .form_style_a .input-box input.error,
        .form_style_a .input-box textarea.error,
        .form_style_a .input-box select.error {
            border: 1px solid #f00;
            }
            .form_style_a .input-box input.error:focus,
            .form_style_a .input-box textarea.error:focus,
            .form_style_a .input-box select.error:focus {
                -webkit-box-shadow:  0px 0px 8px 0px rgba(240, 15, 0, 0.6);
                box-shadow:  0px 0px 8px 0px rgba(240, 15, 0, 0.6);
            }
        .form_style_a .input-box input.success,
        .form_style_a .input-box textarea.success,
        .form_style_a .input-box select.success {
            border: 1px solid #109d29;
            background: #f0fce8;
            }
            .form_style_a .input-box input.success:focus,
            .form_style_a .input-box textarea.success:focus,
            .form_style_a .input-box select.success:focus {
                -webkit-box-shadow:  0px 0px 8px 0px rgba(16, 157, 41, 0.6);
                box-shadow:  0px 0px 8px 0px rgba(16, 157, 41, 0.6);
            }
    .form_style_a .control {
        display: block;
        margin-top: 5px;
        }
        .form_style_a .control input[type="checkbox"] {
            margin-right: 10px;
        }
        .form_style_a .control input[type="radio"] {
            position: relative;
            top: 0px;
        }
        .form_style_a .control label {
            margin-top: 3px;
        }

    .form_style_a .input-box input {
        margin-bottom: 5px;
        width: 300px;
    }
    .form_style_a .input-box input[type="checkbox"] {
        margin-bottom: 0px;
        margin-top: 6px;
        width: auto;
        text-align: left;
    }
    .form_style_a .input-box textarea,
    .form_style_a .input-box select {
        width: 300px;
        margin-bottom: 5px;
    }
    .form_style_a .input-box select {
        height: 30px;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        background-color: #ffffff;
    }

    .form_style_a input[type="radio"]{
        position: relative;
        top: 6px;
        margin-right: 7px;
    }
    /* error */
    .form_style_a .input-box .validation-advice {
        position: relative;
        top: -13px;
        left: 310px;
        margin-top: -13px;
        width: 140px;
        background: url(../images/validation_advice_left_bg.gif) 0px 0px no-repeat;
        margin-bottom: 0px;
        width: 110px;
    }
    /* succes */
    .form_style_a .input-box .validation-advice-success {
        position: relative;
        color: #109d29;
        background: none;
        top: -16px;
        left: 316px;
        height: 18px;
        margin-bottom: -5px;
        margin-top: -13px;
        }
        .form_style_a .input-box .validation-advice-b i {
            font-size: 17px !important;
        }
    .form_style_a .alert {

        }
        .form_style_a .alert_succes {

        }


/* CUSTOM - FORM TYPE B ================================================================================ */
.form_style_b .holder {
    margin-bottom: 12px;
    }
    .form_style_b .holder ul.st_grey_bordered {
        padding: 5px 10px 6px;
        }
        .form_style_b .holder ul input {
            margin-right: 8px;
        }
        .form_style_b .holder ul label {
            margin-bottom: 0px;
            font-size: 11px;
            position: relative;
            top: 1px;
            }
            .form_style_b .holder ul label .icon {
                display: inline-block;
                width: 19px;
                height: 19px;
                margin: 0 9px 0 2px;
                }
            .form_style_b .holder ul label .strong {
                font-weight: bold;
            }
            .form_style_b .holder ul label .price {
                font-size: 12px;
            }
        .form_style_b .holder ul a:hover {
            text-decoration: none;
        }
    .form_style_b .holder .details {

        }
        .form_style_b .holder .details ul {
            margin-top: 21px;
            margin-bottom: 20px;
            display: block;
            font-size: 11px;
            }
            .form_style_b .holder .details h2 {
                margin-bottom: 0px;
            }
            .form_style_b .holder .details address {
                padding: 0 12px;
                margin-right: 100px;
                margin-bottom: 0px;
            }
            .form_style_b a.goto {
                display: inline-block;
                margin: 0px;
                font-size: 11px;
            }
            .form_style_b a.goto:hover {
                text-decoration: underline !important;
            }
            .form_style_b .details a.goto {
                margin-top: 5px;
            }

/* prev bootstrap styling */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: inline-block;
height: 27px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}

.epa_webforms_fieldset {
    margin-bottom: 3em;
    }
    .epa_webforms_fieldset .legend {
        margin-bottom: 1em;
        padding-bottom: 10px;
    }
    .epa_webforms_fieldset textarea {
        min-height: 8em;
    }

/* TOOLTIP */
#tooltip {
    position: absolute;
    background: #e1f1fc;
    border: 1px solid #177cc6;
    padding: 9px 12px 10px;
    color: #177cc6;
    width: 230px;
    font-size: 10px;
    z-index: 999;
    }
    #tooltip span{
        display: block;
        font-family: 'titilliumregular';
        -webkit-font-smoothing: antialiased;
        font-size: 12px;
        line-height: 17px;
        margin: 3px 0 10px 0;
    }
    #tooltip p{
        font-size: 11px;
        margin: 0;
    }
    .tooltipp {
        display: inline-block;
        margin-top: 1px;
    }
    .tooltipp i {
        font-size: 13px;
    }
    .tooltipp.right_align {
        margin-left: 7px;
    }
    .tooltipp.left_align {
        margin-right: 7px;
    }