/* CSS Document */

/*-----------  *BASE*  -----------*/
html, body {
    width: 100%;
    min-height: 100%;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li, td, th, table, ol, input, select, textarea, * {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font: inherit;
}

object, a {
    -moz-outline-style: none;
    outline-style: none;
    outline-width: 0px;
    outline-color: -moz-use-text-color;
}

fieldset {
    border: none;
}

ul, ol {
    list-style-type: none;
}

a {
    color: inherit;
    text-decoration: none;
}

a img {
    border: none;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.hide {
    display: none;
}

.block {
    display: block !important;
}

.blockcentre {
    display: block !important;
    margin: 0 auto
}

.valigntexttop {
    vertical-align: text-top
}

.v-middle {
    vertical-align: middle
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text11 {
    font-size: 11px
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    border-bottom: 1px solid;
}

.noborder {
    border: none !important;
}

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.noindent {
    margin-left: 0;
    padding-left: 0;
}

.nobullet {
    list-style: none;
    list-style-image: none;
}

.relative {
    position: relative;
}

/*-----------  *generics*  -----------*/
body {
    /*Lissage font-face pour safari*/
    -webkit-font-smoothing: antialiased;
    background: #91886f url(https://www.obut.com/skin/frontend/obut/default/img/body.png) repeat-y center top;
    overflow-y: scroll;
}

/* container */
.container {
    width: 971px;
    margin: 0 auto;
}

/* price */
.price > .currency, .price > .decimal {
    font-size: 12px;
}

.price > .currency {
    font-family: UltramagneticLight, Arial, Sans-serif;
}

.price > .decimal {
    font-family: UltramagneticBold, Arial, Sans-serif;
}

/* boutons */
.bouton_bleu.small, #rightCol .bouton_bleu, button.bouton_bleu.small, button.button.small {
    height: 17px !important;
    line-height: 16px !important;
    font-size: 11px !important;
    background-position: right -64px;
}

#rightCol .push p a.bouton_bleu {
    font-size: 10px !important;
    padding: 5px 25px 3px 10px !important;
}

.bouton_bleu.small:hover, #rightCol .bouton_bleu:hover {
    background-position: right -89px;
}

.bouton_jaune.cart {
    background-position: right -246px;
}

button.button {
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: nowrap;
}

button.bouton_bleu, button.bouton_jaune, button.button, #main button.button, #greyBox button.button {
    height: 32px !important;
    cursor: pointer;
}

button.bouton_bleu.small, #rightCol button.bouton_bleu, button.button.small {
    height: 25px !important;
}

.button.proceed {
    background-position: right -278px;
}

.button.proceed:hover {
    background-position: right -310px;
}

.bouton_bleu.play {
    background-position: right -342px;
}

.bouton_bleu.play:hover {
    background-position: right -374px;
}

/* page background */
.pageBg {
    background: #ffffff url(https://www.obut.com/skin/frontend/obut/default/img/add_bg.gif) repeat-y right top;
}

.pageBg.right_position {
    background-position: left top;
}

/* colonnes */
.column {
    float: left;
    margin: 0 0 0 1px;
}

.column:first-child {
    margin-left: 0;
}

.col_959 {
    width: 959px;
}

.col_785 {
    width: 785px;
}

.col_719 {
    width: 719px;
}

.col_559 {
    width: 559px;
}

.col_461 {
    width: 461px;
}

.col_399 {
    width: 399px;
}

.col_362 {
    width: 362px;
}

.col_293 {
    width: 293px;
}

.col_239 {
    width: 239px;
}

.col_166 {
    width: 166px;
}

.col_188 {
    width: 188px;
}

.col_144 {
    width: 144px;
}

/*-----------  HEADER  -----------*/
header {
    position: relative;
    height: 100px;
    max-width: 1400px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

header > .container {
    background: #ffffff;
}

/* bg */
#bg {
    z-index: 1;
    position: relative;
    height: 662px;
    max-width: 1400px;
    margin: 92px auto 0 auto;
    background-color: #f3f1eb;
}

#bg > .picture {
    width: 100%;
    height: 662px;
    background-repeat: no-repeat;
    background-position: center top;
}

/* site */
#main {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

/* logo */
#logo {
    display: block;
    float: left;
    margin: 0 43px 0 0;
    padding: 8px 0 12px 0;
}

#logo img {
    display: block;
}

/* baseline */
#baseline {
    float: left;
    height: 50px;
    color: #888888;
    padding: 10px 0 0 12px;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
    width: 205px;
}

#baseline > strong {
    color: #717171;
    text-transform: uppercase;
    font: normal bold 13px/normal Arial, Verdana, Sans-serif;
}

/* main menu */
#mainMenu {
    float: left;
    width: 600px;
    padding: 0 9px 0 0;
}

#mainMenu > dl > dt, .advancedSearch a {
    float: left;
    padding: 0 8px;
    text-transform: uppercase;
    font: normal normal 12px/14px Ultramagnetic, Arial, Sans-serif;
}

#mainMenu > dl > dt > .content, .advancedSearch a {
    display: block;
    color: #003e90;
    padding: 6px 0;
    border-bottom: 6px solid #ffffff;
}

#mainMenu > dl > dt > a.content:hover, #mainMenu > dl:hover > dt > a.content {
    color: #222222;
}

#mainMenu > dl.current > dt > .content, #mainMenu > dl.current > dt > a.content {
    color: #003e90;
    border-bottom-color: #003e90;
}

#mainMenu > dl > dd {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    background: #ffffff url(https://www.obut.com/skin/frontend/obut/default/img/panoptique_bg.gif) repeat-x left top;
}

#mainMenu > dl > dd > .content {
    width: 959px;
    margin: 0 auto;
}

#mainMenu > dl > dd .products {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/panoptique_borders.gif) repeat-x left center;
}

#mainMenu > dl > dd .products > li {
    float: left;
    width: 159px;
    margin: 0 0 0 1px;
}

#mainMenu > dl > dd .products > li:first-child {
    margin-left: 0;
}

#mainMenu > dl > dd .products > li > a {
    display: block;
    position: relative;
    width: 129px;
    height: 133px;
    text-align: center;
    padding: 21px 15px 19px 15px;
}

#mainMenu > dl > dd .products > li > a:hover {
    color: #003e90;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/panoptique_roll_over.jpg) repeat-x left top;
}

#mainMenu > dl > dd .products > li p {
    text-align: left;
    padding: 0 15px;
    position: absolute;
    left: 0;
    top: 21px;
    line-height: 29px;
    width: 129px;
}

#mainMenu > dl > dd .products > li p .picto_durete {
    float: right;
    margin-right: 0 !important;
}

#mainMenu > dl > dd .products > li p:first-child {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: auto;
    bottom: 0;
    line-height: normal;
    padding: 0 0 19px 0;
}

#mainMenu > dl > dd .products > li.all {
    color: #003e90;
}

#mainMenu > dl > dd .products > li.all p .picto_plus {
    margin-right: 0 !important;
}

#mainMenu > dl > dd .products > li.all p > img[src$="arrow_right_blue.png"] {
    margin-left: 7px;
    position: relative;
    top: -1px;
}

#mainMenu > dl > dd .products > li.all p:first-child {
    bottom: 28px;
}

/* quick search */
#quickSearch, .advancedSearch {
    float: right;
    width: 100px;
    padding: 0 6px 0 0;
}

#quickSearch input[type="text"] {
    float: left;
    display: block;
    width: 110px;
    height: 20px;
    color: #222222;
    border: 1px solid #d7d7d7;
    border-right: 0;
    padding: 0 0 0 25px;
    border-radius: 2px 0 0 2px;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
    background: #e8e8e8 url(https://www.obut.com/skin/frontend/obut/default/img/search.png) no-repeat 7px center;
}

#quickSearch input[type="submit"] {
    float: left;
    display: block;
    width: 23px;
    height: 22px;
    color: #ffffff;
    border: none;
    cursor: pointer;
    background: #1b6bd4;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 2px 2px 0;
    font: normal bold 11px/22px Arial, Verdana, Sans-serif;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    text-transform: lowercase;
}

#quickSearch input[type="submit"]:hover {
    background: #003e90;
}

/*-----------  SITEMAP  -----------*/
#sitemap {
    color: #656565;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

#sitemap .title {
    color: #003e90;
    padding: 0 30px 15px 0;
    text-transform: uppercase;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
}

#sitemap .filet2 {
    margin: 21px 0 !important;
}

#sitemap ul {
    padding: 0 30px 0 0;
}

#sitemap ul > li {
    padding: 0 0 1px 0;
}

#sitemap ul > li > a {
    color: #656565;
    display: block;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/arrow_right_black_small.png) no-repeat right 5px;
}

#sitemap ul > li > a:hover {
    color: #003e90;
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/arrow_right_blue_small.png);
}

/*-----------  TOOLS  -----------*/
#tools {
    float: right;
    padding: 0 6px 0 0;
    position: relative;
}

#tools > * {
    height: 37px;
    min-width: 96px;
    float: right;
    margin: 0 0 0 1px;
    padding: 8px 48px 0 15px;
}

#tools .title {
    color: #222222 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    background: none !important;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif !important;
}

#tools .title > img {
    padding: 0 2px 0 0;
}

#tools .details {
    padding: 1px 0 0 12px;
    font: normal normal 11px/normal Arial, Verdana, Sans-serif;
}

/* user */
#tools > .user {
    background: url(https://www.obut.com/skin/frontend/obut/default/img/tools_user.gif) repeat-x left top;
    padding: 8px 30px 0 15px;
}

#tools > .user .sep {
    color: #a3a3a3;
    padding: 0 1px 0 3px;
}

#tools > .user a {
    color: #1b6bd4;
    font-weight: bold;
    padding: 0 10px 0 0;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/tools_user_a.png) no-repeat right -2px;
}

#tools > .user a.name {
    color: #222222;
    font-weight: normal;
    background: none;
    padding: 0;
}

#tools > .user a:hover {
    color: #003e90;
    background-position: right -22px;
}

/* cart */
#tools > .cart {
    color: #656565;
    position: relative;
    background: #ffed00 url(https://www.obut.com/skin/frontend/obut/default/img/arrow_down_black.png) no-repeat 139px 16px;
}

#tools > .cart.collapse {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/arrow_up_black.png);
}

#tools > .cart > .details {
    padding-left: 19px;
}

#tools > .cart > .overlay {
    z-index: 4;
    display: none;
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: 0;
    width: 184px;
    height: 63px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/site.png) no-repeat left -164px;
}

#tools > .cart.shadow > .overlay {
    display: block;
}

/*-----------  CART PREVIEW  -----------*/
#cartPreview {
    z-index: 3;
    position: absolute;
    right: 7px;
    top: 50px;
    width: 480px;
    height: auto;
    padding: 0;
    margin: 0;
    background: #ffffff;
    border-top: 3px solid #ffed03;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.35);
}

#cartPreview > p {
    color: #003e90;
    text-align: right;
    background: #e8e8e8;
    padding: 7px 15px 4px 15px;
    font: normal normal 14px/normal UltramagneticBold, Arial, Sans-serif;
}

#cartPreview > p.empty {
    color: #003e90;
    text-align: center;
    background: #e8e8e8;
    padding: 15px;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

#cartPreview > p a.bouton_bleu {
    margin: 0 0 0 15px !important;
    position: relative;
    top: 3px;
}

#cartPreview > p .price {
    padding: 0 4px !important;
    background: none !important;
    font-size: 30px !important;
}

#cartPreview > p .price > .decimal, #cartPreview > p .price > .currency {
    font-size: 14px;
}

#cartPreview > .cart-table {
    margin-bottom: 0;
}

/*-----------  SLIDE  -----------*/
#slider {
    width: 973px;
    height: 403px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    font: normal normal 18px/26px UltramagneticLight, Arial, Sans-serif;
}

#slider > .slider, #slider > .slider > li {
    width: 973px;
    height: 403px;
    position: relative;
}

#slider .content {
    position: absolute;
    left: 21px;
    top: 58px;
    width: 952px;
    height: 345px;
}

#slider .content > * {
    display: none;
}

#slider .diapo_produit {
    position: absolute;
    right: 58px;
    bottom: 84px;
}

#slider .diapo_produit .image_a_gauche {
    margin-right: 18px !important;
    margin-bottom: 0 !important;
}

#slider .diapo_produit .price {
    font-size: 23px;
}

/* pagination */
#slider > .pagination > li {
    display: none;
}

#slider > .pagination > li.prev, #slider > .pagination > li.next {
    display: block;
    cursor: pointer;
    width: 66px;
    height: 164px;
    position: absolute;
    bottom: 70px;
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/site.png);
    background-repeat: no-repeat;
}

#slider > .pagination > li.prev {
    right: 297px;
    background-position: -53px 0;
}

#slider > .pagination > li.prev:hover {
    background-position: -185px 0;
}

#slider > .pagination > li.next {
    right: -8px;
    background-position: -119px 0;
}

#slider > .pagination > li.next:hover {
    background-position: -251px 0;
}

/*-----------  PAGE  -----------*/
#page {
    clear: left;
    margin: 0 0 36px 0;
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/*-----------  LEFT COL  -----------*/
#leftCol {
    margin: 0 6px !important;
}

#leftCol .col_166:first-child {
    margin-right: 29px;
}

#leftCol > .page-title:first-child {
    padding: 32px 0 0 0;
}

/*-----------  RIGHT COL  -----------*/
#rightCol {
    margin: 15px 15px 0 15px !important;
}

#rightCol > * {
    margin: 0 0 15px 0;
}

/*-----------  PUSHES  -----------*/
#pushes {
    float: left;
    width: 959px;
    background: #ffffff;
    margin: 0 6px 21px 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

#pushes > .push {
    float: left;
    width: 319px;
    height: 238px;
    margin: 0 0 0 1px;
}

#pushes > .push:first-child {
    margin-left: 0;
}

#pushes > .push .price {
    font-size: 25px !important;
}

#pushes > .push .push_titre1 {
    font: normal normal 35px/37px UltramagneticLight, Arial, Sans-serif;
}

#pushes > .push .push_titre1 > .txt_petit {
    top: -12px;
    font: normal normal 20px/21px UltramagneticLight, Arial, Sans-serif;
}

#pushes > .push .push_titre2 {
    font: normal normal 25px/normal UltramagneticLight, Arial, Sans-serif;
}

#pushes > .push.bleu, #pushes > .push.jaune, #pushes > .push.rouge {
    height: 226px;
    border-top-width: 12px;
}

/*-----------  PUSH  -----------*/
.push {
    height: 126px;
    color: #222222;
    position: relative;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

.push > img:first-child {
    width: 100% !important;
    display: block;
}

.push .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 24px 15px 12px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.push .text > p {
    padding: 9px 0 0 0;
}

.push .push_titre1 + p {
    padding-top: 0;
}

.push .push_titre1 > .txt_petit {
    font-size: 16px;
    position: relative;
    top: -6px;
}

.push .bouton_bleu, .push .bouton_jaune {
    margin: 0 !important;
}

.push.bleu, .push.jaune, .push.rouge {
    border-top-width: 3px;
    border-top-style: solid;
}

.push.bleu .text, .push.jaune .text, .push.rouge .text {
    padding-top: 12px;
}

.push.bleu {
    border-top-color: #003e90;
}

.push.jaune {
    border-top-color: #ffed00;
}

.push.rouge {
    border-top-color: #ea002c;
}

/*-----------  BLOCKS  -----------*/
.block {
    padding: 12px 10px;
    background: #ffffff;
    font-size: 11px;
}

.block .bouton_bleu {
    margin: 0 !important;
}

.block > p {
    padding: 6px 0 0 0;
}

.block > p:first-child {
    padding-top: 0;
}

/* title */
.block .title {
    color: #222222;
    font-size: 12px;
    margin: 0 0 6px 0;
    padding: 0 0 6px 0;
    text-transform: uppercase;
    border-bottom: 3px solid #222222;
    font: normal normal 15px/17px UltramagneticLight, Arial, Sans-serif;
}

/* list */
.block > .list {
    font-size: 12px;
    margin: 0 0 2px 0;
}

.block > .list > li {
    padding: 2px 0 1px 0;
    border-top: 1px solid #c0c0c0;
}

.block > .list > li:first-child {
    border-top: 0;
}

/* filter */
.block > dl {
    color: #656565;
    padding: 0 0 3px 0;
}

.block > dl > dt {
    color: #222222;
    margin: 0 0 3px 0;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #e8e8e8;
    font-weight: bold;
}

.block > dl > dd {
    font-weight: bold;
    padding: 0 0 2px 0;
    color: #003e90;
}

.block > dl > dd a, .block > dl > dd .label {
    color: #656565;
    font-weight: normal;
}

.block > dl > dd a:hover {
    color: #003e90;
}

/*-----------  INFOS BLOCK  -----------*/
.infosBlock {
    color: #222222;
    display: block;
    padding: 6px 10px;
    background: #f6f6f6;
    border-left: 10px solid #ffed00;
}

.infosBlock > strong {
    text-transform: uppercase;
    font-weight: normal;
    font-family: Ultramagnetic, Arial, Sans-serif;
}

/*-----------  PRODUCT LIST  -----------*/
#productList {
    float: left;
    width: 100%;
    padding: 32px 0 0 0;
    position: relative;
}

#productList > .title {
    color: #003e90;
    padding: 0 15px;
    text-transform: uppercase;
    font: normal normal 30px/31px Ultramagnetic, Arial, Sans-serif;
}

#productList > .shortDesc {
    color: #222222;
    padding: 0 15px 27px 15px;
    font: normal normal 15px/normal UltramagneticLight, Arial, Sans-serif;
}

#productList > .info {
    position: absolute;
    right: 0;
    top: 0;
    color: #222222;
    padding: 52px 0 0 0;
    text-transform: uppercase;
    font: normal normal 15px/normal Ultramagnetic, Arial, Sans-serif;
}

#productList > .info > .picto_durete {
    position: relative;
    top: 3px;
    -o-top: -6px;
    margin: 0 0 0 6px !important;
}

/*bug OPERA*/
@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    #productList > .info > .picto_durete {
        top: -6px;
    }
}

/*bug OPERA*/
/* toolbar */
#productList .toolbar {
    margin-bottom: 0;
}

/*-----------  PRODUCTS GRID  -----------*/
.products-grid {
/ / float: left;
/ / width: 100 %;
    font-size: 11px;
    margin: 0 0 15px 0;
/ / background: url(https://www.obut.com/skin/frontend/obut/default/img/products-grid.gif) repeat left top;
}

.products-grid > li {
/ / float: left;
/ / width: 241 px;
/ / height: 321 px;
    display: inline-block;
    width: 30.4%;
    vertical-align: top;
    margin: 3px 0 0 1px;
    padding: 5px 10px 15px 10px;
    position: relative;
}

.products-grid > li:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}

.products-grid > li:nth-child(1), .products-grid > li:nth-child(2), .products-grid > li:nth-child(3) {
    margin-top: 0;
}

.products-grid > li > a {
    display: block;
    min-height: 194px;
    position: relative;
    padding: 30px 5px 0 5px;
    background: #ffffff url(https://www.obut.com/skin/frontend/obut/default/img/products-grid_li_a_hover.gif) repeat-x left -215px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.products-grid > li > a:hover {
    background-position: left 0;
}

.products-grid > li > a > .picture {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 3px 0;
}

/* name */
.products-grid > li .name {
    color: #003e90;
    padding: 0 100px 0 0;
    font: normal normal 18px/18px Ultramagnetic, Arial, Sans-serif;
}

/* product price */
.products-grid > li .productPrice {
    color: #003e90;
    text-align: right;
    position: absolute;
    right: 5px;
    top: 253px;
}

.products-grid > li .productPrice .price-box .price {
    background: none;
}

.products-grid > li .productPrice .price-box {
    margin-bottom: 5px;
}

/* infos block */
.products-grid > li .infosBlock {
    position: absolute;
    left: 15px;
    top: 10px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    opacity: 1;
}

.products-grid > li:hover .infosBlock {
    background-color: rgba(246, 246, 246, 0.7);
}

/* datas */
.products-grid > li .datas {
    border: none;
    width: 100%;
    color: #656565;
    text-align: right;
    border-spacing: 0;
    margin-top: 35px;
}

.products-grid > li .datas .picto_durete {
    margin-right: 0 !important;
    vertical-align: middle;
    width: 23px !important;
    height: 23px !important;
    background-position: 0 -128px !important;
    font: normal bold 12px/21px Arial Narrow, Verdana, Sans-serif !important;
}

.products-grid > li .datas td {
    padding: 3px 0 2px 5px;
    border-top: 1px solid #e8e8e8;
    border-collapse: collapse;
}

.products-grid > li .datas tr:first-child > td {
    border-top: none;
}

.products-grid > li .datas td:first-child {
    text-align: left;
    padding-left: 0;
    padding-right: 5px;
    vertical-align: bottom;
    text-transform: uppercase;
    font-family: Ultramagnetic, Arial, Sans-serif;
}

/* add to links */
.products-grid > li .add-to-links {
    font-size: 0;
    padding: 15px 0 0 0;
}

.products-grid > li .add-to-links > li {
    display: inline-block;
    vertical-align: top;
    font: normal normal 11px/normal Arial, Verdana, Sans-serif;
    width: 50%;
}

.products-grid > li .add-to-links > li .image_a_gauche {
    margin: 3px 6px 12px 0 !important;
}

.products-grid > li .add-to-links > li > a:hover {
    color: #003e90;
}

/* choice color */
.products-grid > li .color-choice {
    margin-top: 15px;
}

.products-grid > li .color-choice > li {
    display: inline-block;
    border: 1px solid #cfcfcf;
}

.products-grid > li .color-choice > li span {
    width: 9px;
    height: 9px;
    background-color: black;
    margin: 1px;
    display: block;
}

/*-----------  TOOLBAR  -----------*/
.toolbar {
    color: #ffffff;
    padding: 6px 15px;
    margin: 0 0 30px 0;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
    background: #1b6bd4 url(https://www.obut.com/skin/frontend/obut/default/img/toolbar.gif) repeat-x left bottom;
}

.toolbar label {
    padding: 0 4px 0 0;
    text-transform: uppercase;
}

.toolbar select {
    color: #222222;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

/* amount */
.toolbar .amount {
    float: right;
    margin: 5px 0 5px 18px;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

/* limiter */
.toolbar .limiter {
    float: left;
    margin: 5px 18px 5px 0;
}

/* sorter */
.toolbar .sorter {
    float: left;
    margin: 5px 0;
}

.toolbar .sorter select {
    width: 200px;
}

/* pages */
.toolbar .pages {
    float: right;
    font-size: 0;
    text-transform: uppercase;
}

.toolbar .pages > li {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

.toolbar .pages > li > a {
    display: block;
    padding: 2px 3px;
    min-width: 10px;
    min-height: 18px;
    text-align: center;
}

.toolbar .pages > li > a:hover {
    color: #222222;
}

.toolbar .pages > li.current {
    color: #ffed00;
    padding: 5px;
}

.toolbar .pages > li > a.previous, .toolbar .pages > li > a.next {
    width: 16px;
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/buttons.png);
    background-repeat: no-repeat;
}

.toolbar .pages > li > a.previous {
    margin-left: 15px;
    background-position: center -140px;
}

.toolbar .pages > li > a.previous:hover {
    background-position: center -190px;
}

.toolbar .pages > li > a.next {
    background-position: center -65px;
}

.toolbar .pages > li > a.next:hover {
    background-position: center -115px;
}

/*-----------  PRODUCT  -----------*/
#product {
    float: left;
    margin: 0 6px !important;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
    background: linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
}

#product > .column {
    height: 500px;
    position: relative;
    margin-left: 0 !important;
    border-left: 1px solid #ffffff;
}

#product > .column:first-child {
    border-left: 0;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/product_left.png) repeat-y right top;
}

/* left */
#product > .column > .left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

/* media box */
#mediaBox {
    float: left;
    width: 100%;
    position: relative;
}

#mediaBox > .main {
    float: left;
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

#mediaBox > .main.loading {
    background: url(https://www.obut.com/skin/frontend/obut/default/img/ajax-loader_mediabox.gif) no-repeat center center;
}

#mediaBox > .main > img {
    display: block;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    cursor: url(https://www.obut.com/skin/frontend/obut/default/img/cursor_zoom.cur), url(https://www.obut.com/skin/frontend/obut/default/img/cursor_zoom.png), default;
}

#mediaBox > .main > img.zooming {
    cursor: url(https://www.obut.com/skin/frontend/obut/default/img/cursor_zoom_out.cur), url(https://www.obut.com/skin/frontend/obut/default/img/cursor_zoom_out.png), default;
}

/*button*/
#mediaBox > .main > .switcher {
    display: block;
    position: absolute;
    top: 50%;
    width: 39px;
    height: 55px;
    margin: -28px 0 0 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/site.png);
}

#mediaBox > .main > .switcher.prev {
    left: 4px;
    background-position: -39px -227px;
}

#mediaBox > .main > .switcher.prev:hover {
    background-position: -78px -227px;
}

#mediaBox > .main > .switcher.prev.off {
    cursor: default;
    background-position: 0 -227px !important;
}

#mediaBox > .main > .switcher.next {
    right: 4px;
    background-position: 0 -282px;
}

#mediaBox > .main > .switcher.next:hover {
    background-position: -39px -282px;
}

#mediaBox > .main > .switcher.next.off {
    cursor: default;
    background-position: -117px -227px !important;
}

/*list*/
#mediaBox .list {
    float: left;
    width: 480px;
    height: 115px;
    font-size: 11px;
    overflow: hidden;
    margin: 0;
    text-align: center;
}

#mediaBox .list > li {
    float: left;
    width: 79px;
    padding: 0 0 0 1px;
}

#mediaBox .list > li > a {
    display: block;
    height: 85px;
    padding: 15px 9px;
    opacity: 0.5;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/mediabox_carousel_li_a.png) repeat-x left 120px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#mediaBox > .list {
    font-size: 0;
    margin: 0 39px 1px 39px;
}

#mediaBox > .list > li {
    font-size: 11px;
    float: none;
    display: inline-block;
    vertical-align: top;
}

#mediaBox .list > li > a:hover, #mediaBox .list > li.current > a {
    opacity: 1;
    background-position: left bottom;
}

#mediaBox .list > li > a > img:first-child {
    display: block;
    margin: 0 auto;
    padding: 0 0 6px 0;
}

#mediaBox .carouselWindow {
    margin: 0 39px 1px 39px;
}

#mediaBox .carouselWindow + .pagination > li.prev, #mediaBox .carouselWindow + .pagination > li.next {
    display: block;
    position: absolute;
    bottom: 0;
    width: 39px;
    height: 55px;
    margin: 12px 0 48px 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/site.png);
}

#mediaBox .carouselWindow + .pagination > li.prev.off, #mediaBox .carouselWindow + .pagination > li.next.off {
    cursor: default;
}

#mediaBox .carouselWindow + .pagination > li.prev {
    left: 0;
    background-position: -223px -164px;
}

#mediaBox .carouselWindow + .pagination > li.prev:hover {
    right: 0;
    background-position: -262px -164px;
}

#mediaBox .carouselWindow + .pagination > li.prev.off, #mediaBox .carouselWindow + .pagination > li.prev.off:hover {
    right: 0;
    background-position: -184px -164px;
}

#mediaBox .carouselWindow + .pagination > li.next {
    right: 0;
    background-position: -223px -219px;
}

#mediaBox .carouselWindow + .pagination > li.next:hover {
    right: 0;
    background-position: -262px -219px;
}

#mediaBox .carouselWindow + .pagination > li.next.off, #mediaBox .carouselWindow + .pagination > li.next.off:hover {
    right: 0;
    background-position: -184px -219px;
}

/* infos block */
#product .infosBlock {
    position: absolute;
    left: -6px;
    top: 29px;
}

/* customization */
#customization {
    float: left;
    width: 529px;
    position: relative;
    padding: 12px 15px;
    color: #ffffff;
    background: #1b6bd4;
    background: -moz-linear-gradient(top, #1b6bd4 0%, #0a4593 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b6bd4), color-stop(100%, #0a4593));
    background: -webkit-linear-gradient(top, #1b6bd4 0%, #0a4593 100%);
    background: -o-linear-gradient(top, #1b6bd4 0%, #0a4593 100%);
    background: -ms-linear-gradient(top, #1b6bd4 0%, #0a4593 100%);
    background: linear-gradient(top, #1b6bd4 0%, #0a4593 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b6bd4', endColorstr='#0a4593', GradientType=0);
}

#customization > .title {
    padding: 0 0 7px 0;
    text-transform: uppercase;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
}

#customization > .more {
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 11px;
}

#customization > .more .picto_noir {
    margin-right: 0 !important;
}

#customization > table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

#customization > table td {
    padding: 0 0 0 15px;
}

#customization > table td:first-child {
    padding-left: 0;
}

#customization > table td[style^="display"]:first-child + td {
    padding-left: 0;
}

#customization > table label {
    display: block;
    padding: 0 0 4px 0;
}

#customization > table input[type="text"], #customization > table select {
    width: 100%;
    color: #656565;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customization > table input[type="text"]:focus, #customization > table select {
    color: #222222;
}

#customization > table select {
    max-width: 370px;
}

/* right */
#product > .column > .right {
    position: absolute;
    left: 0;
    width: 370px;
    padding: 12px 15px 12px 14px;
}

#product > .column > .right.desc {
    top: 0;
}

#product > .column > .right.more {
    bottom: 0;
}

/* back */
#product .back {
    font-size: 11px;
    display: inline-block;
    padding: 0 0 12px 16px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/back.png) no-repeat left 3px;
}

/* desc */
#product > .column > .right.desc .nameBlock {
    position: relative;
    padding: 0 110px 27px 0;
}

.addthis_sharing_toolbox {
    position: absolute;
    right: 0;
    text-align: right;
    top: 5px;

}

#product > .column > .right.desc .name,
#product > .column > .right.more .name {
    color: #003e90;
    font: normal normal 30px/31px Ultramagnetic, Arial, Sans-serif;
    margin-top: 13px;
}

#product > .column > .right.desc .shortDec {
    font: normal normal 16px/18px UltramagneticLight, Arial, Sans-serif;
}

#product > .column > .right.desc .priceBlock {
    color: #003e90;
    text-align: right;
    max-width: 110px;
    position: absolute;
    right: 0;
    top: -5px;
}

#product > .column > .right.desc .priceBlock .price {
    background: none !important;
    padding: 0 !important;
    font-size: 30px;
    position: relative;
    top: 3px;
}

.old-price .price {
    text-decoration: line-through;
}

#product > .column > .right.desc .priceBlock .price > .currency, #product > .column > .right.desc .priceBlock .price > .decimal {
    font-size: 14px;
}

/* more */
#product > .column > .right.more .bouton_jaune {
    margin-right: 0 !important;
}

#product > .column > .right.more .datas {
    border: none;
    width: 100%;
    text-align: right;
    border-spacing: 0;
    margin: 0 0 18px 0;
}

#product > .column > .right.more .datas .picto_durete {
    margin-left: 7px !important;
    margin-right: 0 !important;
    vertical-align: middle;
}

#product > .column > .right.more .datas td {
    padding: 5px 0 5px 5px;
    border-top: 1px solid #e8e8e8;
    border-collapse: collapse;
    vertical-align: bottom;
}

#product > .column > .right.more .datas tr:first-child > td {
    border-top: none;
}

#product > .column > .right.more .datas td:first-child, #product > .column > .right.more .title {
    text-align: left;
    padding: 5px 5px 5px 0;
    text-transform: uppercase;
    font-family: Ultramagnetic, Arial, Sans-serif;
}

#product > .column > .right.more .title {
    position: relative;
    padding: 0 0 10px 0;
}

#product > .column > .right.more .title .guide {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #1b6bd4;
    text-transform: none;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

#product > .column > .right.more .title .guide .picto_noir {
    background-position: -156px -249px !important;
}

/* options */
#product .options {
    border: none;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 0 15px 0;
}

#product .options td {
    min-width: 33.3%;
    padding: 0 0 0 10px;
    border-left: 1px solid #c0c0c0;
    vertical-align: top;
}

#product .options td:first-child {
    border-left: 0;
    padding-left: 0;
}

#product .options td .validation-advice {
    position: absolute;
    left: -8px;
    bottom: -25px;
    white-space: nowrap;
}

#product .options td label {
    display: block;
    padding: 0 0 3px 0;
}

#product .options td select {
    display: inline-block;
    width: 90%;
    color: #222222;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

/* qty block */
#product .qtyBlock {
    padding: 0 0 12px 0;
}

#product .qtyBlock > label {
    display: block;
    padding: 0 0 5px 0;
}

#product .qtyBlock .qty {
    display: inline-block;
    margin: 0 4px 0 0;
    cursor: pointer;
}

#product .qtyBlock input[type="text"] {
    width: 15px;
    display: inline-block;
    background: #f3f3f3;
    text-align: center;
    color: #656565;
    padding: 3px 6px;
    margin: 0 4px 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    cursor: text;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

#product .qtyBlock .status {
    display: inline-block;
    margin: 0 0 0 30px;
}

/* shipping infos */
#product .shippingInfos {
    float: left;
    position: relative;
    color: #1b6bd4;
    background: #f7f7f7;
    text-align: left;
    padding: 10px 8px;
    margin: 21px 12px 0 0;
}

#product .shippingInfos:before {
    content: "";
    display: block;
    width: 27px;
    height: 22px;
    position: absolute;
    left: 0;
    top: -21px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/site.png) no-repeat -156px -227px;
}

#product .shippingInfos + .cart {
    position: absolute;
    white-space: nowrap;
    top: 28px;
    right: 0;
    margin: 0 !important;
}

/* media box zoom */
#mediaBoxZoom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #ffffff url(https://www.obut.com/skin/frontend/obut/default/img/ajax-loader_mediabox.gif) no-repeat center center;
}

#mediaBoxZoom > img {
    background: #ffffff;
}

#mediaBoxZoom > .close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    padding: 10px;
}

#mediaBoxZoom > .close > .picto_fermer {
    margin: 0 !important;
}

/*-----------  PRODUCT MORE  -----------*/
#productMore {
    color: #656565;
    font-size: 11px;
    margin: 0 6px !important;
}

/* note */
#productMore .note > * {
    margin: 6px 12px;
}

/* menu tools */
#productMore .menuTools {
    font-size: 0;
    color: #222222;
    margin: 10px 0 27px 0;
    position: relative;
    left: -1px;
}

#productMore .menuTools > li {
    font-size: 11px;
    line-height: 11px;
    width: 132px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #c0c0c0;
}

#productMore .menuTools > li > a {
    display: block;
    padding: 0 10px;
    height: 24px;
}

#productMore .menuTools > li > a > img.image_a_gauche {
    margin: 2px 6px 12px 0 !important;
}

#productMore .menuTools > li > a:hover {
    color: #1b6bd4;
}

/*-----------  PRODUCT INFOS  -----------*/
#productInfos {
    margin: 0 6px !important;
}

/* logos */
#logos {
    padding: 24px 18px;
    background: #e2e2e2;
    margin-top: 39px !important;
    margin-bottom: 21px !important;
    text-align: center;
}

#logos > .logo {
    padding: 15px 0 0 0;
    float: left;
}

#logos > img.logo {
    padding-top: 5px;
    padding-right: 4px;
    vertical-align: middle;
}

/*#logos > img.logo:first-child + img.logo{
	padding-top:0;
	padding-left:5px;
	vertical-align:middle;
}*/
#logos > .logo.special {
    float: right;
    width: 108px;
    color: #003e90;
    padding-top: 0;
    margin: 0 0 0 12px;
    text-transform: uppercase;
    font: normal normal 10px/normal Ultramagnetic, Arial, Sans-serif;
}

#logos > .logo.special > .overlay {
    width: 108px;
    height: 44px;
    color: #000000;
    margin: 0 0 3px 0;
    padding: 12px 0 0 0;
    text-transform: none;
    font: normal normal 11px/11px Arial Black, Verdana, Sans-serif;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/logos/special.png) no-repeat left top;
}

#logos > .logo.special + .logo {
    padding-top: 0;
}

/* tabs */
#tabs {
    min-height: 230px;
    color: #656565;
    margin: 0;
}

.col_719 > #tabs {
    margin-right: 15px;
}

#tabs > .tabs {
    height: 38px;
    border-bottom: 3px solid #222222;
}

#tabs > .tabs > li {
    height: 38px;
    display: inline-block;
    background: #e2e2e2;
    color: #222222;
    text-transform: uppercase;
    font: normal normal 12px/38px Ultramagnetic, Arial, Sans-serif;
}

#tabs > .tabs > li > a {
    display: block;
    padding: 0 15px;
}

#tabs > .tabs > li.current {
    color: #ffffff;
    background: #222222;
}

#tabs > .tab {
    display: none;
    color: #656565;
    padding: 15px;
    overflow: hidden;
}

#tabs > .tab.current {
    display: block;
}

#tab-criteres .logos_types_joueurs_terrains {
    color: #222222;
    text-transform: uppercase;
    font: normal normal 12px/38px Ultramagnetic, Arial, Sans-serif;
}

#tab-criteres .logos_types_joueurs_terrains li {
    height: 41px;
    line-height: 17px;
    display: inline-block;
    margin: 6px;
    width: 109px;
}

#tab-criteres .logos_types_joueurs_terrains li img {
    vertical-align: middle;
    display: inline-block;
}

#tab-criteres .logos_types_joueurs_terrains li span {
    vertical-align: middle;
    display: inline-block;
    width: 60px;
    padding-left: 5px;
}

/*-----------  UPSELL  -----------*/
#upsell {
    margin: 0 6px 24px 6px;
    background: #fff463;
    font-size: 0;
    color: #222222;
}

#upsell > .title {
    padding: 12px 15px;
    text-transform: uppercase;
    font: normal normal 15px/normal UltramagneticLight, Arial, Sans-serif;
}

#upsell > .list {
    padding: 0 6px 6px 6px;
}

#upsell > .list > ul {
    float: left;
    width: 100%;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/upsell_bg.gif) repeat left top;
}

#upsell > .list > ul > li {
    float: left;
    width: 127px;
    font-size: 11px;
    padding: 9px 15px;
}

#upsell > .list > ul > li > a {
    display: block;
}

#upsell > .list > ul > li p {
    margin: 6px 0 0 0;
}

#upsell > .list > ul > li .name {
    min-height: 32px;
    font: normal normal 15px/16px UltramagneticLight, Arial, Sans-serif;
}

#upsell > .list > ul > li > a > img:first-child {
    display: block;
    margin: 0 auto;
    padding: 10px 0 12px 0;
}

/*-----------  CROSSSELL  -----------*/
#crosssell > .block:first-child {
    padding-bottom: 0;
}

#crosssell > .block .title {
    margin-bottom: 0;
}

#crosssell > .list > li {
    margin: 0 0 15px 0 !important;
}

#crosssell > .list > li a {
    display: block;
}

#crosssell > .list > li a > img:first-child {
    display: block;
    margin: 0 auto;
    padding: 0 0 6px 0;
}

#crosssell > .list > li .name {
    min-height: 32px;
    font: normal normal 15px/16px UltramagneticLight, Arial, Sans-serif;
}

/*-----------  CMS  -----------*/
.cms {
    font: normal normal 12px/16px Arial, Verdana, Sans-serif;
}

.cms > * {
    padding: 0 0 4px 0;
}

.cms a {
    color: #1b6bd4;
}

.cms a:hover {
    color: #003e90;
}

.cms > * + .titre_2 {
    margin-top: 15px !important;
}

.cms > .titre_1:first-child {
    margin-top: 0 !important;
}

/*-----------  PADDER  -----------*/
.padder {
    padding: 30px 15px;
}

#greyBoxContent > .padder {
    padding: 15px;
}

/*-----------  BREADCRUMBS  -----------*/
#breadcrumbs {
    color: #222222;
    background: #e3e3e3;
    padding: 4px 21px;
    font: normal normal 11px/normal Arial, Verdana, Sans-serif;
}

#breadcrumbs > li {
    display: inline-block;
}

#breadcrumbs > li:before {
    content: "|";
    color: #c9c9c9;
    padding: 0 6px 0 4px;
}

#breadcrumbs > li:first-child:before {
    display: none;
}

#breadcrumbs > li > a {
    color: #656565;
}

#breadcrumbs > li > a:hover {
    color: #222222;
}

/*-----------  FOOTER  -----------*/
footer {
    padding: 6px;
}

/* warranties */
#warranties {
    float: left;
    width: 100%;
    color: #222222;
    padding: 15px 0;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    background: #f5f5f5 url(https://www.obut.com/skin/frontend/obut/default/img/warranties.gif) repeat-x left bottom;
}

#warranties > ul {
    float: left;
    width: 100%;
}

#warranties > ul > li {
    float: left;
    width: 166px;
    height: 46px;
    padding: 3px 10px 3px 15px;
    border-left: 1px solid #a3a3a3;
}

#warranties > ul > li:first-child {
    border-left: none;
}

#warranties > ul > li > a {
    display: block;
    float: left;
    width: 166px;
    font-size: 0;
}

#warranties > ul > li > a > .image_a_gauche, #greyBoxContent > .title > img.image_a_gauche {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 46px;
    margin: 0 12px 0 0 !important;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/site.png) no-repeat 0 -82px;
    background-color: #222222;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#greyBoxContent > .title > img.image_a_gauche {
    float: left;
    display: block;
}

#warranties > ul > li > a > .couleur_noire {
    display: inline-block;
    vertical-align: middle;
    width: 108px;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

#warranties > ul > li > a:hover > .couleur_noire {
    color: #003e90 !important;
}

#warranties > ul > li > a:hover > .image_a_gauche {
    background-color: #003e90;
}

/* quick map */
#quickMap {
    float: left;
    width: 100%;
    color: #656565;
    margin: 0 0 30px 0;
    font-size: 11px;
}

#quickMap > .col {
    float: left;
    width: 166px;
    /*height:115px;*/
    padding: 0 10px 0 15px;
    border-left: 1px solid #eaeaea;
}

#quickMap > .col:first-child {
    border-left: none;
}

#quickMap .image_a_gauche {
    margin: 0 15px 15px 0 !important;
}

#quickMap .title {
    padding: 0 0 12px 0;
    text-transform: uppercase;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
    margin-top: 7px;
    clear: both;
}

#quickMap p {
    padding: 0 0 6px 0;
}

#quickMap ul > li {
    padding: 1px 0 0 0;
}

#quickMap ul > li:first-child {
    padding-top: 0;
}

#quickMap ul > li > a:hover {
    color: #003e90;
}

/* generic links */
#genericLinks {
    float: left;
    width: 100%;
    color: #1765cb;
    background: #003e90;
    font-size: 11px;
    height: 37px;
}

#genericLinks a {
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 8px 1px 5px;
}

#genericLinks a:hover {
    color: #ffed00;
}

#genericLinks .float-left, #genericLinks .float-right {
    padding: 10px 9px;
}

#genericLinks .float-right > p {
    display: inline-block;
    vertical-align: middle;
}

div.additionalFooter {
    float: left;
    width: 930px;
    margin: 14px;
    color: #939393;
    font-size: 11px;
}

div.additionalFooter strong, div.additionalFooter em {
    color: #4a78b3;
}

div.additionalFooter li {
    padding-left: 14px;
    list-style: none;
    background: url("https://www.obut.com/skin/frontend/obut/default/img/lien_classique.png") no-repeat scroll 6px 5px transparent;
}

/* custom select */
header .customSelect {
    min-width: 0 !important;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #ffffff;
    height: 37px;
    padding: 8px 0 0 10px !important;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
    background: #1b6bd4 url(https://www.obut.com/skin/frontend/obut/default/img/custom_select.gif) repeat-x left 0;
}

header .customSelect > dt {
    cursor: default;
    padding: 1px 21px 0 0;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/footer_custom_select.png) no-repeat right center;
}

header .customSelect > dt img {
    display: block;
}

header .customSelect > dd {
    z-index: 20;
    display: none;
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    color: #656565;
    padding: 5px 0;
    border-bottom: none;
    background: #fbfbfb;
    border: 1px solid #e8e8e8;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}

header .customSelect > dd a {
    display: block;
    color: #656565;
    padding: 5px 10px 3px 10px;
}

header .customSelect > dd a:hover {
    color: #003e90;
}

header .customSelect:hover {
    background-position: left -45px;
}

header .customSelect:hover > dd {
    display: block;
}

header .customSelect:hover > dt {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/footer_custom_select-hover.png);
}

header .customSelect .currency-change {
    margin: 5px 0 0 10px;
    cursor: pointer;
}

header .advancedSearch {
    text-align: right;
}

header .advancedSearch a {
    float: right;
}

header .advancedSearch a img {
    margin-right: 6px;
}

/* menu lang */
/*#menuLang{
	position:relative;
	right:-2px;
}*/
#menuLang > dt {
    position: relative;
    top: 2px;
    padding-top: 2px !important;
}

#menuLang > dd a {
    padding: 9px 21px 7px 10px !important;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/arrow_right_blue_small.png) no-repeat 33px center;
    -webkit-transition: background-position 0.3s;
    -moz-transition: background-position 0.3s;
    -o-transition: background-position 0.3s;
    transition: background-position 0.3s;
}

#menuLang > dd a:hover {
    background-position: 30px center;
}

/*-----------  MODULES -----------*/
.module {
    overflow: hidden;
    position: relative;
    margin: 6px 0 0 0;
    min-height: 464px;
}

.module .padder {
    padding: 15px;
}

.module .title {
    color: #003e90;
    margin: 0 !important;
    padding: 45px 0 6px 0 !important;
    text-transform: uppercase;
    font: normal normal 60px/50px UltramagneticLight, Arial, Sans-serif;
}

.module .title > .small {
    position: relative;
    top: -12px;
    font: normal normal 33px/36px UltramagneticLight, Arial, Sans-serif;
}

.module .slide {
    clear: left;
    position: relative;
}

.module .home {
    height: 464px;
    padding: 15px;
    filter: none;
}

.module .cms > * {
    padding-bottom: 10px;
}

.module .home .desc {
    font-size: 14px;
    padding: 15px 0 5px 0;
    margin: 0 0 20px 0;
    border-top: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

.module .bouton_bleu {
    margin-top: 15px !important;
    margin-left: 0 !important;
}

.module .bouton_bleu.disable {
    visibility: hidden;
}

.module span.bouton_bleu {
    cursor: pointer;
}

.module .home .bouton_bleu {
    margin-top: 0 !important;
    text-align: left;

    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;

    transform: scale(1.2);
    transform-origin: 0 0;
}

.module .slide .note {
    font-size: 11px;
    position: absolute;
    left: 15px;
    bottom: 15px;
}

.module .lien_back {
    display: inline-block;
    color: #1b6bd4;
    padding: 0 0 0 9px;
    font: normal bold 11px/normal Arial, Verdana, Sans-serif;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/lien_back.png) no-repeat left bottom;
}

.module .lien_back.print {
    padding-left: 0;
    background: none !important;
}

.module .lien_back.print > img:first-child {
    padding-right: 5px;
}

.module .lien_back:hover {
    color: #003e90;
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/lien_back-hover.png);
}

.module .tab.current {
    display: block !important;
}

.module .subTitle {
    color: #003e90;
    margin: 0 0 10px 0 !important;
    padding: 30px 0 5px 0 !important;
    border-bottom: 3px solid #a3a3a3;
    font: normal normal 18px/21px Ultramagnetic, Arial, Sans-serif;
}

.module .title + .subTitle {
    padding-top: 0 !important;
    margin-bottom: 15px !important;
}

/*-----------  MODULE CHOIX -----------*/
#module-choix > .home {
    border-top: 3px solid #003e90;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/module_choix/home.jpg) no-repeat left top;
}

#module-choix > .home .bouton_bleu {
    width: 80px;
    margin-bottom: 9px !important;
}

#module-choix .num {
    font-size: 48px;
    padding: 0 9px 0 0;
}

#module-choix .section {
    padding: 15px;
    border-top: 3px solid #a3a3a3;
}

#module-choix .toolbar + .section, #module-choix .titre_0 + .section, #module-choix .section:first-child {
    padding: 0 0 15px 0;
    border-top: none;
    filter: none;
    background: #ffffff;
}

#module-choix .section, #module-choix .section.forceBg {
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    background: linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e9e9e9', GradientType=0);
}

#module-choix .section.forceBg {
    padding: 15px;
}

#module-choix .section.final {
    filter: none;
    padding: 0;
    background: #ffffff;
}

#module-choix .toolbar {
    margin-bottom: 0;
    font: normal normal 15px/normal Ultramagnetic, Arial, Sans-serif;
}

#module-choix .desc {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 1px;
    color: #222222;
}

#module-choix .desc td {
    padding: 0 0 6px 0;
    vertical-align: top;
}

#module-choix .desc td.text {
    height: 72px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #a3a3a3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#module-choix .desc td.heading {
    width: 150px;
    padding: 0 30px 0 0;
}

#module-choix .desc td .titre_1 {
    margin-top: 0 !important;
    text-transform: none;
}

#module-choix .desc tr:first-child > td.text {
    height: 60px;
}

#module-choix .desc tr:first-child > td.text, #module-choix .desc tr:first-child > td.input {
    border-top: none;
    padding-top: 0;
}

#module-choix .desc td.input {
    width: 150px;
    color: #222222;
    padding-left: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: right;
    white-space: nowrap;
    border-top: 1px solid #a3a3a3;
}

#module-choix .desc .inputBox {
    margin: 6px auto 0 auto;
    position: relative;
    width: 150px;
    background: #e2e2e2;
    border-radius: 16px;
    text-align: left;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

#module-choix .desc .inputBox:first-child {
    margin-top: 0;
}

#module-choix .desc label {
    width: 105px;
    display: block;
    cursor: pointer;
    padding: 7px 15px 7px 30px;
}

#module-choix .desc .inputBox.active, #module-choix .desc .inputBox:hover {
    background: #c2c2c2;
}

#module-choix .desc input[type="radio"] {
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -7px 0 0 0;
}

#module-choix .desc .inputBox.select label {
    width: auto;
    display: inline-block;
    padding-left: 15px;
    padding-right: 5px;
}

#module-choix .desc .inputBox.select select {
    width: 100px;
}

/* tabs */
#module-choix .tabs {
    float: right;
    padding: 3px 0;
    text-transform: uppercase;
    font: normal normal 12px/normal UltramagneticLight, Arial, Sans-serif;
}

#module-choix .tabs > li {
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 0 0 0 10px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/choix_boule_tabs_sep.gif) no-repeat left center;
}

#module-choix .tabs > li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

#module-choix .tabs > li a {
    cursor: default;
}

#module-choix .tabs > li.off a {
    color: #87abda !important;
}

#module-choix .tabs > li.current a {
    color: #ffed00 !important;
}

#module-choix .tabs > li a:hover {
    color: #ffffff;
}

/* resume */
#module-choix .resume {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: #222222;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

#module-choix .resume td {
    text-align: right;
    padding: 10px 0 3px 0;
    border-bottom: 1px solid #e8e8e8;
    color: #003e90;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
}

#module-choix .resume td:first-child {
    text-align: left;
    color: #222222;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

/* final */
#module-choix .final {
    padding-bottom: 39px !important;
}

#module-choix .final .bouton_bleu {
    white-space: nowrap;
    margin-top: 0 !important;
}

#module-choix .final label.titre_2 {
    display: inline-block;
    cursor: pointer;
    text-transform: none;
}

#module-choix .final .col_362 {
    margin-bottom: 6px !important;
    padding: 10px 0 0 0;
}

#module-choix .final .col_362.float-right {
    background: #ffed00;
    padding: 0;
    width: 382px;
}

#module-choix .final .col_362.float-right .desc {
    width: 362px;
    color: #003e90;
    margin: 7px 10px 10px 10px;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
}

#module-choix .final .col_362.float-right .desc td {
    padding: 0 0 0 15px;
    vertical-align: middle;
}

#module-choix .final .col_362.float-right .desc td:first-child {
    padding-left: 0;
}

#module-choix .final .col_362.float-right .value {
    padding: 0 !important;
    text-transform: none;
    font-size: 30px;
    line-height: 25px;
    position: relative;
    top: 3px;
}

#module-choix .final .col_362.float-right .value .small {
    font-size: 14px;
}

/* exceptions */
#module-choix #module-choix_tab2 .desc .inputBox {
    width: 230px;
}

#module-choix #module-choix_tab2 .desc label {
    width: 185px;
}

#module-choix #module-choix_tab3 .desc td.text {
    height: 105px;
}

#module-choix #module-choix_tab3 .desc td.text .image_a_gauche {
    margin-bottom: 0 !important;
}

#module-choix #module-choix_tab3 .desc tr:first-child > td.text {
    height: 91px;
}

#module-choix #module-choix_tab4 .titre_0 + .desc tr:first-child > td[rowspan] {
    padding-right: 30px;
}

#module-choix #module-choix_tab4 .desc td.text .image_a_gauche {
    margin: 8px 15px 0 15px !important;
}

.module#module-choix #module-choix_tab5 .title {
    padding-top: 27px !important;
}

#module-choix #module-choix_tab5 .section:first-child {
    padding-bottom: 0;
}

#module-choix #module-choix_tab5 .final {
    padding-top: 6px;
}

#module-choix #module-choix_tab5 .titre_1 {
    text-transform: none;
    margin-top: 0 !important;
}

#module-choix #module-choix_tab5 .products-grid > li {
    width: 231px;
}

/* slider */
#sliderWeight {
    width: 500px;
    height: 30px;
    margin: 50px auto;
    border-radius: 13px;
    background: #e2e2e2;
    position: relative;
}

#sliderWeight .graduation {
    margin: 0 24px;
    padding: 17px 0 0 0;
    font-size: 0;
    color: #222222;
}

#sliderWeight .graduation > li {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 5px;
    border-left: 1px solid #222222;
    font: normal bold 10px/normal Arial, Verdana, Sans-serif;
}

#sliderWeight .graduation > li.last {
    width: 0;
}

#sliderWeight .graduation > li > .number {
    display: block;
    width: 100%;
    position: absolute;
    left: -20px;
    top: 10px;
    text-align: center;
}

#sliderWeight .graduation > li.last > .number {
    left: -10px;
}

#sliderWeight .bar {
    height: 6px;
    margin: 0 15px;
    padding: 1px;
    border-radius: 4px;
    position: relative;
    top: 11px;
    cursor: pointer;
    background: #b0b0b0 url(https://www.obut.com/skin/frontend/obut/default/img/module_choix/slider_weight_bar.gif) repeat-x left top;
}

#sliderWeight .barBlue {
    height: 6px;
    width: 0;
    border-radius: 2px;
    cursor: pointer;
    background: #b0b0b0 url(https://www.obut.com/skin/frontend/obut/default/img/module_choix/slider_weight_bar_blue.gif) repeat-x left top;
}

#sliderWeight .track {
    width: 476px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    left: -3px;
}

#sliderWeight .handler {
    width: 24px;
    height: 22px;
    z-index: 2;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: -7px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/module_choix/handler.png) no-repeat left top;
}

#sliderWeight .text {
    position: absolute;
    left: -30px;
    top: -29px;
    margin: 0 0 0 50%;
    color: #003e90;
    width: 60px;
    text-align: center;
    font: normal normal 15px/17px Ultramagnetic, Arial, Sans-serif;
}

#sliderWeight + input[name="poids"] {
    display: none;
}

/* module choix results */
#module-choix-results.loading {
    min-height: 200px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/ajax-loader_please-wait.gif) no-repeat center center;
}

/*-----------  MODULE GRAVURE  -----------*/
#module-gravure .tab {
    display: none;
}

#module-gravure .tabsWrapper {
    display: none;
}

#module-gravure > .home {
    border-top: 3px solid #ffed00;
    filter: none !important;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/module_gravure/home.jpg) no-repeat left top !important;
}

#module-gravure > .home .note {
    color: #656565;
}

#module-gravure > .home .bouton_bleu {
    width: 200px;
    margin-bottom: 15px !important;
}

#module-gravure .slide {
    min-height: 379px;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    background: linear-gradient(top, #fefefe 0%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e9e9e9', GradientType=0);
}

/* video */
#module-gravure .video {
    display: none;
}

#module-gravure .video .col_461 {
    position: relative;
    top: -20px;
    margin-right: 30px !important;
}

/* tabs */
#module-gravure .tabs {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font: normal normal 12px/normal UltramagneticLight, Arial, Sans-serif;
}

#module-gravure .tabs > li {
    float: left;
    width: 195px;
    margin: 0 0 0 1px;
}

#module-gravure .tabs > li:first-child {
    width: 197px;
    margin-left: 0;
}

#module-gravure .tabs > li.video {
    display: none;
}

#module-gravure .tabs > li > a {
    color: #1b6bd4;
    display: block;
    height: 81px;
    padding: 4px 0 0 0;
    text-align: center;
    position: relative;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/module_gravure_tabs.jpg) repeat-x left 0;
}

#module-gravure .tabs > li.current > a, #module-gravure .tabs > li > a:hover {
    color: #222222;
    background-position: left -85px;
}

#module-gravure .tabs > li > a > .shadow {
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/module_gravure_tabs_shadow.png) repeat-x left bottom;
}

#module-gravure .tabs > li.current > a > .shadow, #module-gravure .tabs > li > a:hover > .shadow {
    display: none;
}

#module-gravure .tabs > li > a > img {
    display: block;
    margin: 0 auto;
    padding: 5px 0 0 0;
}

/* carousel */
#module-gravure .tab {
    background: url(https://www.obut.com/skin/frontend/obut/default/img/module_gravure/shadow.png) no-repeat right top;
}

#module-gravure .carousel {
    position: relative;
    right: -15px;
    top: -15px;
    padding: 45px 0 0 0;
}

#module-gravure .carousel#module-gravure_slide4 {
    padding-top: 0;
}

#module-gravure .carousel .list {
    float: right;
    height: auto !important;
}

#module-gravure .carousel .list > li {
    position: relative !important;
}

/* infos block */
#module-gravure .infosBlock {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 115px;
    width: 105px;
    border-left-color: #003e90;
}

#module-gravure .infosBlock > img.image_a_gauche {
    margin: 6px 12px 0 0;
}

/*-----------  GREYBOX  -----------*/
#overlay {
    display: none;
    z-index: 40;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #91886f;
}

#greyBox {
    display: none;
    z-index: 41;
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0 0 0 50%;
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
}

#greyBox .content {
    background: #ffffff;
    position: relative;
}

#greyBox .close {
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 7px;
    min-height: 5px;
    color: #1b6bd4;
    padding: 2px 3px 2px 12px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/close.gif) no-repeat left center;
    font: normal bold 11px/normal Arial, Verdana, Sans-serif;
}

#greyBoxImage {
    display: block;
}

#greyBoxLoader {
    min-height: 200px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/ajax-loader.gif) no-repeat center center;
}

/* title */
#greyBoxContent > .title:first-child {
    color: #222222;
    text-transform: uppercase;
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
    padding: 30px 15px 26px 15px;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dadada 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #dadada));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #dadada 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #dadada 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #dadada 100%);
    background: linear-gradient(top, #f5f5f5 0%, #dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dadada', GradientType=0);
}

/*-----------  *Exceptions aux styles Magento*  -----------*/
/*-----------  LOGIN-FORM  -----------*/
#login-form .registered-users > .buttons-set {
    position: relative;
}

#login-form .registered-users > .buttons-set > .link {
    position: absolute;
    right: 0;
    top: -35px;
    font-size: 11px;
    width: 46%;
}

#login-form .registered-users > .buttons-set > .link > .lien_classique {
    font-weight: normal;
}

#login-form .col2-set .col-1, #login-form .col2-set .col-2 {
    width: 48%;
    color: #222222;
    margin-bottom: 0;
    padding: 12px 0;
    border-top: 3px solid #a3a3a3;
    background: none;
}

#login-form .buttons-set {
    text-align: left;
}

#login-form .col2-set h2 {
    color: #003e90;
    margin: 0;
    border: none;
    padding: 0 0 15px 0 !important;
    font: normal normal 18px/18px Ultramagnetic, Arial, Sans-serif;
}

/*-----------  DASHBOARD  -----------*/
/*.dashboard .page-title{
	padding-bottom:6px;
	margin-bottom:15px;
	border-bottom:3px solid #000000;
}
.dashboard .page-title h1{padding-bottom:0 !important;}*/
.dashboard .welcome-msg {
    color: #737373;
    padding: 0 0 30px 0;
    font: normal normal 14px/16px Arial, Verdana, Sans-serif;
}

ol > li.item {
    padding: 12px 0 0 0;
}

ol > li.item > * {
    padding: 0 0 9px 0;
}

ol > li.item:first-child, ol > li.item > *:first-child {
    padding-top: 0;
}

/*-----------  SIDEBAR LEFT  -----------*/
#sidebarLeft > .block > .block-title {
    color: #003e90;
    padding: 3px 0 8px 0;
    border-bottom: 1px solid #000000;
    text-transform: uppercase;
    font: normal normal 15px/16px Ultramagnetic, Arial, Sans-serif;
}

#sidebarLeft > .block > .block-title strong {
    font-weight: normal;
}

/*-----------  *Styles Magento*  -----------*/
/*-----------  TITRES  -----------*/
.page-title {
    padding-bottom: 0 !important;
}

.page-title h1 {
    color: #003e90;
    text-transform: uppercase;
    padding: 0 0 30px 0 !important;
    font: normal normal 30px/33px Ultramagnetic, Arial, Sans-serif;
    position: relative;
}

.page-title h1 > small {
    color: #656565;
    text-transform: none;
    font-family: UltramagneticLight, Arial, Sans-serif;
}

.page-title h1 > small > em {
    font-style: normal;
}

.box-head h2, h2.legend {
    color: #003e90;
    margin: 0;
    padding: 0 0 10px 0;
    font: normal bold 14px/normal Arial, Verdana, Sans-serif;
}

.box-title {
    position: relative;
}

.box-title h3, .col2-set h2 {
    color: #222222;
    margin: 0 0 10px 0;
    padding: 0 0 2px 0;
    border-bottom: 3px solid #e2e2e2;
    font: normal normal 14px/normal Arial, Verdana, Sans-serif;
}

.box-title a {
    position: absolute;
    right: 0;
    bottom: 5px;
    display: inline-block;
    margin: 0 !important;
    padding: 0 10px 0 0 !important;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
    color: #003e90;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/lien_classique-hover.png) no-repeat right 5px;
}

/*-----------  COLONNAGE  -----------*/
.col-1, .col-2, .col-3 {
    color: #656565;
    position: relative;
}

.col-1 {
    clear: left;
    margin-left: 0 !important;
}

/* 1 colonne */
.col1-set {
    float: left;
    width: 100%;
}

.col1-set .col-1 {
    float: left;
    width: 94%;
    padding: 15px 3% 0 3%;
    margin: 0;
    background: #f7f7f7;
}

.col1-set .col-1 .col2-set .col-1, .col1-set .col-1 .col2-set .col-2 {
    width: 48%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

/* 2 colonnes */
.col2-set {
    float: left;
    width: 100%;
}

.col2-set .col-1, .col2-set .col-2 {
    float: left;
    width: 42%;
    padding: 15px 3%;
    margin: 0 0 18px 4%;
    background: #f7f7f7;
}

/* 3 colonnes */
.col2-set {
    float: left;
    width: 100%;
}

.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 {
    float: left;
    width: 28%;
    padding: 2%;
    margin: 0 0 40px 2%;
    background: #f2f2f2;
}

/*-----------  Colonnes > content  -----------*/
.col-1 > .content > p, .col-2 > .content > p, .col-3 > .content > p {
    padding: 0 0 12px 0;
}

/*-----------  CONTENUS  -----------*/
.box-content > * {
    padding: 9px 0 0 0;
}

.box-content > *:first-child {
    padding-top: 0;
}

/*-----------  MESSAGES  -----------*/
.messages {
    float: none !important;
    width: auto !important;
}

.messages li {
    float: none !important;
    width: auto !important;
    margin: 0 0 20px 0 !important;
    padding: 10px !important;
    font: normal normal 11px/normal Arial, Verdana, Sans-serif !important;
}

.messages li ul {
    margin-left: 13px !important;
}

.messages li ul li {
    border: none !important;
    margin: 0 !important;
    padding: 5px 0 0 0 !important;
    list-style-type: disc !important;
}

.messages li ul li:first-child {
    padding-top: 0 !important;
}

/* Success */
.messages li.success-msg {
    color: #65b03c;
    background: #eafae1;
    border: 1px solid #aada90;
}

/* Error */
.messages li.error-msg {
    color: #d30f29;
    background: #f9ecee;
    border: 1px solid #e6a8b0;
}

/* Notification */
.messages li.notice-msg {
    color: #2697c1;
    background: #e3f0f5;
    border: 1px solid #3cb7e5;
}

/*-----------  FORMULAIRES  -----------*/
.form-list li {
    padding: 0 0 10px 0;
}

.form-list li.fields {
    padding-bottom: 0;
}

.form-list li.fields div.field {
    padding-bottom: 10px;
}

.form-list label {
    display: block;
    padding: 0 10px 5px 0;
    color: #222222;
    font: normal bold 12px/normal Arial, Verdana, Sans-serif;
}

.form-list label.inline {
    display: inline;
}

/*.form-list label em{
	color:#cc0000;
	display:inline-block;
	position:relative;
	left:5px;top:-3px;
	font:normal normal 11px/normal Arial, Verdana, Sans-serif;
}*/
.form-list input, .form-list textarea, .form-list select {
    color: #222222;
    display: block;
    width: 100%;
    padding: 5px;
    margin: 0;
    background: #ffffff;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-list select {
    padding: 5px 0 4px 0;
    line-height: normal;
}

.account-create .form-list input.radio,
.vl-customer-account-edit .form-list input.radio {
    float: none;
}

.form-list input.checkbox, .form-list input.radio {
    display: inline;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 5px 0 0;
    box-shadow: none;
    border: none;
}

.form-list li.control div.input-box {
    display: inline;
    display: inline-block;
}

.form-list li.control label {
    display: inline;
    display: inline-block;
}

/* Form list exception */
.form-list.align > li {
    float: left;
    width: 46%;
    margin: 0 0 0 8%;
}

.form-list.align > li:first-child {
    margin-left: 0;
}

/*-----------  inline  -----------*/
.form-list > li div.customer-dob {
    font-size: 0;
}

.form-list > li div.customer-dob > div {
    width: 32%;
    padding: 0 0 0 2%;
    display: inline-block;
}

.form-list > li div.customer-dob > div:first-child {
    padding-left: 0;
}

.form-list > li div.customer-dob > div > input {
    width: 70%;
    display: inline-block;
}

.form-list > li div.customer-dob > div > label {
    width: 25%;
    padding: 0 0 0 5%;
    display: inline-block;
}

/*----------- Advanced search ------*/
/*.advanced-search .form-list li {
	display: inline-block;
    margin-right: 23px;
    vertical-align: top;
    width: 31%;
}
.advanced-search .form-list li:first-child {
	clear: both;
    display: block;
}
.advanced-search .form-list li.last {
	margin-right: 0;
}

.advanced-search .form-list li {
	display: inline-block;
    vertical-align: top;
    width: 31%;
}*/
/*.advanced-search .form-list li select {
    height: 200px;
    padding: 10px;
}*/
.modifyAdvancedSearch {
    color: #003e90;
}

/*-----------  note  -----------*/
.note {
    color: #656565;
    font-size: 11px;
}

/* Message de validation requise */
.validation-advice {
    float: none !important;
    width: auto !important;
    display: inline-block;
    color: #d30f29;
    padding: 2px 0 10px 22px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/icon_alert.gif) no-repeat left top;
    font: normal normal 11px/normal Arial, Verdana, Sans-serif;
}

/* Filedset */
div.fieldset {
    padding-bottom: 8px;
    margin-bottom: 21px;
    border-bottom: 3px solid #a3a3a3;
}

div.fieldset + .buttons-set > p.required:first-child {
    position: relative;
    top: -16px;
}

/* Required */
p.required {
    color: #656565;
    font-size: 11px;
    padding: 0 0 8px 0;
}

/* Bouton retour */
p.back-link {
    float: left;
    color: #003e90;
    padding: 7px 0 0 0 !important;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

/* Bouton retour */
.buttons-set {
    text-align: right;
}

/*-----------  ACCOUNT  -----------*/
/* Liens dans la colonne */
#sidebarLeft .block-content ul {
    color: #7f7f7f;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font: normal normal 12px/normal UltramagneticLight, Arial, Sans-serif;
}

#sidebarLeft .block-content ul li {
    padding: 12px 0 0 0;
    border-bottom: 1px solid #e8e8e8;
}

#sidebarLeft .block-content ul li a, #sidebarLeft .block-content ul li span {
    display: block;
    color: #003e90;
    padding: 8px 18px 8px 0;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/arrow_right_blue.png) no-repeat right center;
}

#sidebarLeft .block-content ul li a:hover, #sidebarLeft .block-content ul li.current span {
    color: #000000;
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/arrow_right_black.png);
}

#sidebarLeft .block-content ul li.current span {
    font-family: Ultramagnetic, Arial, Sans-serif;
}

/*----------- SAV BLOCK  -----------*/
.sav-block .col3-set .col-1,
.sav-block .col3-set .col-2,
.sav-block .col3-set .col-3 {
    padding: 0;
    background: none;
    margin-bottom: 20px;
}

.sav-block .col3-set .col-1,
.sav-block .col3-set .col-2,
.sav-block .col3-set .col-3 {
    width: 32%;
}

/*-----------  TABLE CAPTION  -----------*/
.table-caption {
    clear: left;
    color: #003e90;
    margin: 0 0 15px 0;
    padding: 15px 0 2px 0;
    border-bottom: 3px solid #222222;
    font: normal normal 21px/normal Ultramagnetic, Arial, Sans-serif;
}

/*-----------  DATA TABLE  -----------*/
.data-table {
    width: 100%;
    border: none;
    margin: 0;
    color: #003e90;
    border-spacing: 0;
    border-collapse: collapse;
    font: normal normal 11px/normal Arial, Verdana, Sans-serif;
}

.data-table .nobr {
    white-space: nowrap;
}

/* thead */
.data-table thead th {
    padding: 0 0 6px 24px;
    color: #656565;
    white-space: nowrap;
    text-align: left;
    vertical-align: bottom;
    border-bottom: 3px solid #e2e2e2;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

.data-table thead tr > th:first-child {
    padding-left: 0;
}

/* tbody */
.data-table tbody td {
    padding: 12px 0 12px 24px;
    vertical-align: top;
    border-top: 1px solid #e8e8e8;
}

.checkout-onepage-index #page ul.messages {
    margin: 0px 15px;
}

.checkout-onepage-index #page ul.messages li {
    margin-bottom: 0px !important;
}

.checkout-onepage-index .pageBg {
    background: #ffffff;
}

.checkout-onepage-index #leftCol {
    width: 99%;
}

#checkoutSteps .section#opc-review .data-table tbody td {
    padding-left: 0;
}

#checkoutSteps .section#opc-review .data-table tbody td.last {
    width: 70px;
}

#checkoutSteps .section #checkout-step-login .col2-set .col-1, #checkoutSteps .section #checkout-step-login .col2-set .col-2 {
    width: 48%;
    padding: 0;
    margin-bottom: 0;
}

.data-table tbody td .item-options dt {
    display: inline;
}

.data-table tbody td .item-options dd {
    display: inline;
}

.data-table tbody tr > td:first-child, .data-table tfoot > tr > td:first-child, #list-program-table.data-table tbody tr > td {
    padding-left: 0 !important;
}

.data-table tbody tr:first-child > td {
    border-top: none;
}

.data-table tbody .product-name {
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
}

/* tfoot */
.data-table tfoot td {
    color: #222222;
    padding: 6px 0 6px 24px;
}

.data-table tfoot > tr:first-child > td {
    border-top: 1px solid #e2e2e2;
}

.data-table tfoot > tr > td:first-child {
    text-align: right;
}

.data-table tfoot > tr.grand_total td {
    font-size: 14px;
    font-family: Ultramagnetic, Arial, Sans-serif;
}

.data-table tfoot > tr.grand_total td strong {
    font-weight: normal;
}

.data-table tfoot .price {
    color: #222222 !important;
}

/* block-progress */
#checkout-review-submit {
    clear: both;
    padding-top: 12px;
}

.block-progress {
    float: left;
    width: 385px;
    padding: 30px 25px 18px 0;
    font-size: 14px;
    color: #737373;
}

.block-progress dt {
    clear: both;
    float: left;
    width: 42%;
    line-height: 16px;
    /*text-align: right;*/
    margin-bottom: 12px;
    text-transform: uppercase;
    font-family: UltramagneticBold, Arial, Sans-serif;
}

.block-progress dt a {
    color: #1b6bd4;
    font-weight: bold;
    margin: 0;
    padding: 0 6px 0 0;
    font-size: 12px;
    text-transform: none;
    font-family: Arial, Verdana, Sans-serif;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/lien_classique.png) no-repeat right 5px;
}

.block-progress dd {
    clear: right;
    float: right;
    width: 48%;
    margin-bottom: 12px;
    font-size: 12px;
    font-family: Arial, Verdana, Sans-serif;
}

.block-progress dd address {
    font-style: normal;
}

/* data-table-tfoot */
.data-table-tfoot {
    float: right;
    color: #656565;
    font-size: 14px;
    margin: 9px 0 9px 25px;
    width: 320px;
    border-spacing: 0;
    border-collapse: collapse;
}

.data-table-tfoot td {
    width: 105px !important;
    padding: 9px 0 0 24px;
    vertical-align: bottom;
}

.data-table-tfoot td:first-child {
    width: 200px !important;
    padding-left: 0;
}

.data-table-tfoot .price {
    color: #222222;
    width: auto !important;
    margin: 0 !important;
    padding: 0 15px 0 0 !important;
    background: none !important;
    vertical-align: middle !important;
}

.data-table-tfoot tr.grand-total td strong {
    font-weight: normal;
}

.data-table-tfoot tr.grand-total .price {
    color: #003e90;
    margin: 0 !important;
    padding: 6px 10px 0 10px !important;
    background: #ffed00 !important;
    font-size: 30px !important;
    line-height: 31px !important;
    position: relative;
    left: -12px;
}

.data-table-tfoot tr.grand-total .price .decimal, .data-table-tfoot tr.grand-total .price .currency {
    font-size: 14px;
}

/*-----------  CHECKOUT  -----------*/
#checkoutSteps {
    float: left;
    width: 100%;
}

/* title */
#checkoutSteps .section.allow .number {
    color: #000000;
    background-position: right -42px;
}

#checkoutSteps .section.allow .step-title {
    color: #a3a3a3;
    cursor: pointer;
}

#checkoutSteps .section.allow.active .step-title {
    cursor: inherit;
}

#checkoutSteps .section.active .number {
    background-position: right -19px !important;
}

#checkoutSteps .section.allow.active .number, #checkoutSteps .section.allow.active .step-title {
    color: #003e90;
}

#checkoutSteps .step-title,
#paypal-express-review .step-title {
    clear: left;
    color: #cdcdcd;
    position: relative;
    padding: 0 50px 6px 0;
    text-transform: uppercase;
    margin: 11px 0 3px 0;
    border-bottom: 3px solid #e8e8e8;
    text-transform: uppercase;
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
}

#checkoutSteps .section:first-child .step-title {
    margin-top: 0;
}

#checkoutSteps .step-title .number {
    position: absolute;
    right: 0;
    display: block;
    padding: 0 24px 0 0;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/checkout_steps_buttons.png) no-repeat right 3px;
}

#checkoutSteps .step-title h2,
#paypal-express-review .step-title h2 {
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
}

#checkoutSteps .step-title a {
    display: none;
    position: absolute;
    right: 20px;
    top: 18px;
    width: 20px;
    height: 20px;
    text-indent: -5000px;
}

#checkoutSteps .section.allow .step-title a {
    display: block;
}

/* content */
#checkoutSteps .step {
    padding: 12px;
    background: #f7f7f7;
}

/* back link */
#checkoutSteps p.back-link {
    clear: left;
}

/* buttons set */
#checkoutSteps .buttons-set {
    clear: both;
    margin: 9px 0 0 0;
    padding: 9px 0 0 0;
    border-top: 1px dotted #cdcdcd;
}

#checkoutSteps .buttons-set .required {
    float: left;
}

#checkoutSteps .sp-methods dt {
    display: block;
    padding: 0 0 5px 0;
}

/* review */
#checkoutSteps .section#opc-review .step-title {
    border-bottom-color: #656565;
}

#checkoutSteps .section#opc-review .step {
    background: none;
    padding: 0;
}

#checkoutSteps .section#opc-review .buttons-set {
    border-top: 3px solid #656565;
}

#checkoutSteps #checkout-agreements {
    margin: 35px 20px 20px 0;
    text-align: right;
}

/* please wait */
#checkoutSteps .please-wait {
    display: block;
    color: #003e90 !important;
    margin: 0;
    opacity: 1 !important;
    padding: 20px 0;
    text-align: center;
    font: normal normal 14px/normal Arial, Verdana, Sans-serif;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/ajax-loader_please-wait.gif) no-repeat center bottom;
}

#checkoutSteps .please-wait > img:first-child {
    display: none;
}

#checkout-review-table-wrapper {
    background: #f7f7f7;
    padding: 12px;
    margin: 9px 0 0 0;
}

/*-----------  CHECKOUT PROGRESS  -----------*/
#checkout-progress-wrapper .block {
    margin: 0 0 20px 0;
}

#checkout-progress-wrapper .block .block-title {
    padding: 6px 0 20px 0;
    color: #7f7f7f;
    font: italic normal 12px/normal Arial, Verdana, Sans-serif;
}

#checkout-progress-wrapper .block .block-content dl dt {
    color: #000000;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    font: normal normal 13px/normal Arial, Verdana, Sans-serif;
}

#checkout-progress-wrapper .block .block-content dl dt a, #checkout-progress-wrapper .block .block-content dl dt span.separator {
    text-transform: none;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

#checkout-progress-wrapper .block .block-content dl dt a {
    color: #7f7f7f;
    font-style: italic;
}

#checkout-progress-wrapper .block .block-content dl dd {
    margin: 0 0 20px 0;
}

#checkout-progress-wrapper .block .block-content dl dd .price {
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 0 10px;
}

/*-----------  CART TABLE  -----------*/
.cart-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

/* generics */
.cart-table .nobr {
    white-space: nowrap;
}

.cart-table a.product-image img {
    display: block;
}

.cart-table input.qty {
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #cacaca;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2) inset;
    font: normal normal 12px/28px Arial, Verdana, Sans-serif;
}

.cart-table td.sub-total {
    text-align: right;
}

.cart-table td.last {
    width: 13px;
    padding-right: 15px;
    text-align: center;
}

.cart-table td.qty .plus, .cart-table td.qty .minus {
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: middle;
}

.cart-table td.qty .minus {
    position: relative;
    left: -5px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/minus.gif) no-repeat center center;
}

.cart-table td.qty .plus {
    margin: 0 0 0 3px;
    background: url(https://www.obut.com/skin/frontend/obut/default/img/plus.gif) no-repeat center center;
}

.cart-table .product-name {
    text-align: left;
    color: #003e90;
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
}

.cart-table .product-name > p {
    display: block;
    color: #222222;
    font: normal normal 11px/normal Arial, Verdana, Sans-serif;
}

.cart-table .item-options {
    font-size: 11px;
    color: #003e90;
}

.cart-table .item-options dt {
    display: inline;
}

.cart-table .item-options dd {
    display: inline;
}

.cart-table .item-options + p {
    font-size: 11px;
    padding-top: 6px;
}

.cart-table th:last-child,
.cart-table td:last-child {
    width: 10%;
}

.sales-retractation-index .cart-table th:last-child,
.sales-retractation-index .cart-table td:last-child {
    min-width: 70px;
    text-align: center;
}

/* thead */
.cart-table thead th {
    color: #a3a3a3;
    text-align: left;
    padding: 6px 12px;
    white-space: nowrap;
    border-bottom: 1px solid #e8e8e8;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

.cart-table thead tr:first-child th:first-child {
    padding-left: 0;
}

.cart-table thead th.name {
    text-align: left;
    padding-left: 0;
}

.cart-table thead th.del {
    text-align: right;
    padding-right: 0;
}

/* tbody */
.cart-table tbody td {
    padding: 6px 12px;
    border-bottom: 1px solid #e8e8e8;
}

.cart-table tbody tr td:first-child {
    padding-left: 0;
}

#cartPreview .cart-table tbody tr td:first-child {
    padding-left: 12px;
}

.cart-table tbody td.product-image {
    width: 53px;
    text-align: left;
}

.cart-table tbody td.last {
    text-align: center;
}

.cart-table tbody td.unitPrice {
    text-align: center;
}

.cart-table tbody td.unitPrice .price, .cart-table tbody td.unitPrice .price > .currency, .cart-table tbody td.unitPrice .price > .decimal {
    background: none;
    padding: 0 !important;
    font: normal bold 12px/normal Arial, Verdana, Sans-serif !important;
}

/* tfoot */
.cart-table-tfoot {
    padding: 9px 15px 0 15px;
    text-align: right;
    position: relative;
    top: -30px;
}

.cart-table-tfoot button {
    background: none;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

.cart-table-tfoot form {
    display: inline-block;
    vertical-align: middle;
}

.cart-table-tfoot .float-left {
    position: relative;
    top: 6px;
}

/* totals */
.totals {
    padding: 15px;
}

.totals::after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: .1px;
}

.totals .head .price {
    float: right;
}

.totals table {
    color: #222222;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
}

.totals table tr td {
    padding: 5px 0 5px 20px;
    text-align: right;
}

.totals table tr td:first-child {
    text-align: left;
    padding-left: 0;
}

.totals table strong {
    font-weight: normal;
}

.totals table .price {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.totals table tbody .price {
    color: #222222 !important;
}

.totals .actions {
    margin: 10px 0 40px;
    text-align: left;
}

.totals table tbody > tr > td {
    border-top: 1px dotted #cdcdcd;
}

.totals table tbody > tr:first-child > td {
    border-top: 0;
}

.totals table tfoot > tr:first-child > td {
    border-top: 3px solid #cdcdcd;
}

.totals table tfoot > tr > td {
    color: #003e90;
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 0;
}

.totals table tfoot > tr > td .price {
    font-size: 30px;
    line-height: 31px;
}

.totals table tfoot > tr > td .price > .currency, .totals table tfoot > tr > td .price > .decimal {
    font-size: 14px;
}

.totals .col-1, .totals .col-2 {
    min-height: 1px !important;
}

.totals .col-2 {
    width: 44%;
    padding: 15px 2%;
}

.totals .col-1, .totals .col-2 {
    margin-bottom: 0 !important;
}

.totals .col-1 {
    width: 48%;
    background: none;
    padding: 0 !important;
}

.totals .head {
    color: #a3a3a3;
}

.totals .head .sep {
    display: inline-block;
    padding: 0 5px;
}

.totals .title {
    display: inline-block;
    margin-bottom: 20px;
    color: #003e90;
    font: normal normal 15px/normal Ultramagnetic, Arial, Sans-serif;
}

.totals p {
    color: #222222;
    padding: 9px 0 0 0;
}

/*-----------  CART HEADLINE  -----------*/
.cart-headline {
    color: #003e90;
    padding: 7px 15px;
    background: #e0e0e0;
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
}

/*-----------  SHIPPING FORM  -----------*/
.shipping-form {
    padding: 15px;
}

.shipping-form h2 {
    padding: 0 0 15px 0;
    text-transform: uppercase;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

.shipping-form .form-couple {
    font-size: 0;
}

.shipping-form .form-list.align {
    font-size: 0;
}

.shipping-form .form-list.align > li {
    float: none;
    width: 22%;
    font-size: 12px;
    margin-left: 4%;
    display: inline-block;
    vertical-align: bottom;
}

.shipping-form .form-list.align > li:first-child {
    margin-left: 0;
}

.shipping-form .shipping-method-form .sp-methods {
    float: left;
    width: 22%;
    padding: 0 0 0 4%;
}

.shipping-form .shipping-method-form {
    margin: 10px 0 0 0;
}

.shipping-form .shipping-method-form .sp-methods:first-child {
    padding-left: 0;
}

.shipping-form .shipping-method-form .sp-methods dt {
    display: block;
    padding: 0 0 5px 0;
}

.shipping-form .shipping-method-form .buttons-set {
    display: block;
    padding: 0;
    width: 100%;
}

/** delivery adress **/
#co-shipping-method-form .delivery-adress-title {
    color: #222222;
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
    border-bottom: 3px solid #656565;
    padding-top: 15px;
    padding-bottom: 7px;
    margin-bottom: 20px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

#co-shipping-method-form .delivery-adress-title:first-child {
    margin-top: 0;
}

#co-shipping-method-form .choice-delivery-address {
    margin: 0 0 15px 0 !important;
    width: 100%;
    float: left;
    border: 0;
}

#co-shipping-method-form .choice-delivery-address .col-1 {
    width: 73%;
    float: left;
    margin-right: 2%;
}

#co-shipping-method-form .choice-delivery-address .col-2 {
    width: 25%;
    float: left;
    text-align: right;
    padding: 0;
}

#co-shipping-method-form .choice-delivery-address ul > li {
    clear: both;
}

#co-shipping-method-form .choice-delivery-address .container-img {
    width: 15%;
    float: left;
}

#co-shipping-method-form .choice-delivery-address .container-img img {
    max-width: 100%;
    height: auto;
}

#co-shipping-method-form .choice-delivery-address .desc {
    font-size: 11px;
    width: 85%;
    float: left;
}

#co-shipping-method-form .choice-delivery-address .desc p {
    margin-bottom: 5px;
}

#co-shipping-method-form .choice-delivery-address .delivery-date {
    color: #003e90;
    font-size: 11px;
    margin-top: 5px;
}

#co-shipping-method-form .choice-delivery-address .delivery-date .highlight {
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
}

#co-shipping-method-form .choice-delivery-address label {
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
    color: #003e90;
    padding-left: 5px;
}

/*-----------  ORDER BUTTONS  -----------*/
.orderButtons {
    position: relative;
    top: -30px;
}

/*-----------  MY ACCOUNT  -----------*/
.my-account > .page-title + .cms {
    padding-bottom: 18px;
}

.my-account .data-table {
    margin-bottom: 21px;
}

#my-orders-table th {
    text-align: center;
}

#my-orders-table td {
    text-align: center;
    padding: 14px 12px;
}

#my-orders-table tr td.last {
    padding-right: 0;
}

#my-orders-table .actions {
    text-align: right;
    border-bottom: 3px solid #e8e8e8;
}

#my-orders-table .actions a {
    color: black;
    padding-left: 20px;
}

/*-----------  COUPON FORM  -----------*/
#co-shipping-method-form > dl {
    font-size: 12px;
    margin-left: 2%;
    margin-bottom: 10px;
}

#co-shipping-method-form > dl > dt {
    color: #222222;
    display: block;
    padding: 0 10px 5px 0;
    font-weight: bold;
}

#co-shipping-method-form > dl > dd .price {
    margin-top: 5px !important;
}

/*-----------  COUPON FORM  -----------*/
/*.coupon-form{
	background:#e5e5e5;
	padding:20px;
	margin:0 0 20px 0;
	font-size:0;
	color:#000000;
}
.coupon-form h2, .coupon-form .input-box, .coupon-form .buttons-set{
	display:inline;
	display:inline-block;
	vertical-align:middle;
}
.coupon-form h2{
	width:20%;
	text-transform:uppercase;
	font:normal bold 14px/normal Arial, Verdana, Sans-serif;
}
.coupon-form .input-box{
	width:61%;
	padding:0 2%;
}
.coupon-form .input-box input.input-text{margin-bottom:0;}
.coupon-form .buttons-set{width:15%;}
.coupon-form .buttons-set button.button{width:100%;}*/
.coupon-form {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 0 12px;
}

.coupon-form label {
    padding: 0 5px 0 0;
}

.coupon-form input[type="text"] {
    width: 95px;
    display: inline-block;
    background: #ffffff;
    color: #656565;
    padding: 3px 6px;
    margin: 0 4px 0 0;
    border: 1px solid #cccccc;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

/*-----------  CHECKOUT TYPES  -----------*/
.checkout-types {
    padding: 9px 15px;
    background: #ffed00;
    text-align: right;
    border-top: 3px solid #a3a3a3;
}

.checkout-types > li {
    display: inline;
}

.checkout-cart-index .checkout-types > li {
    display: inline-table;
}

/*-----------  PRINT  -----------*/
.print-head .logo {
    display: block;
    padding: 0 0 30px 0;
}

/*-----------  CHRONORELAIS  -----------*/
/* styles for chrono relais */
.sp-methods-chronorelais > p:first-child {
    padding-bottom: 5px;
}

.chronorelaismap {
    margin: 20px 0px 10px 0px;
}

.chronorelaismap .mappostalcode {
    margin-bottom: 10px;
    text-align: right;
}

.sp-methods .method-description {
    clear: both;
}

.sp-methods .method-radio, .sp-methods .method-image, .sp-methods .method-contents {
}

.sp-methods .method-image {
    padding: 0 10px;
}

/*****************************
sw-Gmap
*******************************/
#chronomap {
    height: 450px;
    width: 100%;
    overflow: hidden ! mportant;
    font: 82.5%/1.3 Arial, Helvetica, sans-serif;
    background-color: #E5E3DF;
    border: 1px solid #aaa;
}

#chronomap * {
    float: none;
    overflow: visible;
    font-family: Arial, sans-serif;
}

#chronomap a {
    color: #0000cc;
    outline: none;
}

#chronomap h4 {
    font-size: 14px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
}

#chronomap h2 {
    font-size: 16px;
    margin: 2px 10px 6px 0;
    font-weight: bold;
}

/*****************************
Infowindow
*******************************/
#chronomap .sw-infowindow a {
    cursor: pointer;
}

#sw-infowindow-info {
    max-height: 400px
}

#sw-infowindow-hor {
    height: 150px
}

.sw-map-adresse-wrp {
    min-height: 90px
}

.sw-map-adresse {
    font-size: 1.2em;
    margin: 5px 0 8px 0;
    line-height: 1.45em;
}

.sw-map-tools a {
    font-size: 12px;
}

#chronomap .sw-desc {
    display: block;
    font-weight: bold;
    line-height: 16px;
    float: none !important;
    width: auto;
}

#chronomap .sw-help {
    display: block;
    float: none !important;
    width: auto;
    clear: both;
}

.sw-map-itin-tools {
    font-size: 11px;
    padding: 8px 0;
    display: block;
}

.sw-back-link {
    font-size: 11px;
    display: block;
    text-align: right;
    margin: 0px;
}

#sw-sendbymail-wrap {
    height: 220px;
    overflow: hidden;
}

#chronomap .sw-textarea {
    height: 30px;
}

.sw-tool-itineraire {
    height: 220px;
}

/*****************************
Tables
*******************************/
.sw-table {
    border-collapse: collapse;
    width: 100%;
}

.sw-table td {
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;
    padding: 1px 0px;
}

.sw-table th {
    background: #eee;
    font-size: 1.3em;
    border-top: 1px solid #555
}

#sw-table-horaire-client td, #sw-table-horaire-depot td {
    width: 50%;
}

#sw-table-horaire-client {
}

#sw-table-horaire-depot {
    margin-top: 8px;
}

/*****************************

/* MAJ QUAND SERAI-JE LIVRE */
body.checkout-cart-index div#leftCol.column div.shipping div.shipping-form ul.form-list li.buttons-set {
    margin-left: 1%;
}

body.checkout-cart-index button.button.small {
    background-position: right 0;
}

div.btLivraison {
    position: relative;
    width: 100%;
}

div.btLivraison a {
    bottom: -40px;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 60px !important;
    position: absolute;
    right: 0;
    width: 250px;
    background: url("https://www.obut.com/skin/frontend/obut/default/img/btLivraion.png") no-repeat scroll 20px center #1b6bd4;
    transition: background-color 0.3s ease 0s;
}

div.btLivraison a:hover {
    background: url("https://www.obut.com/skin/frontend/obut/default/img/btLivraion.png") no-repeat scroll 20px center #003e8f;
    color: #FFFFFF;
}

.fields .field .btLivraison {
    margin-top: 12px;
}

.fields .field .btLivraison a {
    border-radius: 16px
}

/* FAQ PAGE */

div.page-title .faq {
    background: url("https://www.obut.com/skin/frontend/obut/default/img/faq/faq_title_bg.png") no-repeat scroll right top transparent;
    line-height: 50px !important;
}

#faq_menu {
    float: left;
    width: 785px;
    min-height: 150px;
    background: #f3f1eb;
    padding: 25px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*VERTPAN*/
ul#faq_menu li a {
    display: block;
    padding: 0;
    height: 46px;
    width: 46px;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

ul#faq_menu li {
    position: relative;
    float: left;
    margin-left: 70px;
}

ul#faq_menu li span {
    position: absolute;
    width: 90px;
    top: 55px;
    left: -20px;
    color: #aaa9a7;
    font-size: 13px;
    text-align: center;
}

ul#faq_menu li.current span {
    color: #05438e;
}

ul#faq_menu li a:hover span {
    color: #05438e;
}

ul#faq_menu li.current a:before {
    top: 200%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 59, 150, 0);
    border-top-color: #003b96;
    border-width: 5px;
    margin-left: -7px;
}

ul#faq_menu li a img, ul#faq_menu li a {
    display: block;
    padding: 0;
    overflow: hidden;
    float: left;
}

ul#faq_menu li a img {
    margin-top: 0px;
    -webkit-transition: margin 0.2s ease;
    -moz-transition: margin 0.2s ease;
    -o-transition: margin 0.2s ease;
    -ms-transition: margin 0.2s ease;
    transition: margin 0.2s ease;
}

ul#faq_menu li a:hover img, ul#faq_menu li.current a img {
    margin-top: -46px;
}

ul#faq_list {
    margin: 10px 0 30px 40px;
    width: 600px;
    float: left;
}

ul#faq_list dt.question {
    color: #043c93;
    font-size: 16px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    margin-top: 30px;
    float: left;
    width: 100%;
}

ul#faq_list dd.reponse {
    border-top: 1px solid #b6cfe5;
    /*min-height:35px;*/
    float: left;
    width: 100%;
    padding-top: 10px;
}

ul#faq_list dt.question div {
    font-weight: bold !important;
}

ul#faq_list dt.question div, ul#faq_list dd.reponse div {
    width: 95%;
    display: inline-block;
    vertical-align: top;
}

ul#faq_list dt.question div:first-Child, ul#faq_list dd.reponse div:first-Child {
    width: 5%;
    font-size: 16px;
    font-weight: bold;
}

div.faq_content {
    clear: both;
    padding: 50px 50px 10px 50px;
}

div.faq_content h2.titre_2 {
    color: #003e90;
    padding: 0 100px 0 0;
    font: normal normal 18px/18px Ultramagnetic, Arial, Sans-serif;
}

span.btfaq {
    position: relative;
    float: right;
}

.page-title h1 span.btfaq a {
    bottom: -40px;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 54px !important;
    position: absolute;
    right: 0;
    width: 310px;
    background: url("https://www.obut.com/skin/frontend/obut/default/img/faq/btFaq.png") no-repeat scroll 20px center #1b6bd4;
    font: normal bold 12px/40px Arial, Verdana, Sans-serif;
    border-radius: 16px;
    text-transform: none;
}

span.btfaq a:hover {
    background-color: #003e8f;
    color: #FFFFFF;
}

span.ou {
    position: absolute;
    left: 300px;
    font-size: 16px;
    top: 0;
}

/* AUTOCOMPLETION */
div#search_autocomplete.search-autocomplete {
    background: #ffffff url(https://www.obut.com/skin/frontend/obut/default/img/panoptique_bg.gif) repeat-x left top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 100;
}

div#search_autocomplete.search-autocomplete li {
    padding: 4px 0;
    color: #656565;
}

div#search_autocomplete.search-autocomplete li:hover {
    background: url("https://www.obut.com/skin/frontend/obut/default/img/lien_classique.png") no-repeat scroll left center transparent;
    color: #000;
    cursor: pointer;
    padding-left: 6px;
}

div#search_autocomplete.search-autocomplete span.amount {
    display: none;
}

/*-----------  ONGLET RÉSULTATS DE RECHERCHE AVANCÉE   -----------*/
.categories-advanced-search .tabs {
    border-bottom: 3px solid #222222;
}

.categories-advanced-search .nav_disabled {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
}

.categories-advanced-search .tabs > li {
    margin-left: 0.5%;
    float: left;
    width: 19.6%;
    text-transform: uppercase;
    text-align: center;
    background-color: #f7f7f7;
    color: #222222;
    cursor: pointer;
    font: normal normal 12px/37px Ultramagnetic, Arial, Verdana, Sans-serif;
    padding: 0 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.categories-advanced-search .tabs > li:first-Child {
    margin: 0;
}

.categories-advanced-search .tabs > li span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.categories-advanced-search .tabs > li.current {
    background-color: black;
    color: white;
    cursor: default;
}

/*-----------  liste remplacant les multi select   -----------*/
.titre_2 + .advanced-search-list {
    margin-top: 10px;
}

.advanced-search-list > li {
    margin-bottom: 3px;
    position: relative;
}

.advanced-search-list.col_2 > li {
    width: 45%;
    margin-right: 5%;
    float: left;
}

.advanced-search-list > li {
    color: #222222;
    font: normal normal 14px/normal Arial, Verdana, Sans-serif;
    cursor: pointer;
    border-radius: 12px;
    display: block;
    padding: 4px 20px 4px 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.advanced-search-list > li .miniature {
    max-width: 75px;
}

.advanced-search-list > li:hover {
    background-color: #e2e2e2;
}

.advanced-search-list > li.disabled {
    cursor: default;
    opacity: 0.3;
    background-color: transparent !important
}

.advanced-search-list > li.checked {
    background: #e2e2e2 url(https://www.obut.com/skin/frontend/obut/default/img/encoche_small.png) no-repeat right center;
}

.advanced-search-list > li input {
    display: none;
}

.category-products {
    position: relative;
    min-height: 150px;
}

#attributes .titre_2 {
    margin-left: 12px !important;
}

#attributes .list > li:first-child {
    margin-left: 0;
    padding-left: 0;
}

#attributes .list > li {
    float: left;
    margin-left: 10px;
    padding: 10px 0 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-left: 1px solid #e2e2e2;
}

#attributes .list > li:first-Child {
    border: 0;
}

#attributes .list > li.col_4 {
    width: 181px;
}

#attributes .list > li.col_2 {
    width: 346px;
}

#attributes .list > li.col_1 {
    width: 755px;
    background: transparent url(https://www.obut.com/skin/frontend/obut/default/img/border_col_1.gif) repeat-y center top;
}

.categories-list > li {
    font-size: 18px;
    padding: 6px 38px 6px 100px;
    border-radius: 16px;
    margin-bottom: 15px;
    width: 92%;
}

.categories-list > li img {
    height: 50px;
    width: auto;
    display: block;
    position: absolute;
    z-index: 1;
    left: 25px;
    top: -6px;
}

.categories-list > li.checked {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/encoche_middle.png);
}

.categories-list.big {
    display: inline-block;
    margin-top: 14px;
}

.categories-list.big > li {
    float: left;
    margin-bottom: 40px;
    margin-left: 4%;
    width: 48%;
}

.categories-list.big > li.first {
    margin-left: 0;
}

.categories-list.big > li img {
    height: 75px;
    left: 20px;
    top: -21px;
}

.attribute_loader {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 2;
    height: 100%;
}

.tab_loader {
    background: white url(https://www.obut.com/skin/frontend/obut/default/img/ajax-loader_advanced_search.gif) no-repeat center 150px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 3;
    height: 100%;
}

.list_loader {
    background: white url(https://www.obut.com/skin/frontend/obut/default/img/ajax-loader_advanced_search.gif) no-repeat center center;
    height: 100%;
    width: 100%;
    min-height: 250px;
}

.multiselect {
    display: none;
}

.advanced-search .products-grid > li {
    width: 30%;
    vertical-align: middle;
    display: inline-block;
    float: none;
    height: auto;
}

.advanced-search .container-ajax,
#attributes {
    position: relative;
    display: inline-block;
    width: 100%;
}

.advanced-search .container-ajax > * {
    padding-top: 25px;
}

/*---- COOKIES ----*/
.cookies {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: white;
    text-align: center;
    color: #0048a8;
    font: normal normal 11px normal Arial, Verdana, Sans-serif;
    -moz-box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.176);
    -webkit-box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.176);
    box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.176);
    padding: 5px 0;
}

.cookies .close {
    background: #ffe400 url(https://www.obut.com/skin/frontend/obut/default/img/close_cookies.png) no-repeat center top;
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    -ms-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
    position: absolute;
    top: 0;
    left: 0;
}

.cookies .close:hover {
    background-color: #0048a8;
    background-position: center bottom;
}

.cookies .close,
.cookies p {
    display: inline-block;
}

.cookies p {
    padding: 0 33px 0 10px;
    text-align: left;
}

.cookies p a {
    text-decoration: none;
    border-bottom: 1px solid #0048a8;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.cookies p a:hover {
    color: #333333;
    border-color: #333333;
}

/* Page Paypal Express */

#product .paypal-logo a {
    margin: 0 !important;
}

.paypal-text-delivery {
    font-size: 12px;
    text-align: center;
    display: block;
    clear: both;
    margin-bottom: 10px;
}

#leftCol .paypal-text-delivery {
    margin-top: -10px;
    font-size: 10px;
}

#paypal-express-review .info-set h2 {
    font: 18px Ultramagnetic, Arial, sans-serif;
    color: #003e90;
}

#paypal-express-review .step-title {
    margin: 0;
    padding: 0;
}

#paypal-express-review h2.legend {
    padding: 7px 15px
}

#paypal-express-review .totals .col2-set .col-1 p img:first-child {
    display: none;
}

#paypal-express-review #details-reload .data-table img.img-product-paypal-express {
    float: left;
    margin-right: 10px;
}

#paypal-express-review #details-reload .data-table .item-options {
    text-transform: none;
}

#paypal-express-review #details-reload .data-table tbody .a-center {
    font-size: 16px;
    line-height: 36px;
}

/* Magic Zoom */
/* desactivation du mode trial */
.MagicZoomBigImageCont.inner-zoom > div {
    line-height: 1000px !important;
}

#product #picto_deal_parent, #product #picto_edition_parent {
    float: right;
    text-align: right;
}

#picto_deal_parent_list, #picto_edition_parent_list {
    float: right;
    position: absolute;
    z-index: 1000;
    margin-left: 175px;
}

/* bandeau edition limitée / bonne affaire */
.banner-special {
    position: relative;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    background-color: #30469f;
    color: white;
    text-transform: uppercase;
    font: normal normal 10px/22px ultramagnetic, Arial, Verdana, Sans-serif;
}

.banner-special:after,
.banner-special:before {
    content: '';
    width: 9px;
    height: 22px;
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 0;
}

.banner-special:before {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/banner-special_arrow-left_blue.png);
    left: -8px;
}

.banner-special:after {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/banner-special_arrow-right_blue.png);
    right: -9px;
}

#picto_deal.banner-special {
    background-color: #ffed00;
    color: #222222;
}

#picto_deal.banner-special:before {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/banner-special_arrow-left_yellow.png);
}

#picto_deal.banner-special:after {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/banner-special_arrow-right_yellow.png);
}

.banner-special + .guide {
    position: static !important;
    margin-left: 10px;
    width: 80px;
    text-align: right;
    vertical-align: middle;
    display: inline-block;
}

/* ---- style pour la page cadeaux d'affaires --- */
.select-gift {
    position: relative;
    margin-top: 55px;
    margin-bottom: 100px;
}
.select-gift--title {
    text-align: center;
    background-color: black;
    color: #ffed00;
    font: normal bold 20px/normal Arial, Verdana, Sans-serif;
    text-transform: uppercase;
    padding: 15px;
    box-sizing: border-box;
}

.select-gift--link {
    border: 5px solid #ffed00;
    background-color: black;
    color: #ffed00 !important;
    padding: 11px 20px;
    text-transform: uppercase;
    font: normal bold 16px/normal Arial, Verdana, Sans-serif;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
}
.select-gift--link.block {
    display: block;
}
.select-gift--link:before {
    content: '<';
    position: absolute;
    top: 10px;
    left: 5px;
}
.select-gift--link:hover {
    border-color: black;
    background-color: #ffed00;
    color: black !important;
    text-decoration: none !important;
}

.select-gift .select-gift--link {
    position: absolute;
    bottom: 35px;
    right: 75px;
}
.select-gift--list {
    list-style: none;
    background-color: #ffed00;
    padding: 25px 30px;
    box-sizing: border-box;
}
.select-gift--list ul {
    display: table;
    width: 100%;
}
.select-gift--list ul > li {
    list-style: none;
    display: table-cell;
    text-align: center;
    text-transform: uppercase;
    font: normal normal 15px/normal Arial, Verdana, Sans-serif;
    width: 25%;
}
.select-gift--list ul > li:before {
    content:'';
    display: block;
    height: 40px;
    width: 40px;
    background: black url(https://www.obut.com/skin/frontend/obut/default/img/coche.png) no-repeat center center;
    border-radius: 50%;
    margin: 0 auto 15px;
}
.select-gift--list ul > li strong {
    display: block;
}
.text-small strong {
    color: black;
    font: normal bold 16px/22px Arial, Verdana, Sans-serif;
}

#intro > .cartouche > .text-small {
    line-height: 16px;
}

.gazette-obut {
    border-top: 1px solid black;
    margin-top: 25px;
    padding-top: 25px;
}
.gazette-obut--col {
    width: 52%;
    padding-left: 15px;
    box-sizing: border-box;
    display: inline-block;
}

/* COURSE PDF LINK IN CUSTOMER ACCOUNT */
#download-course-coupon-link {
    display: block;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 25px;
}
/* TRUNCATED OPTIONS */
.truncated_full_value {
    display: none;
}

.truncated_full_value.show {
    display: block;
    padding-top: 10px;
}

/* GIFT CARD */
.gift-card--picture {
    margin-bottom: 20px;
}

.gift-card--picture img {
    display: block;
    width: 100%;
    height: auto;
}

.gift-card--intro p {
    margin-bottom: 20px;
}

.gift-card--highlight {
    font: normal bold 16px/normal Arial, Verdana, Sans-serif;
}

.gift-card--title {
    color: white;
    background-color: black;
    font: normal bold 16px/normal Arial, Verdana, Sans-serif;
    padding: 18px 12px;
    text-align: center;
}

.gift-card--list-how {
    margin-bottom: 50px;
}

.gift-card--list-how ul {
    color: #ffec00;
    counter-reset: num;
    display: flex;
    align-items: stretch;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}

.gift-card--list-how ul > li {
    padding: 0 15px 12px;
    background-color: black;
    color: white;
    margin-top: 10px;
    font: normal bold 16px/normal Arial, Verdana, Sans-serif;
    box-sizing: border-box;
    width: 32%;
}

.gift-card--list-how ul > li:nth-last-child(-n+2) {
    width: 49%;
}

.gift-card--list-how ul > li::before {
    counter-increment: num;
    content: counter(num);
    display: block;
    margin-bottom: 10px;
    font: normal normal 48px/40px pacifico, Arial, Verdana, Sans-serif;
}

.gift-card--list-how ul > li small {
    font-size: 12px;
}

.gift-card--list-how ul > li:nth-child(odd) {
    background-color: #ffec00;
    color: black;
}

.gift-card--list-where .gift-card--title {
    color: black;
    background-color: #ffec00;
}

.gift-card--list-where {
    margin-bottom: 50px;
}

.gift-card--list-where ul {
    margin-top: 25px;
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    justify-content: space-between;
    font: normal normal 12px/normal Arial, Verdana, Sans-serif;
}

.gift-card--list-where ul > li {
    width: 31%;
}

.gift-card--list-where ul > li  p {
    margin-bottom: 15px;
}

.gift-card--subtitle {
    font: normal bold 12px/normal Arial, Verdana, Sans-serif;
    text-transform: uppercase;
    display: block;
}

.gift-card--subtitle span {
    display: inline-block;
    width: 71%;
    vertical-align: middle;
}

.gift-card--subtitle::before {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    background-color: #ffec00;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.gift-card--subtitle.icon-link::before {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/icon-link.png);
}

.gift-card--subtitle.icon-poi::before {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/icon-poi.png);
}

.gift-card--subtitle.icon-shop::before {
    background-image: url(https://www.obut.com/skin/frontend/obut/default/img/icon-shop.png);
}

.gift-card .bouton_jaune {
    height: auto !important;
}

@font-face {
    font-family: 'pacifico';
    src: url('https://www.obut.com/skin/frontend/obut/default/font/pacifico.eot');
    src: url('https://www.obut.com/skin/frontend/obut/default/font/pacifico.eot?#iefix') format('embedded-opentype'),
    url('https://www.obut.com/skin/frontend/obut/default/font/pacifico.woff2') format('woff2'),
    url('https://www.obut.com/skin/frontend/obut/default/font/pacifico.woff') format('woff'),
    url('https://www.obut.com/skin/frontend/obut/default/font/pacifico.ttf') format('truetype'),
    url('https://www.obut.com/skin/frontend/obut/default/font/pacifico.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* CSS Document */
/*-----------  Styles édition client, et transverses à tout le site -----------*/

/*-----------  AFFICHAGE WYSIWYG  -----------*/
body{
	color:#222222;
	font:normal normal 12px/normal Arial, Verdana, Sans-serif;
}
#tinymce p{
	color:#222222;
	font:normal normal 12px/16px Arial, Verdana, Sans-serif;
}
#tinymce .diapo_titre{color:#222222;}

/*-----------  FONT FACES  -----------*/
@font-face{
	font-family:'UltramagneticLight';
	src:url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_light.eot');
	src:url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_light.eot?#iefix') format('embedded-opentype'),
		url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_light.woff') format('woff'),
		url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_light.ttf') format('truetype'),
		url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_light.svg#UltramagneticLight') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'Ultramagnetic';
	src:url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic.eot');
	src:url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic.eot?#iefix') format('embedded-opentype'),
		url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic.woff') format('woff'),
		url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic.ttf') format('truetype'),
		url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic.svg#Ultramagnetic') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face{
    font-family:'UltramagneticBold';
    src:url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_bold.eot');
    src:url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_bold.woff') format('woff'),
        url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_bold.ttf') format('truetype'),
        url('https://www.obut.com/skin/frontend/obut/default/font/ultramagnetic_bold.svg#UltramagneticBold') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*-----------  COULEURS  -----------*/
.couleur_noire{color:#222222 !important;}
.couleur_grise{color:#656565 !important;}
.couleur_blanche{color:#ffffff !important;}
.couleur_bleue{color:#003e90 !important;}
.couleur_bleue2{color:#1b6bd4 !important;}
.couleur_jaune{color:#ffed00 !important;}

/*-----------  TITRES  -----------*/
.titre_0{
	color:#003e90;
	margin:0 !important;
	text-transform:uppercase;
	margin:15px 0 30px 0 !important;
	padding:0 0 2px 0 !important;
	border-bottom:3px solid #000000;
	font:normal normal 30px/36px UltramagneticLight, Arial, Sans-serif;
}
.titre_1{
	color:#222222;
	margin:0 !important;
	text-transform:uppercase;
	margin:12px 0 0 0 !important;
	padding:0 0 5px 0 !important;
	font:normal normal 15px/19px Ultramagnetic, Arial, Sans-serif;
}
.titre_2{
	color:#222222;
	margin:0 !important;
	text-transform:uppercase;
	padding:0 0 5px 0 !important;
	font:normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
}

/*-----------  LISTES  -----------*/
ul.liste_puce{
  margin: 0 0 0 12px;
  list-style-type: disc;
}
ul.liste_puce:first-child{
  margin-top: 0 !important;
}
ul.liste_puce ul{
  list-style-type: disc;
  margin-left: 15px;
}
ul.liste_puce li {
  padding: 0 !important;
  margin: 3px 0 0 0 !important;
}

/*-----------  PARAGRAPHES  -----------*/
.p_intro{
	padding-bottom:15px !important;
	font:normal normal 14px/20px Arial, Verdana, Sans-serif;
}

/*-----------  LIENS  -----------*/
.lien_classique{
	color:#1b6bd4;
	font-weight:bold;
	margin:0 !important;
	padding:0 12px 0 0 !important;
	background:url(https://www.obut.com/skin/frontend/obut/default/img/lien_classique.png) no-repeat right bottom;
}
.lien_classique:hover{
	color:#003e90;
	background-image:url(https://www.obut.com/skin/frontend/obut/default/img/lien_classique-hover.png);
}

/*-----------  BOUTONS  -----------*/
.bouton_bleu, .bouton_jaune, #main .button, #greyBox .button {
	height:24px !important;
	display:inline-block !important;
	text-align:center;
	vertical-align:top;
	margin:0 5px 0 0 !important;
	padding:5px 32px 3px 15px !important;
	border-radius:16px;
	border:none;
	text-transform:uppercase !important;
	background-image:url(https://www.obut.com/skin/frontend/obut/default/img/buttons.png);
	background-repeat:no-repeat;
	font:normal normal 14px/24px Ultramagnetic, Arial, Sans-serif !important;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
.bouton_bleu, .button{
	color:#ffffff !important;
	background-color:#1b6bd4;
	background-position:right 0;
}
.bouton_bleu:hover, .button:hover{
	background-color:#003e90;
	background-position:right -32px;
}
.bouton_jaune{
	color:#222222 !important;
	background-color:#ffed00;
	background-position:right -214px;
}
.bouton_jaune:hover{
	color:#222222 !important;
	background-color:#f0df06;
}
 /* BT PAYPAL EXPRESS */
 
 .bouton_blanc{
	height:24px !important;
	display:inline-block !important;
	text-align:center;
	vertical-align:top;
	margin:0 5px 0 0 !important;
	padding:5px 32px 3px 15px !important;
	border-radius:16px;
	border:none;
	text-transform:uppercase !important;
	background-image:url(https://www.obut.com/skin/frontend/obut/default/img/buttons.png);
	background-repeat:no-repeat;
	font:normal normal 12px/24px Ultramagnetic, Arial, Sans-serif !important;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	-o-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
.bouton_blanc{
	color:#666 !important;
	background-color:#f1f1f1;
	background-position:right 0;
}
.bouton_blanc:hover{
	background-color:#CCC;
	background-position:right -32px;
}

#main .bouton_blanc.cart.btn-paypal{
background-image:url(https://www.obut.com/skin/frontend/obut/default/img/button_paypal.png);
}
#main #product .paypal-logo{
	margin-top:12px;
    clear:both;
    float:right;
    width:180px;
}
.checkout-types .paypal-logo {margin-bottom:15px; }
/*-----------  TEXTES  -----------*/
.txt_petit{font-size:70%;}

/*-----------  PICTOS  -----------*/
.picto_durete{
	display:inline-block !important;
	width:29px !important;
	height:29px !important;
	color:#ffffff !important;
	text-align:center;
	vertical-align:bottom;
	margin:0 7px 0 0 !important;
	padding:0 !important;
	overflow:hidden;
	text-transform:uppercase !important;
	font:normal bold 14px/27px Arial Narrow, Verdana, Sans-serif !important;
	background:transparent url(https://www.obut.com/skin/frontend/obut/default/img/site.png) no-repeat 0 0 !important;
}
.picto_fermer{
	display:inline-block !important;
	width:13px !important;
	height:12px !important;
	color:#ffffff !important;
	text-align:center;
	vertical-align:bottom;
	margin:0 7px 0 0 !important;
	padding:0 !important;
	overflow:hidden;
	text-transform:uppercase !important;
	font:normal bold 11px/normal Arial Narrow, Verdana, Sans-serif !important;
	background:transparent url(https://www.obut.com/skin/frontend/obut/default/img/site.png) no-repeat -29px 0 !important;
}
.picto_plus{
	display:inline-block !important;
	width:53px !important;
	height:53px !important;
	color:#ffffff !important;
	text-align:center;
	vertical-align:bottom;
	margin:0 7px 0 0 !important;
	padding:0 !important;
	overflow:hidden;
	text-transform:uppercase !important;
	font:normal bold 14px/27px Arial Narrow, Verdana, Sans-serif !important;
	background:transparent url(https://www.obut.com/skin/frontend/obut/default/img/site.png) no-repeat 0 -29px !important;
}
.picto_noir{
	display:inline-block !important;
	width:17px !important;
	height:17px !important;
	color:#ffffff !important;
	text-align:center;
	vertical-align:middle;
	margin:0 2px !important;
	padding:0 !important;
	overflow:hidden;
	text-transform:uppercase !important;
	font:normal bold 11px/15px Arial, Verdana, Sans-serif !important;
	background:transparent url(https://www.obut.com/skin/frontend/obut/default/img/site.png) no-repeat -29px -12px !important;
}
.picto_etoile1, .picto_etoile2{
	display:inline-block !important;
	width:19px !important;
	height:18px !important;
	color:#ffffff !important;
	text-align:center;
	vertical-align:middle;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden;
	font:normal bold 11px/15px Arial, Verdana, Sans-serif !important;
	background:transparent url(https://www.obut.com/skin/frontend/obut/default/img/site.png) no-repeat -23px -128px !important;
}
.picto_etoile1{background-position:-23px -146px !important;}

/*-----------  IMAGES  -----------*/
img.image_a_gauche{
	clear:left;
	display:block;
	float:left;
	margin:0 12px 12px 0;
}
img.image_a_droite{
	clear:right;
	display:block;
	float:right;
	margin:0 0 12px 12px;
}

/*-----------  PRICE  -----------*/
.price{
	display:inline-block;
	color:#003e90;
	margin:0 !important;
	padding:4px 10px 2px 10px !important;
	background:#ffed00;
	text-transform:uppercase;
	font:normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
}

/*-----------  PUSH  -----------*/
.push_titre1{
	color:#003e90;
	text-transform:uppercase;
	font:normal normal 24px/25px UltramagneticLight, Arial, Sans-serif;
}
.push_titre2{
	color:#003e90;
	padding:8px 0 0 0;
	text-transform:uppercase;
	font:normal normal 15px/17px UltramagneticLight, Arial, Sans-serif;
}
.push_titre3{
	color:#222222;
	text-transform:uppercase;
	font:normal normal 18px/normal UltramagneticLight, Arial, Sans-serif;
}
img.push_fond{display:block;}
.push_logo{
	position:absolute;
	right:0;top:0;
	padding:0 !important;
}
.push_logo img{display:block;}

/*-----------  DIAPORAMA  -----------*/
img.diapo_image{display:block;}
.diapo_gamme{
	float:left;
	display:block;
	color:#222222;
	margin:19px 0 0 0;
	padding:9px 11px;
	background:#ffed00;
	text-transform:uppercase;
	font:normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
}
.diapo_titre{
	clear:left;
	display:block;
	color:#ffffff;
	padding:19px 0 18px 0;
	text-transform:uppercase;
	font:normal normal 50px/60px UltramagneticLight, Arial, Sans-serif;
	position:relative;
	left:-3px;
}
.diapo_produit{
	display:block;
	width:201px;
	min-height:99px;
	color:#003e90;
	padding:15px 19px;
	text-transform:none;
	font:normal normal 12px/normal Arial, Verdana, Sans-serif;
}
.diapo_produit_background {
	background:rgba(255, 255, 255, 0.65) /*url(https://www.obut.com/skin/frontend/obut/default/img/slider_product_layer.png) no-repeat left top*/ !important;
	background-size:100% 100%;
}

.diapo_produit .price{margin-top:12px !important;}
.diapo_produit_nom{
	display:block;
	padding:0 0 2px 0;
	text-transform:uppercase;
	font:normal normal 14px/normal UltramagneticLight, Arial, Sans-serif;
}

/*-----------  FILETS  -----------*/
.filet, .filet2{
	display:block;
	width:100%;
	clear:both !important;
	height:0 !important;
	padding:0 !important;
	margin:0 0 12px 0 !important;
	font-size:0 !important;
	line-height:0 !important;
	background:none !important;
	border:none !important;
	border-top:3px solid #222222 !important;
}
.filet2{
	margin-top:6px !important;
	border-top-width:1px !important;
	border-top-color:#e8e8e8 !important;
}
/*-----------    -----------*/
.titre_special {
	background: transparent url(https://www.obut.com/skin/frontend/obut/default/img/slider_intitule_cadeau.png) no-repeat left top;
	text-transform: uppercase;
	color: #003e90;
	font: normal normal 18px/38px UltramagneticLight, Arial, Sans-serif;
	text-align: center;
	display: block;
	width: 213px;
	height: 45px;
	text-transform: uppercase;
	position: absolute;
	left: 13px;
	top: -29px;
	z-index: 1;
}

.status {
    clear: both;
}
/*-----------  TABLEAU  -----------*/
/*.tableau{
	width:100%;
	border-spacing:0;
	margin-bottom:15px;
	border-collapse:collapse;
	border-bottom:1px solid #dddddd;
}*/
/* AFFILIATE + */

.page-title h2{
	color:#003e90;
	text-transform:uppercase;
	padding:0 0 30px 0 !important;
	font:normal normal 30px/33px Ultramagnetic, Arial, Sans-serif;
}

.data-table thead th {
	padding:10px 0 6px 0;
}

.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range {
	margin-bottom:10px;
}

.affiliateplus-index-listtransaction div.range-container div.data-range .search-item{
	width: 60px;
}

.affiliateplus-grid-search div.affiliateplus-grid-search-item div.data-range .search-item{
	width: 60px;
}

.affiliateplus-grid-search div.affiliateplus-grid-search-item .input-select{
	width: 90px;
}

.form-list input[type="checkbox"], .form-list input[type="radio"]{
	margin: 0 5px 0 0;
	width:auto;
	float:left;
}
#personal_url { margin-bottom:10px; }


#tabs > .tabs{
	height:38px;
	border-bottom:3px solid #222222;
}

#affiliateplus-sidebar .step-title span.logo {
	display:none;
}

#affiliateplus-sidebar .allow .step-title {
	border-bottom:none;
	padding:0 10px;
}

#tabs > .tabs > li.active{
	color:#ffffff;
	background:#222222;
}

.statistic-transactions.block-content .left {
	float:left;
	width:260px;
}
.statistic-transactions.block-content .right {
	float:right;
	width:260px;
}

.statistic-transactions.block-content .right > p, .statistic-transactions.block-content .left > p {
    border-bottom: 1px dotted #E8E8E8;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.statistic-transactions.block-content .label {
    float: left;
    width: 50%;
}
.statistic-transactions.block-content .price {
    float: right;
}

.affiliateplus_form_request .input_fields_form.right { margin-top:15px; }

.affiliateplus-index-listtransaction  div.range-container div.data-range .search-item {
	margin-right:5px;
}

.affiliateplus-account-edit div.input-box strong span {
	color: #003E90;
    font: bold 14px Arial,Verdana,Sans-serif;
    margin: 0;
    padding: 0 0 10px;
}

.calendar { z-index:101; }

.banner-filter { 
	font: 14px Arial,Verdana,Sans-serif;
    margin: 0;
    padding: 0 0 10px;
}

.banner-filter span { margin-right:4px; padding-right:4px; border-right:1px solid #CCCCCC;  }

.banner-image-title > strong br { margin-top:10px; }

.affiliateplus-banner-list  li.banner-view-item div.banner-image { margin:10px 0; padding:10px 0; border-top:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC; }

.a-center { text-align: center; }

.affiliateplusstatistic-statistic-index table td span:first-child {
	display: block;
    min-height: 30px;
	display: table-cell;
}

#affiliatepluswidget_product_list #header {
	margin:10px 0 30px 0;
	width:100%;
	height:65px;
	position:relative;
	background:url("https://www.obut.com/skin/frontend/obut/default/img/obut-logo-affiliate.png") no-repeat scroll 20px center transparent;
}

#affiliatepluswidget_product_list #header h1 {
	position:absolute;
	width:500px;
	top:10px;
	left:274px;
	color: #003E90;
    font: 30px/33px Ultramagnetic,Arial,Sans-serif;
    text-transform: uppercase;
}

#affiliatepluswidget_product_list #header h2 {
	position:absolute;
	width:500px;
	top:42px;
	left:274px;
	background: none repeat scroll 0 0 transparent !important;
    color: #222222 !important;
    font: 15px Ultramagnetic,Arial,Sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
}

#affiliatepluswidget_product_list {
	border-top:solid 5px #003e90;
	padding:0 5px;
}

#affiliatepluswidget_product_list .products-grid {
	border-bottom:solid 3px #a3a3a3;
	background:none;
}

#affiliatepluswidget_product_list .products-grid > li .productPrice {
	right: 15px;
}
#affiliatepluswidget_product_list .products-grid > li > a{
	text-align:center;
}

#affiliateplusstatistic-filter .form-list select {
	padding:4px;
	background: none;
}

#affiliateplusstatistic-filter .form-list input { width:auto; display:inline; }

.banner-image-title a { color:#003E90; }


#affiliateplus-widget-form {
	 width: 170px;
}

#affiliateplus-widget-fieldset {
	margin: 0 10px;
    width: 150px;
	float:left;

}

div#affiliateplus-widget-preview {
	float:left;
	width:800px;
}

.affiliatepluswidget-index-edit div.buttons-set {
	float:right;
	width:800px;
	margin-bottom:10px;
}
.affiliatepluswidget-index-edit div.buttons-set button.button {
	padding-top:7px;
}

.affiliatepluswidget-index-edit div.buttons-set p.back-link {
	float:right;
}

.affiliatepluswidget-index-edit .page-title h2{
	margin-left:1%;
	padding-top:30px !important;
	float:left;
	width:99%;
}

.affiliatepluswidget-index-index .data-table tbody td { padding-left:5px; }
.affiliatepluswidget-index-index .data-table tbody td textarea { width:360px; }

body {height:100%; margin:0px; padding:0}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(https://www.obut.com/skin/frontend/obut/default/css/images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

/*
.button {margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}
*/

/* Refer a Friend */
#affiliateplus-sidebar {
	width: 345px;
}

#affiliateplus-sidebar .allow .step-title {
	cursor: pointer;
	border-bottom: 1px solid #BBAFA0;
}

#affiliateplus-sidebar .allow .step-title:hover{
	background: #F9F3E3;
}

#affiliateplus-sidebar .allow .step-title:hover .number{
	background: #F18200;
	border-color: #F19900;
	color: #FFF;
}

#affiliateplus-sidebar .allow .step-title:hover h2{
	color: #F18200;
}
	
#affiliateplus-sidebar .step, #affiliateplus-sidebar p.box-content{
	padding: 8px;
}

#affiliateplus-sidebar .form-list textarea{
	width: 318px;
	height: 100px;
}

#affiliateplus-sidebar .step-title span.logo{
	width: 16px;
	height: 16px;
	margin-right: 4px;
	border: none;
}

/* Personal */
#affiliateplus-sidebar #input-personal-url{
	width: 219px;
	float: right;
}
#affiliateplus-sidebar #input-personal-url #personal_url{
	width: 215px;
}
#affiliateplus-sidebar #personal_affiliate_url{
	width: 327px;
	text-align: center;
}

/* Email */
#affiliateplus-sidebar .step-title span.email-logo{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/email-grayscale.png') no-repeat;
}
#affiliateplus-sidebar .active .step-title span.email-logo, #affiliate-opc-email .step-title:hover span.logo{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/email-color.png') no-repeat;
}
#affiliateplus-contact-list .form-list .input-box, #affiliateplus-contact-list .form-list .input-box select{
	width: 100%;
}
#affiliateplus-contact-list .buttons-set{
	padding-top: 7px;
	border-top: 0px;
	margin-top: 0px;
}

/* Google */
#affiliateplus-sidebar .step-title span.google-logo{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/gplus-grayscale.png') no-repeat;
}
#affiliateplus-sidebar .active .step-title span.google-logo, #affiliate-opc-google .step-title:hover span.logo{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/gplus-color.png') no-repeat;
}

/* Facebook */
#affiliateplus-sidebar .step-title span.facebook-logo{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/facebook-grayscale.png') no-repeat;
}
#affiliateplus-sidebar .active .step-title span.facebook-logo, #affiliate-opc-facebook .step-title:hover span.logo{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/facebook-color.png') no-repeat;
}

/* Tweeter */
#affiliateplus-sidebar .step-title span.twitter-logo{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/tweet.png') no-repeat 0px -17px;
}
#affiliateplus-sidebar .active .step-title span.twitter-logo, #affiliate-opc-twitter .step-title:hover span.logo{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/tweet.png') no-repeat 0px 3px;
}

#affiliateplus-sidebar .tweeter span.span{
	-webkit-border-radius: 3px;
	border: #CCC solid 1px;
	padding: 2px;
	-moz-border-radius: 3px; border-radius: 3px;
	background-image: -moz-linear-gradient(top, white, #DEDEDE);
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE));
	background-image: -ms-linear-gradient(top, white, #DEDEDE);
	background-image: linear-gradient(top, white, #DEDEDE);
	background-image: -o-linear-gradient(top, white, #DEDEDE);
}
#affiliateplus-sidebar button.tweeter span.span span{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/tweet.png') no-repeat -26px 3px;
	padding: 0px 3px 0px 24px;
	color: #1E7EC8;
	margin-left: 2px;
}


#affiliateplus-sidebar .buttons-set{
	padding-top: 7px;
	border-top: 0px;
	margin-top: 0px;
}

#affiliateplus-sidebar .affiliateplus-opc li{
	margin-bottom: 8px;
}

/* Share on Product Detail Page */
.affiliateplus-share-product .affiliateplus-share-img {
    position: relative;
    float: left;
    top: -16px;
}
.affiliateplus-share-product .share_twitter iframe{
    width: 88px !important;
}
.affiliateplus-share-product .share_facebook .fb_button{
    background: url("https://www.obut.com/skin/frontend/obut/default/css/magestore/images/fb_share_button.png") no-repeat;
    border: none;
    height: 20px;
    width: 70px;
    cursor: pointer;
    position: relative;
    bottom: 1px;
    color: #FFF;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 16px;
}
.affiliateplus-share-product .affiliateplus-sharing {
    float: right;
}
.affiliateplus-share-product .share {
    float: right;
    margin-top: 5px;
}

/* Share on Product List Page */
.affiliateplus-share-product-list{
    overflow: hidden;
    margin: 3px 0px;
}
.affiliateplus-share-product-list .logo{
    width: 16px; height: 16px;
    margin-right: 8px; border: none;
    cursor: pointer;
}
.affiliateplus-share-product-list .email-logo{
	background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/email-color.png') no-repeat;
}
.affiliateplus-share-product-list .facebook-logo{
    background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/facebook-color.png') no-repeat;
}
.affiliateplus-share-product-list .twitter-logo{
    background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/tweet.png') no-repeat 0px 3px;
}
.affiliateplus-share-product-list .google-logo{
    background: url('https://www.obut.com/skin/frontend/obut/default/css/magestore/images/gplus-color.png') no-repeat;
}

#tinybox {
    position: absolute;
    display: none;
    background: #fff url(https://www.obut.com/skin/frontend/base/default/css/tinybox/images/preload.gif) no-repeat 50% 50%;
    border: none;
    z-index: 2000
}

#tinymask {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 1500
}

#tinycontent {
    background: #fff
}

/* Affiliateplus Program Plugin stylesheet */

.affiliate-clear { min-height: 18px; clear: both; }

.affiliateplusprogram_total_commission { color: #ff0000; }

.affiliateplus-form-search .input-box .label { font-weight: bold; }
.affiliateplus-form-search .input-box .left input { margin-left: 10px; }

.affiliateplus-anchor {color: #1e7ec8; text-decoration: underline; cursor: pointer;}
/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


.gift-card *{box-sizing: border-box;}
.gift-card button *{box-sizing: content-box;}
.gift-card .row {
    margin-right: -10px;
    margin-left: -10px;
}

.gift-card .col-xs-1,.gift-card  .col-xs-2,.gift-card  .col-xs-3,.gift-card  .col-xs-4,.gift-card  .col-xs-5,.gift-card  .col-xs-6,.gift-card  .col-xs-7,.gift-card  .col-xs-8,.gift-card  .col-xs-9,.gift-card  .col-xs-10,.gift-card  .col-xs-11,.gift-card  .col-xs-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}
table {
    background-color: transparent;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}
.gift-card .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.gift-card .table > thead > tr > th,
.gift-card .table > tbody > tr > th,
.gift-card .table > tfoot > tr > th,
.gift-card .table > thead > tr > td,
.gift-card .table > tbody > tr > td,
.gift-card .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.gift-card .table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 2px solid #ddd;
}
.gift-card .table > caption + thead > tr:first-child > th,
.gift-card .table > colgroup + thead > tr:first-child > th,
.gift-card .table > thead:first-child > tr:first-child > th,
.gift-card .table > caption + thead > tr:first-child > td,
.gift-card .table > colgroup + thead > tr:first-child > td,
.gift-card .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.gift-card .table > tbody + tbody {
    border-top: 2px solid #ddd;
}
.gift-card .table .table {
    background-color: #fff;
}
.gift-card .table-condensed > thead > tr > th,
.gift-card .table-condensed > tbody > tr > th,
.gift-card .table-condensed > tfoot > tr > th,
.gift-card .table-condensed > thead > tr > td,
.gift-card .table-condensed > tbody > tr > td,
.gift-card .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.gift-card .table-bordered {
    border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > tbody > tr > th,
.gift-card .table-bordered > tfoot > tr > th,
.gift-card .table-bordered > thead > tr > td,
.gift-card .table-bordered > tbody > tr > td,
.gift-card .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.gift-card .table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.gift-card .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.gift-card table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
.gift-card table td[class*="col-"],
.gift-card table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.gift-card .table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .gift-card .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .gift-card .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .gift-card .table-responsive > .table-bordered {
        border: 0;
    }
    .gift-card .table-responsive > .table-bordered > thead > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > thead > tr > td:first-child,
    .gift-card  .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .gift-card  .table-responsive > .table-bordered > thead > tr > th:last-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .gift-card .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .gift-card  .table-responsive > .table-bordered > thead > tr > td:last-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .gift-card  .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .gift-card  .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}


.gift-card input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gift-card input[type="radio"],
.gift-card input[type="checkbox"] {
    margin: 3px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.gift-card input[type="file"] {
    display: block;
}
.gift-card input[type="range"] {
    display: block;
    width: 100%;
}
.gift-card select[multiple],
.gift-card select[size] {
    height: auto;
}
.gift-card input[type="file"]:focus,
.gift-card input[type="radio"]:focus,
.gift-card input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.gift-card output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.gift-card .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.gift-card .form-control:focus {
    border-color: #66afe9;
    outline:none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.gift-card .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.gift-card .form-control:-ms-input-placeholder {
    color: #999;
}
.gift-card .form-control::-webkit-input-placeholder {
    color: #999;
}
.gift-card .form-control[disabled],
.gift-card .form-control[readonly],

.gift-card textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
.gift-card input[type="date"],
.gift-card input[type="time"],
.gift-card input[type="datetime-local"],
.gift-card input[type="month"] {
    line-height: 34px;
    line-height: 1.42857143 \0;
}
.gift-card input[type="date"].input-sm,
.gift-card input[type="time"].input-sm,
.gift-card input[type="datetime-local"].input-sm,
.gift-card input[type="month"].input-sm {
    line-height: 30px;
    line-height: 1.5 \0;
}
.gift-card input[type="date"].input-lg,
.gift-card input[type="time"].input-lg,
.gift-card input[type="datetime-local"].input-lg,
.gift-card input[type="month"].input-lg {
    line-height: 46px;
    line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
    line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
    line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
    line-height: 1.33;
}
.gift-card .form-group {
    margin-bottom: 10px;
    float:left;
    width:100%;
    text-align: left;
}
.gift-card .radio,
.gift-card .checkbox {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.gift-card .radio label,
.gift-card .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.gift-card .radio input[type="radio"],
.gift-card .radio-inline input[type="radio"],
.gift-card .checkbox input[type="checkbox"],
.gift-card .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -19px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.gift-card .radio-inline,
.gift-card .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
.gift-card .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.gift-card .hide{display:none;}
.gift-card .disabled{
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default;
}
.gift-card .text-left {
    text-align: left;
}
.gift-card .text-right {
    text-align: right;
}
.gift-card .text-center {
    text-align: center;
}
.gift-card .text-justify {
    text-align: justify;
}
.gift-card .text-nowrap {
    white-space: nowrap;
}
.gift-card .text-lowercase {
    text-transform: lowercase;
}
.gift-card .text-uppercase {
    text-transform: uppercase;
}
.gift-card .text-capitalize {
    text-transform: capitalize;
}
/**
* Giftvoucher reward template
*/
.dialog.giftcard-preview-template-dialog{
    left: 50% !important;
    margin-left: -330px !important;    
}
.input-select.validation-failed
{
    border-color: red;
}

span#giftvoucher_wait{
    color: #2F2F2F;
}

.giftvoucher-discount-code{
    color: #008000;
}
.giftvoucher-discount-code button{
    border: medium none;
    background: none repeat scroll 0 0 transparent;
}

.giftvoucher-discount-code button:hover{
    cursor: pointer;
}

.giftvoucher-media{
    border: 2px solid #F7F9F9;
}

.giftvoucher-media .giftmedia{
    border-bottom: 2px solid #F7F9F9;
    padding: 7px;
    color: #F18200;
    font-size: 15px;
}

#giftmedia pre{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.giftvoucher-media .giftmedia-image{
    overflow: hidden;
    width: 265px;
    position: relative;
}

.giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc {
    font-size: 0.9em;
    font-style: italic;
    color: #080;
    margin-top: -5px;
}

.giftvoucher-product-info #message{
    width: 100%;
    height: 88px;
}

.giftvoucher-product-info #recipient_address{
    width: 325px;
    height: 57px;
}

.giftvoucher-product-info #recipient_email,
.giftvoucher-product-info #recipient_name,
.giftvoucher-product-info #customer_name{
    width: 100%;
}

#giftvoucher-result{
    font-size: 15px;
}

#giftvoucher-result label{
    width: 160px;
}


/* Search Grid Style */
.data-table .giftvoucher-grid-title th{
    background-image: none;
    border-bottom: 1px solid #C2D3E0;
}

.data-table .giftvoucher-grid-search th{
    vertical-align: top;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{
    width: 97%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{
    float: left;
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{
    display: block;
    width: 36px;
    float: left;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{
    float: right;
    width: 50px;
    padding: 1px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{
    width: 100%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price,
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{
    min-width: 100px;
}

.giftvoucher-search-button {
    padding-bottom: 5px;
    text-align: right;
}
/* End Search */
.customer-account-giftcard .balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{
    background-color: #F6B26B;
}
.customer-account-giftcard .account-balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
/*Hai.Tran*/
.giftcard-preview-template-dialog .top,
.giftcard-preview-template-dialog .bot{
    display: none;
}
.giftcard-preview-template-dialog .dialog_e,
.giftcard-preview-template-dialog .dialog_w {
    width: 0;	
}
.giftcard-preview-template-dialog .dialog_close{
    display: none;
}
.giftcard-preview-template-dialog .dialog_content{
    background-color: transparent !important;
    color: #2f2f2f !important;
    font: 12px/1.55 Arial, Helvetica, sans-serif;
}
.gift-active{
    border: 2px solid rgb(228,121,17) !important;
}
div.egcSwatch-arrow {
    /*    display: none;*/
    position: absolute;
    height: 11px;
    top: -2px;
    left: 1px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    /*    z-index: 10;*/
    background-image: url(https://www.obut.com/skin/frontend/base/default/css/magestore/giftvoucher/down-arrow.png);
}
#giftcard-template-show-images:hover #giftcard-template-next{
    background-image: url(https://www.obut.com/skin/frontend/base/default/css/magestore/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-show-images:hover #giftcard-template-prev{
    background-image: url(https://www.obut.com/skin/frontend/base/default/css/magestore/giftvoucher/arrow-slide-left.png);
}
/*#giftcard-template-next:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-prev:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png);
}*/
/** Media Library **/
.uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ }
.uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; }
.uploader .file-row .file-info { float:left; }
/*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; }
.uploader .file-row .file-info-size { width: 20%; }*/
.uploader .file-row-info { margin: 0 0 0 10px; }
.uploader .file-row-info .file-info-name  { font-weight:bold; }
.uploader .file-row .progress-text { float:right; font-weight:bold; }
.uploader .file-row .delete-button { float:right; }
.uploader .buttons { float:left; }
.uploader .flex { float:right; }
.uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; }
.uploader .error { border:1px solid #aa1717; background-color:#ffe6de; }
.uploader .error .progress-text { padding-right:10px; }
.uploader .complete { border:1px solid #90c898; background-color:#e5ffed; }

#amount_range{
    width: 160px;
}
#popup-giftcard{
    position: fixed;
    z-index: 10000;
    width: 600px;  
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    text-align: left;
}
#bg-fade{
    background: #000;
    position: absolute;
    z-index: 9999;
    width: 100%;
    min-height: 800px;
    float: left;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

#giftvoucher-view-condition {
    float: left;
    clear:both;
}

#giftvoucher-view-condition:hover {
	text-decoration: none;
}

.calendar{
    z-index: 99999;
}

.calendar .button{
    display: table-cell;
}

/* stee */
.ajax-file-upload-progress {
    width: 95% !important;
}
.ajax-file-upload-green {
    display: none !important;
}
.ajax-file-upload-abort {
    display: none !important;
}
.ajax-file-upload-statusbar {
    width: 88% !important;
}

/****************************Template 02 _ top*************************************/

#giftcard-template-top{
    overflow:hidden;
    max-height: 550px;
    font-size: 14px;
    width: 100%;
    height: 365px;
}
#giftcard-template-top .giftcard-template-content{
    margin-left:0px;
    padding: 0;
    position: relative;
}
#giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{
    height: 190px;
    background-color: #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#giftcard-template-top .giftcard-template-content-temp2{
    padding-top: 0px;
    background-repeat: repeat;
    background-size: 100%
}
.logo-title.logo-title-top {
    padding-left: 15px;
    float: left;
    height: 84px;
}
.logo-title.logo-title-top img{
    float: left;
    border-radius: 0px 0px 5px 5px;
    max-height: 70px;
    background-position: 15px 0px !important;
}
.name-value-top{
    float: left;
    width: 100%;
    background: url('https://www.obut.com/skin/frontend/base/default/css/magestore/giftvoucher/bkg-title.png') no-repeat;
    background-size: 103% 105%;
    margin-top: 55px;
    height: 50px;
    position: absolute;
    bottom: 0;
}
.name-value-top .giftcard-title{
    float: left;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
    line-height: 48px;
    font-weight: 600;
}
#giftcard-template-top .giftcard-value{
    float: right;
    padding-left: 20px;
    background: url('https://www.obut.com/skin/frontend/base/default/css/magestore/giftvoucher/bkg-value.png') no-repeat left center;
    height: 50px;
}
.name-value-top .giftcard-value .giftcard-text-color{
    float: left;
    font-size: 12px;
    padding-top: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.name-value-top .giftcard-value .giftcard-price-change {
    float: right;
    margin-left: 15px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.name-value-top .value-price span {
    margin-right: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin-top: -3px;
}
.name-value-top .giftcard-value .giftcard-price-change .price {
    margin-right: 10px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
}
.giftcard-date-top{
    width: 59%;
    float:left;
    padding-top: 10px;
}
.giftcard-date-top .giftcard-from-to{
    float: left;
    font-size: 16px;
    color: #636363 !important;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
}
.giftcard-date-top .giftcard-from-to .giftcard-from{
    float: left;
    max-height: 25px;
}
.giftcard-date-top .giftcard-from-to .giftcard-text-color,
.giftcard-date-top .giftcard-from-to .giftcard-style-color{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
.giftcard-information {
    float: left;
    clear: both;
    width: 342px;
    margin-top: 8px;
    margin-left: 15px;
}
.giftcard-date-top .giftcard-barcode {
    float: right;
    text-align: right;
    padding-right: 15px;
}
.giftcard-date-top span.giftcard-barcode img {
    max-width: 100%;
    float: right;
    height: 40px;
}
.giftcard-date-top .giftcard-barcode {
    padding-right: 15px;
    margin-top: -10px;
}
.giftcard-date-top .giftcard-from-to .giftcard-style-color{
    color: orange;
    font-size: 16px
}
.giftcard-date-top .giftcard-to{
    margin-left:0px;
    max-height: 25px;
    float:left;
    clear:both;
}
.giftcard-date-top .giftcard-number .giftcard-style-color{
    color: orange;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    line-height: 30px;
}
.name-value-top .value-price{
    float: right;
    line-height: 55px;
}
.giftcard-date-top .giftcard-message{
    padding: 6px;
    padding-bottom: 14px;
    padding-top: 3px;
    height: 80px;
    vertical-align: middle;
    background: #fff;
    border-radius: 5px;
    border:1px solid #cecece;
    text-align: left;
}
.barcode-note .giftcard-code{
    float: right;
    margin-right: 15px;
}
.barcode-note .barcode{
    text-align: right;
    float: right;
    width: 158px;
    height: 40px;
}

.barcode-note .barcode img{
    height: 40px;
    max-width: 100%;
    float: right;
}
.giftcard-date-top .giftcard-custom-message{
    margin: 0;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
}
.barcode-note .giftcard-note{
    margin-top: 5px;
    float: right;
    width: 215px;
    text-align: right;
    overflow: hidden;
    height: 90px;
    position: absolute;
    bottom: 10px;
}
.barcode-note .giftcard-note .giftcard-text-color{
    font-size: 12px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#timezone_to_send{visibility: visible !important;}
#giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2{width:100% !important; position: relative;}
#giftcard-template-top .giftcard-template-content{
    width:100%;
    background-size:100% auto !important;
    float: left;
    height: 175px;
}
#giftcard-template-top .giftcard-title-top{
    width:100%;
    position: relative;
}
.hidden-giftcard-content-temp2 .giftcard-barcode-value {height: 30px !important}
#giftcard-template-top .title{width:60% !important;}
#giftcard-template-top .barcode-note{
    width: 230px;
    float: right;
    margin-top: 5px;
    position: relative;
    height: 170px;
}
#giftcard-template-top .giftcard-value-bottom {display: none}

/*---Detail Template 3---*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:600italic,300,700,400,600);
#giftcard-template-back .giftcard-template-content{display: none; height: 0px}
.title-value.giftcard-logo-background {
    float: left;
    width: 100%;
    background: url('https://www.obut.com/skin/frontend/base/default/css/magestore/giftvoucher/bkg-title.png') no-repeat;
    height: 50px;
    background-size: 100%;
}
.giftcard-logo-background .giftcard-value-color {
    float: right;
    background: url('https://www.obut.com/skin/frontend/base/default/css/magestore/giftvoucher/bkg-value.png') no-repeat left center;
    height: 50px;
    text-align: right;
    padding-right: 15px;
    padding-left: 20px;
    line-height: 48px;
}
.from-to-barcode-background{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.giftcard-change-image-background-popup .giftcard-logo {
    float: left;
    height: 84px;
    margin-left: 15px;
}
.giftcard-change-image-background-popup .giftcard-logo img {
    margin-bottom: 15px;
    border-radius: 0px 0px 5px 5px;
    max-height: 70px;
    float: left;
}
.giftcard-logo-background .giftcard-text-color {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-right: 10px;
}
.giftcard-logo-background .giftcard-style-color.giftcard-price-change {
    font-size: 26px;
    margin-top: 6px;
}
.giftcard-logo-background .giftcard-style-color.giftcard-price-change .price {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    float: right;
    line-height: 52px;
}

.giftcard-logo-background .giftcard-title {
    float: left;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
    line-height: 52px;
    font-weight: 600;
}
.from-to-barcode-background .from-to {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    float: left;
    margin-left: 15px;
}
.from-to-barcode-background .from-to .giftcard-form{
    float: left;
    text-align: left;
    margin-top: 10px;
}
.from-to-barcode-background .from-to .giftcard-to {
    float: left;
    text-align: left;
    clear: both;
}
.giftcard-text {
    height: 90px;
}
.from-to-barcode-background span img {
    height: 40px;
    max-width: 100%;
}
.from-to-barcode-background .from-to .giftcard-text-color {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.from-to-barcode-background .from-to .giftcard-style-color{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
.giftcard-box-background{
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
}
.giftcard-box-background .giftcard-text-box{
    background: #fff;
    border-radius: 5px;
    border:1px solid #cccccc;
    padding: 0;
    padding-bottom: 10px;
    padding-top: 3px;
    display:table-cell;
    vertical-align: middle;
}
.giftcard-box-background .giftcard-text-color.giftcard-custom-message{
    margin: 0;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 0px 5px;
    color: black !important;
}
.from-to-barcode-background .giftcard-barcode{
    float: right;
    margin-right: 15px;
}
.from-to-barcode-background .giftcard-barcode .giftcard-style-color{
    color: orange;
    font-weight: bold;
    font-size:15px;
    font-family: 'Open Sans', sans-serif;
}
.from-to-barcode-background .giftcard-barcode .giftcard-style-color{
    font-size: 14px;
    line-height: 30px;
    color: orange;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-note-background{
// margin-top: 8px;
    float:left;
    box-sizing: content-box;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin-top: 8px;
    height: 30px
}
.giftcard-note-background .form-note{
    width: 100%;
    margin: 0 auto;
}
.giftcard-note-background .giftcard-text-color{
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    padding: 0 15px;
    font-weight: 600;
    max-height: 33px;
    overflow: hidden;
}
#giftcard-template-back {width: 100% ;float: left; position: relative}
#giftcard-template-back .giftcard-change-image-background-popup{
    width: 100%;

    top: 0%;
}
.giftcard-box-background .giftcard-text-box {
    display: inherit !important;
    background-size: 100% !important;
    width: 100% !important;
    height: 98px;
    text-align: left;
}
.giftcard-box-background {
    width: 93% !important;
    height: 95px;
    padding: 5px 3%;
    margin-top: 0px !important;
    box-sizing: content-box;
    float: left;
}
.from-to-barcode-background .giftcard-number{
    float: right;
    text-align: right;
}
.from-to-barcode-background .giftcard-barcode span.barcode  {
    float: right;
}

/*****template 03 width devices*******/
.giftcard-change-image-background-popup img#img-type-background{
    position: relative;
    top: 0;
    z-index: 10;
    left:0;
}
#giftcard-template-back img#img-type-background{width: 100%}
#giftcard-preview-template img#img-type-background{width: 100%}
#giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image{
    width: 100% !important;
    top: 0%;
    position: absolute;
}


.giftcard-product-media{
    float:Left;
    width:600px;
    height: 365px;
    transform-origin: top left;
    -webkit-transform-origin: top left;
}
.product-img-box {
// overflow: hidden\0;
}
#close-popup-giftcard {
    background: url('https://www.obut.com/skin/frontend/base/default/images/giftvoucher/close.png') no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -25px;
    right: -25px;
}
#giftcard-preview-template-content{float:left;width: 100%;overflow: hidden;}
/****************************Template 01 _ left*************************************/
.giftvoucher-product-info{overflow: hidden}
#giftcard-template-left{
    overflow:hidden;
    width: 655px;
    font-size: 24px;
    font-weight: bold;
    float:left;
    background-size: 100% 100%;
}
#giftcard-preview-template .giftcard_value-color .giftcard-text-color{
    padding-right: 10px;
    margin-top: 15px;
}
/*#giftcard-preview-template-content {float: left;overflow: hidden;}*/
.dialog.giftcard-preview-template-dialog .dialog_e{background:none;}
.giftcard-template-content-left,.giftcard-change-image{
    width: 275px;
    height: 365px;
    display:block;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 275px 400px;
}
.logo1 { width: 100%; height: 50px; margin-top: -7px;}
#giftcard-template-left .giftcard-title {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-top: 10px !important;
    margin-left: 10px !important;
}
.giftcard-from{
    margin-right: 15px;
    overflow: hidden;
    display: table-cell;
    float: left;
    margin-bottom: 5px;
}
.giftcard-from-to  .giftcard-style-color{
    color: orange;
    font-size:16px;
    font-family: 'Open Sans', sans-serif;
}
.giftcard-to{max-height: 25px;}
.giftcard-box{overflow: hidden;margin-top: 10px;}
.giftcard-box  .giftcard-text-box{
    display: block;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0 6px;
    height: 90px;
    vertical-align: middle;
    background:#fff;
    margin-top: 10px;
    text-align: left;
}
.giftcard_value .giftcard-text-color{
    float: left;
    padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color{
    padding-right: 10px;
    margin-top: 10px;
}
.giftcard_value .giftcard-style-color{
    float: left;
    clear: both;
}
.giftcard_value .giftcard-style-color .price{
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    /* color: orange; */
    font-weight: bold;
}
.giftcard-number{
    width: 100%;
    float: right;
    text-align: right;
    margin-bottom: 5px;
}
.giftcard-number .giftcard-style-color{
    color: orange;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-custom-message{
    margin: 0;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
}
.giftcard-barcode  .giftcard-style-color{
    font-size: 14px;
    color: orange;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-text{
    overflow: hidden;
    vertical-align: bottom;
    height: 70px;
}
.giftcard-text  .giftcard-text-color{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: left;
}
#giftcard-template-show-images .gift-active{overflow:hidden}
#giftcard-template-show-images .gift-active img{ display:inline;}
/******************Detail giftcard by Crystal****************/
#giftcard-template-left .giftcard-template-content {
    background-position: 0;
    background-size: 100%;
    width: 350px;
    display: block;
    margin-left: 0;
    float: right;
    height: 365px;
    background-repeat: repeat;
    box-sizing: content-box;
}
#giftcard-template-left .giftcard-logo div{width: 100% !important; margin-top: -7px !important;background-size: 80% 50px !important;}
#giftcard-template-left .giftcard-from-to .giftcard-text-color {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
#giftcard-template-left{width: 100% !important}
#giftcard-template-left .giftcard-change-image {
    width:250px;
    background-position:inherit !important;
    background-size: 100% 100% !important;
    height:365px;
    padding-bottom: 0;
    position: relative;
}
.giftcard-change-image img{
    height: 63px;
    max-width: 100%;
    display: inline;
}
.giftcard-change-image img#img-type-left{
    position: relative;
    top: 0;
    z-index: 10;
    left:0;
}
.giftcard-template-content-left .giftcard-logo{
    position: absolute;
    top: 280px;
    text-align: center;
    width: 100%;
}
/*#giftcard-template-left .giftcard-template-content div {width: 100% !important; float: left;}*/
#giftcard-template-left .giftcard-template-content div.giftcard-style-color{
    margin: 15px 10px 0 15px;
    text-align: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard_value{
    float: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard-code{
    float: right;
    width: 200px;
    margin-top: -5px;
}
#giftcard-template-left .giftcard-template-content .value-barcode {
    width: 320px;
    float: left;
    margin: 15px;
    margin-bottom: 10px;
}
#giftcard-template-left .giftcard-template-content div.giftcard-from-to,
#giftcard-template-left .giftcard-template-content div.giftcard-box,
#giftcard-template-left .giftcard-template-content div.giftcard-text{
    width: 320px;
    float: left;
    margin:0 15px;
}
#giftcard-template-left .giftcard-barcode {
    float: right;
    width: 177px;
    text-align: right;
}
#giftcard-template-left .giftcard-barcode img {float: right;max-width: 100%;height: 40px;}
#giftcard-template-left .giftcard-to{float: left;clear: both;margin-left: 0px;}
#giftcard-template-show-images {overflow: hidden;position: relative;height: 60px;}
#giftcard-template-show-images .images-for-slide{
    float:left;
    position: absolute;
    height: 60px;
    left: 0;
}
.giftcard-template-control{
    z-index: 10;
    position: absolute;
    top: 10px;
    width: 27px;
    height: 31px;
    background: url("https://www.obut.com/skin/frontend/base/default/css/magestore/giftvoucher/icon-nav.png") left 1px no-repeat transparent;
    text-decoration: none !important;
    outline: none !important;
}
#giftcard-template-prev{left:0;}
#giftcard-template-next{
    right: 0;
    background: url("https://www.obut.com/skin/frontend/base/default/css/magestore/giftvoucher/icon-nav.png") left -41px no-repeat transparent;
}

/***************checkout cart by Sally***************/
.gift-card .discount{display: inline-block;width: 100%;}
.gift-card .discount .form-group label{display: inline;}
.discount .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.giftcard_change img{display:inline;}
/*************shopping cart by Sally*************/
.discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: -1px;margin-left: 0px;}
.giftvoucher-discount-code img{display:inline}
/************my account by Sally***********/
.gift-card .table .col-xs-12 .label{float:left;  margin-bottom: 5px;}
.gift-card .table .col-xs-12 .v-middle{float:left;margin-top: 3px;margin-left: 3px;}
/***********View giftcard*************/
#giftcard_history_table .item-hidden{display:none;}
.giftvoucher-index-email .form-list li{width:100%; float: left;}
/******History balance*******/


.dialog.giftcard-preview-template-dialog .dialog_w{background: none;}
/*---End Detail Popup Template 1---*/
.gift-card .sub-title{
    font-size: 17px;
    text-transform: none;
    font-weight: 600;
    margin: 0 0 5px;
    padding:0;
}
.gift-card label em{
    color: red;
    font-weight: normal;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 12px;
}

/***********End Detail Popup Template 3*************/

/******************Send email***************/

.giftvoucher-product-info .giftcard-date-box img {display: inline;vertical-align: middle;}
.giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {float: left;margin-right: 3px;}
.giftcard-date-box button span{padding-left: 0 !important}
.add-to-box {clear: both}
.giftvoucher-receiver{float: left; clear: both; padding-bottom: 20px; width: 100%}
.giftvoucher-product-info .validation-advice{float: left; clear: both;}
.recipient_email,
.message,
.recipient_ship_form {float:left; clear:both;}

/******************End***********************/
/***************checkout cart by Sally***************/
.fieldset .giftvoucher  #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.giftcard_change img{display:inline;}
.fieldset .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.fieldset #giftvoucher_container{float:left; padding-bottom: 12px; width: 100% !important;}
.fieldset .sp-methods{float:left; clear:both; width: 100% !important;}
.credit_input img {display:inline;}
.credit_input  .input-text{width:68px !important;}
.notice-msg li{font-weight:700;}
.giftvoucher-index-index .pager{margin-top:7px;}
/*************shopping cart by Sally*************/
.discount-form.giftvoucher   #giftvoucher{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px;}
.discount-form .giftvoucher_credit  #giftvoucher_credit{position: relative;margin-right: 5px;margin-left: 0px; float:left}
.giftvoucher-discount-code img{display:inline;}
dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit,li.giftvoucher-discount-code strong{margin:5px 0;}
#payment_form_giftvoucher_credit #gift_credit_message{float: left; width: 100%;}
li.giftvoucher-discount-code strong{float:none;}
.giftcard-code-hidden{display:none;}

/* ----- Simple template ------ */
#giftcard-template-simple{
    width:600px;
    float:left;
    background:#fff;
    border-radius: 3px;
    border: 1px solid #ddd;
}
#giftcard-template-simple .simple-top{

    padding: 6px 6px 10px;
    float:left;
    width: 100%;

}
.giftcard-template-content-simple{
    float: left;
    width: 100%;
    height: 310px;
}
#giftcard-template-simple .simple-content-top{margin:0;}
.simple-content-top .simple-logo{
    min-height: 85px;
    display:flex;
}
#giftcard-template-simple  img{margin:auto;}
.simple-bottom{
    float: left;
    width: 100%;
    padding: 6px;
    border-top:  1px solid #ddd;
    min-height: 90px;
}
.two-border{
    border-left:1px solid #ddd;
    border-right: 1px solid #dddddd;
}
.no-right{border-left:1px solid #ddd;}
.giftcard-number .giftcard-style-color{
    font-size: 16px;
}
.value-price .giftcard-text-color{
    font-size: 36px;
    line-height: 1;
}
.simple-barcode img{
    height: 35px;
    margin:auto;
}
.simple-content-top .simple-logo img{max-height: 100px;max-width:100%;}
#giftcard-template-simple .form-group.giftcard-value,
#giftcard-template-simple .form-group.giftcard-number{margin:5px 0;}
.simple-bottom .giftcard-custom-message{
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #444;
    line-height: 18px;
}
#giftcard-template-simple .giftcard-template-content-simple{
    background-size: 100% auto;
}
#giftcard-template-simple .logo-title{
    padding: 0;
    float: none;
    height: auto;
}
#giftcard-template-simple img{
    display: inline;
    max-height: 90px;
    max-width: 180px;
}
#giftcard-template-simple .simple-barcode{
    min-height: 85px;
    display:flex;
}
#giftcard-template-simple .simple-content-top .col-xs-4,#giftcard-template-simple .simple-content-top .col-xs-6{
    height:90px;
}
#giftcard-template-simple .giftcard-number .giftcard-style-color{ font-style: normal;}
#giftcard-template-simple .giftcard-change-image{background-size:100%;}
/* ------ END -------- */

/* ----- Simple template ------ */
#giftcard-template-amazon {

    float:left;
    background:#fff;
    border-radius: 3px;
    border: 1px solid #ddd;
}
#giftcard-template-amazon .simple-top{

    padding: 6px 6px 10px;
    float:left;
    width: 100%;

}
.giftcard-template-content-simple{
    float: left;
    width: 100%;
    height: 310px;
}
#giftcard-template-amazon{
    font-family: Arial,sans-serif;
}
#giftcard-template-amazon .simple-content-top{margin:0;}
.simple-content-top .simple-logo{
    min-height: 85px;
    display:flex;
}
#giftcard-template-amazon  img{margin:auto;}
.simple-bottom{
    float: left;
    width: 100%;
    padding: 6px;
    border-top:  1px solid #ddd;
    min-height: 90px;
}

#giftcard-template-amazon .form-group.giftcard-value,
#giftcard-template-amazon .form-group.giftcard-number{margin:5px 0;}
.simple-bottom .giftcard-custom-message{
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #444;
    line-height: 18px;
}
#giftcard-template-amazon .giftcard-template-content-simple{
    background-size: 100% auto;
}
#giftcard-template-amazon .logo-title{
    padding: 0;
    float: none;
    height: auto;
}

#giftcard-template-amazon .table-middle,
#giftcard-template-amazon .table-top td,
#giftcard-template-amazon .table-middle tbody tr > td table #mainImageContainer{
    width:590px;
}
#giftcard-template-amazon img{
    display: inline;
}
#giftcard-template-amazon .simple-barcode{
    min-height: 85px;
    display:flex;
}
#giftcard-template-amazon .simple-content-top .col-xs-4,#giftcard-template-amazon .simple-content-top .col-xs-6{
    height:90px;
}
#giftcard-template-amazon .giftcard-number .giftcard-style-color{ font-style: normal;}
#giftcard-template-amazon .giftcard-change-image{background-size:100%;}

.popup-giftcard-amazon .a-popover-wrapper .a-popover-inner{
    background-color: #fff;
}

.popup-giftcard-amazon {
    width: 740px;

}
.popup-giftcard-amazon .a-popover-header {
    position: relative;
    text-align: left;
    background: #f2f2f2;
    background: #f0f0f0;
    background: -webkit-linear-gradient(top,#f7f7f7,#eaeaea);
    background: linear-gradient(to bottom,#f7f7f7,#eaeaea);
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #cdcdcd;
    border-bottom-color: rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 -1px 0 rgba(255,255,255,.4) inset;
    padding: 0 14px;
    margin: 0;
    z-index: 10;
}

.popup-giftcard-amazon .a-button-close {
    display: block;
    zoom: 1;
    background-color: transparent;
    border-radius: 3px;
    border: none;
    float: right;
    padding: 8px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin: -13px 0 0;
    line-height: 8px;
    font-weight: bold;
}

.popup-giftcard-amazon .a-popover-header .a-popover-header-content {
    min-height: 35px;
    line-height: 16px;
    padding: 10px 0 9px;
    font-size: 13px;
    font-weight: 700;
    margin-right: 20px;
    margin: 0;
    text-transform: none;
    color: #000;
    font-family: Arial,sans-serif;
}

.popup-giftcard-amazon .a-popover-inner {
    overflow-y: hidden!important;
}
.popup-giftcard-amazon .a-popover-inner {
    padding: 14px 18px;
    text-align: left;
    overflow-x: hidden;
}
.popup-giftcard-amazon #gc-preview-modal-wrapper {
    margin: -14px -18px;
}
.popup-giftcard-amazon #gc-preview-wrapper {
    overflow-wrap: break-word;
    word-break: break-all;
    width: 704px;
}

.popup-giftcard-amazon #gc-preview-header-recipient-email-box-wrapper {
    border-bottom: 1px solid #ddd;
}
.popup-giftcard-amazon .a-size-base {
    font-size: 13px!important;
    line-height: 19px!important;
}
.popup-giftcard-amazon .a-color-base {
    color: #111!important;
}

.popup-giftcard-amazon .a-row {
    width: 100%;
}

.popup-giftcard-amazon .a-grid-vertical-align.a-row {
    display: table !important;
    table-layout: fixed;
    zoom: 1;
    border-collapse: collapse;
}

.popup-giftcard-amazon .a-grid-vertical-align.a-row>div.a-column {
    float: none!important;
    display: table-cell!important;
    zoom: 1;
    padding-right: 14px;
}

.popup-giftcard-amazon .a-grid-vertical-align.a-row>div.a-span1 {
    width: 8.68%;
}

.popup-giftcard-amazon .a-grid-vertical-align.a-row>div.a-span10 {
    width: 87.43%;
}

.popup-giftcard-amazon .a-section {
    margin-bottom: 22px;
}

#gc-preview-modal-wrapper,
#gc-preview-template-wrapper,
#gc-preview-wrapper{
    margin: 0;
}
.popup-giftcard-amazon .a-spacing-top-extra-large {
    margin-top: 26px!important;
}

.popup-giftcard-amazon .a-text-bold {
    font-weight: 700!important;
}

.popup-giftcard-amazon .gc-hide {
    display: none;
}
.popup-giftcard-amazon .gc-text-hidden {
    display: none;
}

.popup-giftcard-amazon #gc-preview-template-wrapper {
    background-color: #f3f3f3;
}
.popup-giftcard-amazon #gc-preview-template-wrapper #gc-preview-main-sections{
    background-color: #fff;
}

.popup-giftcard-amazon #gc-preview-wrapper td {
    vertical-align: middle;
}

.popup-giftcard-amazon #gc-preview-wrapper td img{
    display: inline;
    max-width: 100%;
}
.popup-giftcard-amazon{
    width: auto !important;
    position: absolute !important;
    margin-top: 0;
    font-family: Arial,sans-serif;
    text-rendering: optimizeLegibility;
}
.popup-giftcard-amazon #close-popup-giftcard{
    background: transparent;
    top:0;
    right:0;
    z-index: 10000;
}
.popup-giftcard-amazon #close-popup-giftcard:hover{
    text-decoration: none;
}


#giftcard-template-amazon .giftcard-style-color{
    display: block;
}
.popup-giftcard-amazon .giftcard-style-color{
    font-size: 15px;
    font-family: Arial,Helvetica,sans-serif;
    color: #868686;
    font-weight: 600;
    display: block;
}

@media  (max-width:1199px){
    /**********add giftcard************/
    #gift-voucher-code{width:65% !important;}
}

/**********add giftcard by Sally************/
#gift-voucher-code{width:90% !important;}
#giftcard-template-left .giftcard-template-content .hidden-giftcard {
    height: 65px !important;
}
#giftcard-template-left .hidden-content {height: auto}
@media (max-width:990px){
    /************my account***********/


    /*view giftcard*/


    /**********check giftcard************/

}
@media  (max-width:880px){
    /************my account***********/



    /**********add giftcard************/
    #gift-voucher-code{width:100% !important;}
}
@media only screen and (max-width: 770px){
    /************my account by Sally***********/

    /**********add giftcard by Sally************/
    .col-main .giftvoucher-fieldset .input-box   input[type=text]{width:365px !important;}
}
@media  (max-width:640px){
    /************my account by Sally***********/

}

@media  (max-width:533px){
    /**********add giftcard by Sally************/
    .buttons-set button{margin-bottom:3px;}
    #addredeem-giftvoucher-code .buttons-set button.button{float:right !important; width:40%;}
}

@media  (max-width:440px){
    /**********check giftcard by Sally************/
    .page-title h1{font-size:18px !important;}
    /* My account */
    .balance .button{float:none !important; width:185px !important;}
    .giftvoucher-search-button{text-align:left !important;}
    .button{padding:5px !important;}


    /*my account*/
    #giftvoucher_grid-gift_code{width:65px !important; margin-left:70px;}
}
@media  (max-width:420px){
    /***************checkout cart by Sally***************/
    .giftcard{display:block;}
}

/* fix css*/
.giftvoucher-product-info #message {
    clear: both;
    max-width: none;
}

/* GLOBAL */
.gift-active {
    border: 2px solid #ffed00 !important;
}

.gift-card .form-group {
    margin-bottom: 0px;
}

.form-group label {
    margin-top: 5px;
    margin-bottom: 3px !important;
}

.form-group input,
.form-group select {
    font-size: 12px;
}
/* ENd GLOBAL */


/* PRODUCT PAGE */
.giftvoucher-product-info #message {
    max-width: 100%;
    resize: none;
}

.giftvoucher-product-info {
    overflow: inherit;
}

.giftvoucher-receiver {
    padding-bottom: 0px;
}

.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend {
    background-color: white;
}

.giftcard-send-friend label,
.recipient_ship_form label {
    line-height: 19px;
}

.giftcard-send-friend .checkbox,
.recipient_ship_form .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

.gift-card .form-control {
    padding: 3px 5px;
    border-radius: 0px;
    height: inherit;
    line-height: inherit;
}

#product > .column > .left {
    top: 3px;
    left: 3px;
}

.giftvoucher-receiver .validation-advice,
#email-giftcard-tofriend .validation-advice {
    background: none;
    padding: 2px 0 5px 0;
}

#giftcard-template-next {
    right: -5px;
}

#giftcard-template-prev {
    left: -5px;
}

.giftcard-product-media {
    min-height: 280px;
}

.gift-card-price-range .price {
    font-size: 14px;
}

#amount_range {
    width: 100%;
}

.gift-card-images-list {
    margin-top: 10px;
}

.giftcard-custom-message-custom {
    min-height: 90px;
    word-break: break-word !important;
}
/* END PRODUCT PAGE */


/* CART FORM */
#discount-giftcard-form {
    margin-top: 10px;
}

.cart-table-tfoot #giftcard_shoppingcart_apply button {
    background-color: #1b6bd4;
    float: right;
    margin-right: 0px !important;
    margin-top: 5px !important;
}

.cart-table-tfoot #giftcard_shoppingcart_apply button:hover {
    background-color: #003e90;
}

.cart-table-tfoot dd.giftvoucher li {
    margin: 3px 0px;
    clear: both;
}

.cart-table-tfoot #giftvoucher_existed_code {
    margin-top: 5px;
}

.giftvoucher-discount-code {
    color: #1b6bd4;
}

.giftvoucher_credit input[type="checkbox"] {
    margin-top: 13px;
}

.edit-gift-code {
    margin-left: 3px;
    margin-top: 11px;
    vertical-align: top;
    margin-right: 3px;
}

.delete-gift-code {
    margin-left: 5px;
    margin-top: 3px;
    vertical-align: bottom;
}
/* END CART FORM */


/* CUSTOMER ACCOUNT */
.customer-account-giftcard #giftvoucher_grid {
    margin-top: 20px;
}

.customer-account-giftcard #history_grid,
#giftcard_history_table {
    margin-top: 10px;
}

.gift-card .page-title {
    clear: both;
}

#addredeem-giftvoucher-code #gift-voucher-code {
    margin-bottom: 15px;
}

#addredeem-giftvoucher-code button {
    margin-bottom: 10px !important;
}

.customer-account-giftcard .page-title h1 {
    padding-bottom: 10px !important;
}

.customer-account-giftcard .sub-title {
    margin-top: 20px;
}

#addredeem-giftvoucher-code #gift-voucher-code {
    width: 99% !important;
}

.customer-account-giftcard .gift-card-detail .form-group {
    margin-bottom: 10px;
}

#email-giftcard-tofriend .button {
    margin-right: 0px !important;
}

#email-giftcard-tofriend .buttons {
    margin-top: 15px;
}

#email-giftcard-tofriend textarea {
    resize: none;
    max-width: 100%;
}
/* END CUSTOMER ACCOUNT */


/* CHECK BALANCE */
#main #giftvoucher-check-balance li button {
    margin: 10px 0px 20px 0px !important;
}
/* END CHECK BALANCE */


/* CHECKOUT */
#payment_form_giftvoucher .button {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}
#payment_form_giftvoucher select {
    height: 25px;
}

#checkout-step-payment #payment_form_giftvoucher {
    border-bottom: 1px solid #e8e8e8;
}

#payment_form_giftvoucher #giftvoucher-custom-code {
    margin-top: 0px;
}

#payment_form_giftvoucher {
    width: 300px;
}

#payment_form_giftvoucher #giftvoucher_wait {
    display: block;
    margin-bottom: 18px;
}

#checkout-payment-method-load .sp-methods {
    clear:both;
    padding-top: 10px;
}

#checkout-step-payment #payment_form_giftvoucher {
    width: inherit;
    max-width: 350px;
    padding-bottom: 10px;
}

#checkout-payment-method-load.sp-methods > div > div:first-child {
    padding-left: 0 !important;
}

#payment_form_ops_cc li label {
    margin-top: 7px;
}
#payment_form_ops_paypal {
    padding-top: 7px;
}
/* END CHECKOUT
.giftbox-image {
    margin: 0 auto;
}

.checkout-progress li {
    border-top: 10px solid #999999;
    color: #ABB5BA;
    float: left;
    font-weight: bold;
    margin: 0 3px 0 0;
    padding: 2px 0 0;
    text-align: center;
    width: 16%;
}

#giftwrap-action {
    width: 90px;
    text-align: left;
}

#giftwrap-action li {
    float: right;
}

.validation-failed {
    outline: 1px dashed red;
}

p.required, .validation-advice {
    display: none;
}

#giftwrap-action .giftwrap_delete {
    background: url(https://www.obut.com/skin/frontend/obut/default/img/delete.png) no-repeat scroll 0 0 transparent;
    width: 13px;
    height: 15px;
    margin-right: 18px;
    overflow: hidden;
    text-indent: -999em;
    font-size: 0;
    display: block;
    cursor: pointer;
    border: none;
}

#giftwrap-action .giftwrap_edit {
    background: url(https://www.obut.com/skin/frontend/base/default/css/magestore/images/pencil.png) no-repeat scroll 0 0 transparent;
    width: 15px;
    height: 14px;
    margin-right: 10px;
    overflow: hidden;
    text-indent: -999em;
    font-size: 0;
    display: block;
    border: none;
    cursor: pointer;
    transform: translateY(10%);
}

#giftwrap-action .giftwrap_last {
    /*    float:left;*/
    display: none;
    text-align: left !important;
    text-indent: 4px;
    margin-left: 5px;
    cursor: pointer;
}

#giftwrap-action .giftwrap_first {
    float: left;
}

#giftwrap-action li {
    padding-left: 2px;
}

.gidtwrap_button {
    position: relative;
    overflow: hidden;
    /*margin-left: -17px;*/
    /*margin-top: 4px;*/
    /*width: 100px;*/
    width: 20px;
    height: 20px;
    float: left;
    transform: translateY(10%);
    margin-top:-5px;
}

.gidtwrap_button input[type=checkbox] {
    position: absolute;
    overflow: hidden;
    margin-left: -20px;
    padding: 0;
    border: 0;
}

.gidtwrap_button input[type=checkbox] + label {
    padding-left: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background: url("https://www.obut.com/skin/frontend/obut/default/css/magestore/images/gift.png") 0 0 no-repeat;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
}

#giftbox_giftcard_null_label {
    color: #E4015D;
    float: left;
    font-family: arial;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 0;
    text-align: left;

}

.giftwrap_last {
    cursor: pointer;
}

.giftwrap_first {
    cursor: pointer;
}

.giftwrap_area {
    margin-bottom: 18px;
    padding: 12px 15px;
    border: 1px solid #D0CBC1;
    background: url(https://www.obut.com/skin/frontend/obut/default/css/images/base_mini_head_bg.gif) repeat-x #fff;
    width: 100%;
    float: left;
    /*color:#E26703;	*/
}

.giftwrap_area h4 {
    text-transform: uppercase;
    font-size: 1.05em;
}

.mess-gift h4, .mess-gift {
    width: 700px;
    float: left;
    color: #ea002c;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.giftwrap-style-table {
    width: 100%;
    border-bottom: 0 none;
}

.giftwrap-style-table .odd, .giftwrap-style-table .last {
    background: none repeat scroll 0 0 transparent;
}

.giftwrap-style-table tr.last th, .giftwrap-style-table tr.last td {
}

.giftwrap-style-table .giftwrap-item {
    width: 90px;
    text-align: center;
}

.giftwrap-style-table tbody th, .giftwrap-style-table tbody td {
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
}

.giftwrap-style-table .giftwrap-style-selection {
    width: 150px;
    text-align: center;
}

.giftwrap-style-table .style-image {
    width: 200px;
    text-align: center;
}

.giftwrap-style-table .style-price {
    width: 100px;
    text-align: center;
}

/*edit by Sally*/
.giftwrap-style-table .image-small {
    float: left;
    width: 20%;
    /*border: 1px solid #e7e7e7;*/
    margin: 10px;
    padding: 12px 0 12px 0;
    box-sizing: border-box;
}

.giftwrap-style-table .title-item {
    float: left;
}

.giftwrap-style-table ul li.info {
    width: 60%;
    float: left;
    padding: 12px;
    box-sizing: border-box;
    /*border-right:1px solid #e7e7e7;*/
}

.giftwrap-style-table ul li .title-item {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    text-align: left;
    font-size: 11px;
    color: #003e90;
}

.giftwrap-style-table ul li .content-item {
    color: #1e1e1e;
    font-weight: 700;
    padding-left: 12px;
    font: 12px Arial, Helvetica, sans-serif;
}

.giftwrap-style-table ul li .content-item input[type=text] {
    color: #1e1e1e;
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #cacaca;
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2) inset;
    font: normal normal 12px/28px Arial, Verdana, Sans-serif;
}

.giftwrap-style-table ul li .product-name {
    display: block;
    text-align: left;
    color: #003e90;
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
    text-transform: initial;
    margin-bottom: 5px;
}

.giftwrap-style-table ul li .item-options {
    font-size: 11px;
    margin-bottom: 10px;
}

.giftwrap-style-table ul li .item-options dt {
    float: left;
    margin-right: 5px;
}

.giftwrap-style-table .item {
    text-align: center;
    vertical-align: middle;
    float: left;
    width: 15%;
    margin-top: 60px;
    transform: translateY(50%);
}

/*end*/

#giftwrap_all_div {
    padding-top: 20px;
    width: 50%;
}

#giftwrap_styleselection {
    padding-right: 32px;
    padding-top: 32px;
}

#giftwrap_styleselection ul {
    clear: both;
    margin-bottom: 10px;
}

#giftwrap_styleselection ul li {
    float: left;
    text-align: center;
}

#giftwrap_styleselection ul li div {
    border: 2px solid #CFCFCF;
    height: 122px;
    width: 90px;
    margin-right: 5px;
    background-color: white;
}

#giftwrap_styleselection ul li div#giftwrap_style {
    height: 82px;
    width: 150px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 40px;
}

.gift_wrap_head h3 {

    text-align: right;
}

.head1 h3 {
    margin-right: 89px;
    min-height: 30px;
}

#giftwrap_styleselection ul li div.gray {
    background-color: #F1F1F1;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#giftwrap_message {
    float: left;
}

#giftwrap_message h4 {
    min-height: 16px;
    color: #e26703;
    padding-top: 1px;
    padding-right: 0pt;
    padding-bottom: 1px;
    padding-left: 5px;
}

.giftwrap_area .giftwrap_item {
    text-align: center;
    float: left;
    width: 100%;
}

#loading-mask-giftwrap {
    position: absolute;
    top: 40%;
    left: 40%;
    color: #d85909;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    z-index: 500;
}

#loading-mask-giftwrap .loader-giftwrap {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    padding: 15px 60px;
    background: #fff4e9;
    border: 2px solid #f1af73;
    color: #d85909;
    font-weight: bold;
    text-align: center;
    z-index: 1000;
}

/* for gift wrap tooltip*/
.giftwrap_icon {
    width: 50%;
}

.giftwrap_protoClassic {
    border: 5px solid #8C939C;
    width: 300px;
}

.giftwrap_protoClassic .giftwrap_toolbar {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #96B8E2 url(https://www.obut.com/skin/frontend/obut/default/css/images/classic_toolbar.gif) repeat-y scroll left top;
    color: #FFFFFF;
    font-weight: bold;
}

.giftwrap_protoClassic .title {
    padding: 5px;
}

.giftwrap_protoClassic .content {
    background: #fff;
    color: #333333;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 5px;
    clear: both;
}

/* Available Pagers page*/
.listing-pagers .grid-row {
    border-bottom: 1px solid #d9dde3;
    float: left;
    width: 100%;
}

.listing-pagers .last {
    border-bottom: 0;
}

.listing-pagers li.item {
    float: left;
    width: 30%;
    padding: 12px 10px;
    line-height: 1.6em;
    overflow: hidden;
    border-right: 1px solid #d9dde3;
}

.listing-pagers .product-image {
    text-align: center;
}

.listing-pagers h5 {
    text-align: center;
}

.giftwrap-message .turned_off {
    display: none;
}

#testdiv {
    width: 600px;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 20px 25px;
    background: #fff
}

#tinybox {
    /*background: url('https://www.obut.com/skin/frontend/obut/default/css/images/giftwrap/back1.png') repeat !important;*/
    background: none;
    display: none;
    padding: 0;
    position: absolute;
    z-index: 2000;
    top: 10px !important;

    /*    height:auto !important;*/
}

#tinymask {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 1500
}

#tinycontent {
    position: relative;
}

/*Gift box*/
.giftbox-title {
    float: left;
    font-weight: normal;
    padding: 10px 0;
    text-align: left;
}

#giftwrap-giftbox li, #giftwrap-giftbox-additional li, #giftwrap-giftbox-paper-table li, #giftbox-giftcard-table li {
    list-style: none;
}

.giftwrap-style-table {
    font-size: 14px;
    font-weight: normal;
}

.giftwrap-style-table tbody td span.price {
}

.giftwrap-style-table tbody td span.img-small {
    height: 80px;
    width: 80px;
    float: left;
    padding: 6px 5px 0 0;
    border: 1px solid #e7e7e7;

}

#giftwrap-giftbox-additional {
    width: 100%;
    padding: 5px 15px;
    box-sizing: border-box;
}

#giftwrap-giftbox {
    margin-bottom: 10px;
}

#giftwrap-giftbox img {
    margin: 0 auto;
}

#giftwrap-giftbox .a-center-hidden {
    display: none;
}

#giftwrap-giftbox tr th.last,
#giftwrap-giftbox tr td.last {
    width: 10%;
}

#giftwrap-giftbox th {
    color: #a3a3a3;
    text-align: left;
    padding: 6px 12px;
    box-sizing: border-box;
    white-space: nowrap;
    border-bottom: 1px solid #e8e8e8;
}

#giftwrap-giftbox th:first-child {
    padding-left: 0;
}

#giftwrap-giftbox td {
    padding: 6px 12px;
    box-sizing: border-box;
    font-weight: 700;
    text-align: left !important;
    vertical-align: middle;
}

#giftwrap-giftbox td ul li {
    font-weight: normal;
    margin-bottom: 10px;
}

#giftwrap-giftbox td ul li a {
    display: block;
    text-align: left;
    text-transform: uppercase;
    color: #003e90;
    font: normal normal 12px/normal Ultramagnetic, Arial, Sans-serif;
}

#giftwrap-form .actions-button {
    width: 100%;
    text-align: left;
    margin-top: 18px;
    padding: 0 0 30px;
    box-sizing: border-box;
}

#giftwrap-form .actions-button::after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: .1px;
}

#close-giftbox a {
    line-height: 41px;
    margin-left: 14px;
    text-decoration: none;
}

#close-giftbox, button#save-giftbox {
    width: 67px;
    height: 47px;
    float: right;
}

#close-giftbox {
    float: left !important;
    padding: 5px 15px 3px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -o-border-radius: 16px;
    -moz-border-radius: 16px;
}

#giftbox-item-div {
    /*	max-height:300px;*/
    width: 100%;
    float: left;
    min-height: 50px;
    background: #fff;
    /*border: 1px solid #e7e7e7;*/
}

#save-giftbox {
    float: right;
    padding: 5px 32px 3px 15px;
    font-size: 14px;
    line-height: 24px;
    background: #1b6bd4 url(https://www.obut.com/skin/frontend/obut/default/img/buttons.png) right 0 no-repeat !important;
}

#giftcart-message-textarea {
    height: 100px;
    padding: 5px;
    width: 100%;
    border: none;
}

#tinycontent .block-title h3 a {
    text-decoration: none;
    color: #0a263c;
}

#tinycontent .block-title h3 a:hover {
    text-decoration: underline;
}

#giftbox-giftcard,
#slider-features #features-screen {
    margin: 0 auto;
    width: 100%;
    left: -17px;
    /*width: 824px;
    border: 1px solid #E3E3E3;
    position: relative;*/
}

#giftwrap-giftbox-paper-div {
    float: left;
    width: 100%;
}

#giftbox-giftcard li#view, #giftbox-giftcard li.nav-left,
#slider-features #features-screen li#view, #slider-features #features-screen li.nav-left {
    margin-right: 2px !important;
}

#giftbox-giftcard li.nav-right,
#slider-features #features-screen li.nav-right {
    margin-right: 0;
}

#giftbox-giftcard li,
#slider-features #features-screen li {
    float: left;
    list-style: none;
    margin-right: 7px;
}

#giftbox-giftcard,
#slider-features {
    margin: 0 auto;
}

#giftbox-giftcard .jq-ss-crop,
#slider-features #features-screen .jq-ss-crop {
    float: left;
    border: 0 none;

}

.featuredproduct-content div.button-add a {
    background: #2e2e2e;
    color: #fff;
    font-size: 14px;
    line-height: 33px;
    padding: 0;
    text-decoration: none;

}

.check-gift {
    text-align: left;
    width: 600px;
    float: left;
    opacity: 0;
}

.check-gift input {
    float: left;
    margin-top: 1px;
    text-align: left;
    width: 21px;
}

.featuredproduct-content div.button-add {
    height: 33px;
    background: #2e2e2e;
    width: 97px;
    text-align: center;
    float: right;
    margin-top: 6px;
}

#giftbox-giftcard-div {
    float: left;
    width: 100%;
}

.btn-giftwrap {
    float: left;
    font-size: 14px;
    height: 36px;
    padding-left: 10px;
    padding-top: 33px;
    width: 121px;
    margin-top: 18px;
}

/*.featuredproduct-content .price{
    font-size: 20px;
    font-weight: normal;
}
*//*.featuredproduct-content h4.product-name{
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
}
*/
.featuredproduct-content {
    width: 100%;
    margin-bottom: 14px;
    /*margin-top: -11px;*/
    padding: 0 0 0 0;
    text-align: center;
}

.featuredproduct-content input[type=radio] {
    float: none;
    margin: 12px auto;
}

.product-featured {
    background: url(https://www.obut.com/skin/frontend/obut/default/css/images/home-featured-bg.png) no-repeat;
    _background: url(https://www.obut.com/skin/frontend/obut/default/css/images/home-featured-bg.gif) no-repeat;
    width: 988px;
    height: 440px;
}

#giftbox-giftcard li.nav-left, #giftbox-giftcard li.nav-right,
#slider-features #features-screen li.nav-left, #slider-features #features-screen li.nav-right {
    cursor: pointer;
    margin-right: 0;
    padding: 0;
    width: 20px;
}

#giftbox-giftcard #left2, #giftbox-giftcard #right2,
#slider-features #features-screen #left, #right {
    display: block;
    height: 32px;
    width: 20px;
    margin: 52px 0 0 !important;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

#giftbox-giftcard #left2,
#slider-features #features-screen #left {
    background: url(https://www.obut.com/skin/frontend/obut/default/css/images/giftwrap/btn_prev.gif) top left no-repeat;
    height: 32px;
    width: 20px;
}

#giftbox-giftcard #right2,
#slider-features #features-screen #right {
    background: url(https://www.obut.com/skin/frontend/obut/default/css/images/giftwrap/btn_next.gif) top right no-repeat;
    height: 32px;
    width: 20px;
}

#giftbox-giftcard #view2,
#slider-features #view {

    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;

}

#slider-features #images, #giftbox-giftcard #images2 {
    width: 100%;
    height: 260px;
    overflow-y: auto;
    background: #fff;
    /*border: 1px solid #E3E3E3;*/
}

#slider-features #images li, #giftbox-giftcard #images2 li {
    width: 20%;
    height: 140px;
    margin: 5px 6px;
    /*border: 1px solid #e8e8e8;*/
    /*border-radius: 0 0 5px 5px;*/

}

.img-product-tip {
    top: 20px !important;
    z-index: 9999;
}

#giftbox-giftcard #images2 li .product-info
#slider-features #images li .product-info {
    float: left;
}

#giftbox-giftcard #images2 li .product-info .featuredproduct-image,
#slider-features #images li .product-info .featuredproduct-image a {
    float: none;
    width: 100%;
    height: auto;
    min-height: 95px;
}

#giftbox-giftcard #images2 li .product-info .featuredproduct-image a.buy-now,
#slider-features #images li .product-info .featuredproduct-image a.buy-now {
    float: right;
    height: 38px;
    margin-top: -19px;
    width: 110px;

}

#giftbox-giftcard #images2 li .product-info .featuredproduct-image,
#slider-features #images li .product-info .featuredproduct-image {
    width: 100%;
    padding: 0;
    overflow: hidden;
}

#giftbox-giftcard #images2 li .product-info .product-link,
#slider-features #images li .product-info .product-link {
    height: 38px;
}

#giftbox-giftcard #images2 li .product-info .actions
#slider-features #images li .product-info .actions {
    float: right;
}

#giftbox-giftcard #images2 .buy-now,
#slider-features #images .buy-now {
    background: url("https://www.obut.com/skin/frontend/obut/default/css/images/btn-buynow.png") no-repeat scroll 0 0 transparent;
    _background: url("https://www.obut.com/skin/frontend/obut/default/css/images/btn-buynow.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    width: 110px;
    text-decoration: none;
    text-align: center;
}

.jq-ss-crop {
    padding: 0;

}

#slider-features #images a.buy-now:hover {
    background: url("https://www.obut.com/skin/frontend/obut/default/css/images/btn-buynow-hover.png") no-repeat scroll 0 0 transparent;
    _background: url("https://www.obut.com/skin/frontend/obut/default/css/images/btn-buynow-hover.gif") no-repeat scroll 0 0 transparent;
}

#giftbox-giftcard #images2 .buy-now span,
#slider-features #images .buy-now span {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-family: Tahoma;
    font-weight: bold;
    line-height: 38px;
}

#giftbox-giftcard #images2 li .item,
#slider-features #images li .item {
    text-align: center;
}

#giftbox-giftcard #images2 li img,
#slider-features #images li img {
    border: 0 none;
    height: auto;
    width: 90px;
}

#giftbox-giftcard #images2 li .item .featuredproduct-name,
#slider-features #images li .item .featuredproduct-name {
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

/*Wrap type*/
#giftbox-wraptype {
    /*float: left;*/
    width: 100%;
    margin-top: -38px;
}

#giftbox-wraptype li {
    text-align: left;
    float: left;
    width: 100%;
    /*border: 1px solid #e6e6e6;*/
    padding: 15px 10px;
    box-sizing: border-box;
    background: #fff;
}

#giftbox-wraptype li.choose-product {
    background: #f5f5f5;
}

#giftbox-wraptype li input {
    float: left;
    margin-right: 15px;
    margin-top: 3px;
}

#giftbox-wraptype li input[type=radio],
#giftbox-wraptype li input[type=checkbox] {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}

#giftbox-wraptype li label {
    text-align: left;
    /*float: left;*/
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    color: #1e1e1e;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

/* King Update_UE 130610 */

.giftwrap-step {
    width: 100%;
    margin-top: 10px;
    padding: 0 15px;
    box-sizing: border-box;
}

.giftwrap-step p {
    text-align: left;
    font-family: arial;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 1px !important;
    display: none;
    color: #737373;
}

#giftwrap-form {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

/*Gift box*/
.giftbox-title-message {
    color: #8C6239;
    float: left;
    font-family: arial;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 0;
    text-align: left;
    width: 800px;
}

#help-item-1-info, #help-item-2-info, #help-message-info, #help-qty-wrapped-info, #help-tick-info, #help-wrapped-total-info {
    border: 5px solid #8C939C;
    width: 300px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    font: 11px Arial, Helvetica, sans-serif;
    padding: 5px;
    text-align: left;
}

.no-nothing, .yes-delete, .no-edit {
    padding-left: 10px !important;
    width: 100px !important;
    text-align: center !important;
    border: none !important;
}

.notice-end {
    margin-top: 20px;
}

/*radio -default*/
.paper-radio {
    bottom: 12px;
    text-align: center;
}

.giftwrap_radio_icon {
    width: 100%;
    padding-top: 7px;
    padding-left: 7px;
}

.paper-image {
    text-align: center;
}

#giftwrap-paper-list {
    height: 230px;
}

#giftwrap-giftcard-list {
    height: 230px;
}

.paper-name {
    float: left;
    width: 100%;
    text-align: center;
}

.giftwrap-container {
    width: 100%;
    background-color: #f4f7f7;
    border: 1px solid #dadddd;
    color: #424242;
    margin-top: 2%;
}

#giftwrap-papers-images {
    padding: 2% !important;
}

#giftwrap-giftcard-images {
    padding: 2% !important;
}

/*Style by Sally Detai page */
#giftwrap-paper-list .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 210px;
}

.giftwrap_productview_content {
    border: 1px solid #DADDDD;
    float: left;
    width: 100%;
    border-top: none;
}

.giftwrap_productview_title {
    background: #e9292a;
    border-radius: 4px;
}

.giftwrap_productview_title h5 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
}

#giftcart-message-textarea {
    border: 1px dashed #CCC !important;
}

.giftwrap-container {
    width: 100% !important;
}

.item .paper-image .product-img img {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    background: none !important;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: none !important;
}

.jcarousel-skin-tango {
    overflow-y: scroll;
    overflow-x: hidden;
}

#giftwrap-papers-images, #giftwrap-giftcard-images {
    float: left;
    width: 100%;
}

#giftwrap-papers-images .giftwrap-paper, #giftwrap-giftcard-images .giftwrap-paper {
    float: left;
    margin-right: 4%;
    margin-left: 4%;
    margin-bottom: 4%;
    width: 25%;
}

#giftwrap-papers-images .giftwrap-paper .item, #giftwrap-giftcard-images .giftwrap-paper .item {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
}

#giftwrap-paper-list, #giftwrap-giftcard-list {
    height: 200px !important;
}

.giftwrap-paper .paper-radio .price-box .regular-price .price {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.product-view .product-shop .price-box {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin: 0;
}

.giftwrap-container {
    background: #fff;
    border: none;
}

.giftwrap-container .giftwrap_radio_icon {
    background: #e9292a;
    padding-top: 0px;
}

.giftwrap_radio_icon span {
    color: #fff;
    line-height: 16px;
}

.giftwrap_radio_icon h5 {
    padding: 5px 0;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
}

.giftbox-title-message-product-view {
    font-family: arial;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 0;
    text-align: left;
    width: 100%;
    color: #000;
    float: left;

}

.supper-attribute-select {
    width: 50%;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
}

.giftwrap_productview_title h5 img {
    width: 25px !important;
    height: 25px !important;
}

.giftwrap_radio_icon img {
    width: 20px !important;
    height: 20px !important;
}

.paper-radio .check-box {
    width: 100%;
    height: 30px;
    position: absolute;
    z-index: 20;
    opacity: 0;
    left: 0;
}

.paper-radio .choose-text {
    position: relative;
    height: 30px;
    z-index: 1;
}

.paper-radio .check-box button.check-box-button.active {
    background: url('https://www.obut.com/skin/frontend/obut/default/css/images/giftwrap/checkek1.png') no-repeat #333 center center;
    float: left;
    width: 100%;
    height: 30px;
    border-radius: 0 0 5px 5px;

}

#tinycontent {
    width: 100%;
}

#tinycontent .block-title {
    border-top: none;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dadada 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dadada));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dadada 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#dadada 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dadada 100%);
    background: linear-gradient(top, #f5f5f5 0%,#dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dadada',GradientType=0 );
    box-sizing: content-box;
    margin-bottom: 17px;
    -moz-box-sizing: content-box;
    color: #222222;
    text-transform: uppercase;
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
    padding: 30px 15px 26px 15px;
}

#tinycontent .block-title + ul {
    padding: 17px 15px 0;
}

#tinycontent .block-title h3, #tinycontent .block-title h3 a {
    padding: 0;
    color: #000000;
    font: normal normal 18px/normal Ultramagnetic, Arial, Sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

.giftwrap-step p.simple-step {
    display: block !important;
    color: #4f4f4f;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    border-bottom: 1px solid #e8e8e8;
    padding: 17px 0;
}

.giftwrap-step p.simple-step strong {
    color: #1e1e1e;
    font-weight: bold;
}

.giftwrap-step .notice-msg {
    color: #737373;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 14px;
}

.giftwrap-step .notice-msg strong {
    color: #1e1e1e;
    font-weight: bold;
}

form {
    counter-reset: section;
}

form .legend {
    float: left;
    width: 100%;
    padding-bottom: 0px !important;
    padding-top: 13px;
    border-bottom: none !important;
    margin-bottom: none !important;
    counter-reset: subsection;
    text-transform: uppercase;
    color: #222222;
    font-size: 16px;
    font-family: Ultramagnetic, Arial, sans-serif;
    font-weight: normal;
}

form .legend span[class^="step"] {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    text-align: center;
}

form .legend span[class^="step"]:before {
    counter-increment: section;
    content: counter(section);
    font-family: Ultramagnetic, Arial, sans-serif;
    font-weight: normal;
    color: #ffffff;
    line-height: 30px;
}

form .legend span.step1 {
    color: #737373;
    border: 1px solid #e9292a;
    background-color: #e9292a;
    /*padding: 1px 12px;*/
    font-weight: 700;
    /*background-image: url('https://www.obut.com/skin/frontend/obut/default/css/images/giftwrap/1.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    margin-right: 12px;
}

span.step2 {
    color: #737373;
    border: 1px solid #d5d5d5;
    background-color: #d5d5d5;
    /*padding: 1px 12px;*/
    font-weight: 700;
    /*background-image: url('https://www.obut.com/skin/frontend/obut/default/css/images/giftwrap/2.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    margin-right: 12px;
}

span.step3 {
    color: #737373;
    border: 1px solid #d5d5d5;
    background-color: #d5d5d5;
    /*padding: 1px 12px;*/
    font-weight: 700;
    /*background-image: url('https://www.obut.com/skin/frontend/obut/default/css/images/giftwrap/3.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center center;*/
    margin-right: 12px;
}

.product-info .featuredproduct-content h2 {
    color: #003E90;
    font-size: 11px;
    font-weight: bold;
    float: left;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.giftwrap-step .simple-step {
    border-bottom: 1px dashed #d5d5d5;
}

#giftwrap-form .fieldset {
    float: left;
    width: 100%;
    /*max-width: 554px;*/
    border-bottom: 3px solid #222222;
}

#giftwrap-giftbox-paper-div #slider-features .featuredproduct-image img {
    width: 100%;
    height: auto;
}

/*#giftwrap-giftbox-paper-div .featuredproduct-content .price-box .price {
    font-size: 12px;
    font-weight: 700;
    color: #1e1e1e;
}*/

#giftbox-giftcard .featuredproduct-content .price-box .price {
    font-size: 12px;
    font-weight: 700;
    color: #1e1e1e;
}

#giftwrap-giftbox-paper-div .featuredproduct-content .price-box,
#giftbox-giftcard .featuredproduct-content .price-box {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 12px;
}

#step2 #giftcart-message-textarea {
    margin-top: 20px;
}

#giftwrap-form fieldset {
    /*float: left;*/
}

.data-table thead th, .data-table tbody td {
    border-bottom: none;
}

#giftbox-wraptype .form-list > li.choose-product {

    margin-bottom: 0px;
}

#close-giftbox {
    background: #b8b8b8;
    font-size: 14px;
    font-family: Ultramagnetic, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    /*    width: 153px;*/
    height: 38px;
    width: auto;
    float: left;
    border: none;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -o-border-radius: 16px;
    -moz-border-radius: 16px;
}

#close-giftbox:hover,
#close-giftbox:active {
    color: #222222 !important;
    transition: color 0.3s;
}

button#save-giftbox {
    /*    width: 393px;*/
    height: 37px;
    float: right;
    color: #fff;
    font-size: 14px;
    font-family: Ultramagnetic, Arial, sans-serif;
    background: #e9292a;
    border-right: 2px solid #e9292a;
    width: auto;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -o-border-radius: 16px;
    -moz-border-radius: 16px;
    text-transform: uppercase;
}

button#save-giftbox:hover,
button#save-giftbox:active {
    background-color: #003E90 !important;
    transition: background-color 0.3s;
}

#giftwrap-giftbox .hidden {
    display: none;
}

.img-small img {
    display: block;
    margin: 0 auto;
}

/*.no-nothing, .yes-delete, .no-edit{
        margin-right: 0px;
        margin-left: 0px;
    }*/

/*Add by Sally - Style responsive*/
@media (max-width: 990px) {

}

@media (max-width: 970px) {
    .giftwrap-paper .paper-radio .price-box .regular-price .price {
        font-size: 12px;
    }

    #giftwrap-paper-list {
        height: 190px;
    }

    #giftwrap-giftcard-list {
        height: 190px;
    }

    .supper-attribute-select {
        width: 100%;
    }

}

@media (max-width: 900px) {
    #tinybox {
        width: 600px !important;
        height: auto !important;
    }

    #tinycontent {
        display: block !important;
    }
}

@media (max-width: 770px) {
    .giftwrap-paper .paper-radio .price-box .regular-price .price {
        font-size: 14px;
    }

    #giftwrap-paper-list {
        height: 240px;
    }

    #giftwrap-giftcard-list {
        height: 240px;
    }

    #giftwrap-papers-images {
        height: 260px;
    }

    .item .paper-image .product-img img {
        width: 80%;
        margin: 0 auto;
    }

    #giftwrap-paper-list, #giftwrap-giftcard-list {
        height: 220px !important;
    }

    .supper-attribute-select {
        width: 50%;
    }
}

@media (max-width: 720px) {
    .giftwrap-style-table .image-small {
        width: 25%;
    }

    .giftwrap-style-table ul li.info {
        width: 62%;
    }

    .giftwrap-style-table .item {
        float: none;
    }

    #tinycontent .block-title h3, #tinycontent .block-title h3 a {
        line-height: 50px;
        padding-bottom: 0px;
        font-size: 14px;
    }

    #giftwrap-giftbox .hidden {
        display: block;
        float: left;
        width: 30%;
        background: none;
        font-size: 14px;
        font-weight: 700;
        text-align: left;
        clear: left;
    }

    #giftwrap-giftbox .hidden.paper, #giftwrap-giftbox .hidden.giftcard {
        padding-top: 40px;
    }

    #giftwrap-giftbox .a-center {
        display: none;
    }

    #giftwrap-giftbox tr {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
    }

    #giftwrap-giftbox img {
        margin-left: 0px;
    }

    #giftwrap-giftbox tr td {
        float: left;
        width: 65%;
        border-bottom: none;
        text-align: left !important;
        padding-left: 30%;
    }

    .giftwrap-step .notice-msg {
        font-size: 12px;
    }

    .giftwrap-step p.simple-step {
        font-size: 12px;
    }

    form .legend {
        font-size: 14px;
    }

    #giftbox-wraptype li label {
        font-size: 12px;
    }

    /*    .no-nothing, .yes-delete, .no-edit{
            margin-right:0px;
            margin-left: 0px;
        }*/
}

@media (max-width: 650px) {
    #tinybox {
        width: 400px !important;
        height: auto !important;
    }

    #giftwrap-giftbox .a-center-hidden {
        display: block;
        float: left;
        background: none;
        clear: left;
        width: 30%;
    }

    #giftwrap-giftbox .a-center-hidden.image {
        margin-top: 30px;
    }

    #giftwrap-giftbox .a-center {
        display: none;
    }

    #giftwrap-giftbox tr {
        /*float:left;*/
    }

    #giftwrap-giftbox td {
        border-bottom: none;
        padding-left: 50%;
        display: block;
        font-weight: 700;
    }

    .giftwrap-paper .paper-radio .price-box .regular-price .price {
        font-size: 12px;
    }

    #giftwrap-paper-list {
        height: 220px;
    }

    #giftwrap-giftcard-list {
        height: 220px;
    }

    .cart-table .product-cart-remove {
        display: block !important;
        float: right;
    }

    .cart-table .product-cart-remove a {
        display: none;
    }

    #slider-features #features-screen, #giftbox-giftcard #view2 {
        overflow-x: auto;
        width: 320px;
    }

    #slider-features #images, #giftbox-giftcard #images2 {
        overflow-y: hidden;
    }

}

@media (max-width: 500px) {
    .giftwrap-style-table .image-small {
        width: 50%;
        margin-left: 25%;
    }

    .giftwrap-style-table ul li.info {
        width: 100%;
        border-bottom: 1px solid #e7e7e7;
    }

    .giftwrap-style-table .item {
        float: left;
        margin-top: 5px;
        margin-left: 45%;
    }

    #tinycontent .block-title h3, #tinycontent .block-title h3 a {
        line-height: 28px;
    }

}

/*    #close-giftbox{
        margin: 5px;
        margin-left: 25%;
    }*/

@media (max-width: 450px) {
    #tinybox {
        width: 300px !important;
    }

    #giftwrap-paper-list {
        height: 190px;
    }

    #giftwrap-giftcard-list {
        height: 190px;
    }

    .supper-attribute-select {
        width: 100%;
    }

    #close-giftbox {
        width: 35%;
    }

    button#save-giftbox {
        width: 60%;
    }

    .no-nothing, .yes-delete, .no-edit {
        margin-top: 10px;
        margin-left: 25% !important;
    }

    #slider-features #features-screen, #giftbox-giftcard #view2 {
        overflow-x: auto;
        width: 215px;
    }
}

@media (max-width: 380px) {
    #tinybox {
        width: 250px !important;
    }

    #slider-features #features-screen, #giftbox-giftcard #view2 {
        width: 160px;
    }

}

/* styles for chrono relais */

.chronorelais-list {  }
.sp-methods-chronorelais { padding:5px 20px;}
.sp-methods-chronorelais dd li { clear:both;}
.chronorelaismap { margin:20px 0px 10px 0px; }
.chronorelaismap .mappostalcode { margin-bottom:10px; text-align:right;}
.sp-methods .method-description { clear:both; }
.sp-methods .method-radio, .sp-methods .method-image, .sp-methods .method-contents { }
.sp-methods .method-image { padding:0 10px;}

/*****************************
sw-Gmap
*******************************/
.chronomap { height:450px; width:100%; overflow:hidden!mportant; font:82.5%/1.3 Arial,Helvetica,sans-serif; background-color: #E5E3DF; border: 1px solid #aaa;}
.chronomap *{float:none;overflow:visible;font-family: Arial,sans-serif;}
.chronomap a {color:#0000cc;outline:none;}
.chronomap h4{font-size:14px;margin-bottom:6px;border-bottom:1px solid #ccc;}
.chronomap h2{font-size:16px;margin:2px 10px 6px 0; font-weight:bold;}

/*****************************
Infowindow 
*******************************/
.chronomap .sw-infowindow a{cursor:pointer;}
#sw-infowindow-info{max-height:400px}
#sw-infowindow-hor{height:150px}
.sw-map-adresse-wrp{min-height:90px}
.sw-map-adresse{font-size:1.2em;margin:5px 0 8px 0;line-height:1.45em;}
.sw-map-tools a{font-size:12px;}
.chronomap .sw-desc{display:block;font-weight:bold;line-height:16px;float:none!important;width:auto;}
.chronomap .sw-help{display:block;float:none!important;width:auto;clear:both;}
.sw-map-itin-tools{font-size:11px;padding:8px 0;display:block;}
.sw-back-link{font-size:11px;display:block;text-align:right;margin:0px ;}
#sw-sendbymail-wrap{height:220px;overflow:hidden;}
.chronomap .sw-textarea{height:30px;}
.sw-tool-itineraire{height:220px;}
/*****************************
Tables 
*******************************/
.sw-table {border-collapse:collapse; width:100%;}
.sw-table td {font-size:1.2em;border-bottom:1px solid #ccc; padding:1px 0px;}
.sw-table th{background:#eee;font-size:1.3em;border-top:1px solid #555}
#sw-table-horaire-client td ,#sw-table-horaire-depot td{width:50%;}
#sw-table-horaire-client{}
#sw-table-horaire-depot{margin-top:8px;}
/*****************************

/* styles for click & collect relais */

.sp-methods-clickncollect { padding:5px 20px;}
.sp-methods-clickncollect dd li { clear:both;}
.clickncollectmap { margin:20px 0px 10px 0px; }
.clickncollectmap .mappostalcode { margin-bottom:10px; text-align:right;}
.sp-methods .method-description { clear:both; }
.sp-methods .method-radio, .sp-methods .method-image, .sp-methods .method-contents { }
.sp-methods .method-image { padding:0 10px;}

/*****************************
sw-Gmap
*******************************/
.googleMap { height:450px; width:900px; overflow:hidden!important; font:82.5%/1.3 Arial,Helvetica,sans-serif; background-color: #E5E3DF; border: 1px solid #aaa;}
.googleMap *{float:none;overflow:visible;font-family: Arial,sans-serif;}
.googleMap a {color:#0000cc;outline:none;}
.googleMap h4{font-size:14px;margin-bottom:6px;border-bottom:1px solid #ccc;}
.googleMap h2{font-size:16px;margin:2px 10px 6px 0; font-weight:bold;}

/*****************************
Infowindow 
*******************************/
.googleMap .sw-infowindow a{cursor:pointer;}
#sw-infowindow-info{max-height:400px}
#sw-infowindow-hor{height:150px}
.sw-map-adresse-wrp{min-height:90px}
.sw-map-adresse{font-size:1.2em;margin:5px 0 8px 0;line-height:1.45em;}
.sw-map-tools a{font-size:12px;}
.googleMap .sw-desc{display:block;font-weight:bold;line-height:16px;float:none!important;width:auto;}
.googleMap .sw-help{display:block;float:none!important;width:auto;clear:both;}
.sw-map-itin-tools{font-size:11px;padding:8px 0;display:block;}
.sw-back-link{font-size:11px;display:block;text-align:right;margin:0px ;}
#sw-sendbymail-wrap{height:220px;overflow:hidden;}
.googleMap .sw-textarea{height:30px;}
.sw-tool-itineraire{height:220px;}
/*****************************
Tables 
*******************************/
.sw-table {border-collapse:collapse; width:100%;}
.sw-table td {font-size:1.2em;border-bottom:1px solid #ccc; padding:1px 0px;}
.sw-table th{background:#eee;font-size:1.3em;border-top:1px solid #555}
#sw-table-horaire-client td ,#sw-table-horaire-depot td{width:50%;}
#sw-table-horaire-client{}
#sw-table-horaire-depot{margin-top:8px;}
/******************************/

#listMarkers > ul > li {
    width: 33.333333333333336%;
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top
}

#listMarkers > ul > li div {
    cursor: pointer;
    width: 205px
}

#listMarkers > ul > li div .gamme {
    position: relative
}

#listMarkers > ul > li div .gamme > li {
    display: inline-block;
    margin-right: 5px
}

#listMarkers > ul > li div .gamme > li:hover .text {
    display: block
}

#listMarkers > ul > li div .gamme > li.blue .background, #listMarkers > ul > li div .gamme > li.blue .text {
    background: #0048a8
}

#listMarkers > ul > li div .gamme > li .background, #listMarkers > ul > li div .gamme > li .text {
    background-color: #656565
}

#listMarkers > ul > li div .gamme > li .text {
    display: none;
    color: #fff;
    padding: 0 7px;
    font: normal normal .714em/21px Chivo, Arial, Verdana, Sans-serif;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 27px
}

.infoBox, #listMarkers ul > li div {
    background: #fff;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible !important
}

.infoBox > *, #listMarkers ul > li div > * {
    margin-bottom: 10px
}

.infoBox .title, #listMarkers ul > li div .title {
    color: #0048a8;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'ultramagnetic light', Arial, Verdana, Sans-serif;
    line-height: 1em
}

.infoBox .title:before, #listMarkers ul > li div .title:before {
    content: '';
    padding-top: 20px;
    border-top: 1px solid #0048a8;
    width: 78px;
    display: block
}

.infoBox .retailer, #listMarkers ul > li div .retailer {
    text-transform: uppercase;
    padding: 0 6px;
    height: 32px;
    line-height: 36px;
    font-size: 10px;
    font-family: 'ultramagnetic regular', Arial, Verdana, Sans-serif;
    display: inline-block
}

.infoBox .retailer.yellow, #listMarkers ul > li div .retailer.yellow {
    color: #333;
    background-color: #ffe400
}

.infoBox .retailer.blue, #listMarkers ul > li div .retailer.blue {
    color: #fff;
    background-color: #0048a8
}

.infoBox .retailer.grey, #listMarkers ul > li div .retailer.grey {
    color: #fff;
    background-color: #c9c7c0
}

.infoBox p, #listMarkers ul > li div p {
    color: #656565;
    font-size: 14px;
    line-height: 18px;
    font-family: Chivo, Arial, Verdana, Sans-serif
}

.infoBox p a, #listMarkers ul > li div p a {
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.infoBox p a:hover, #listMarkers ul > li div p a:hover {
    color: #0048a8
}

.infoBox > img:first-child {
    z-index: 20;
    cursor: pointer;
    position: absolute !important;
    right: 10px;
    top: 10px;
    margin: 0 !important
}