*{
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: 'Open Sans', Helvetica, sans-serif
}
fieldset{
    border:0;
}
input{
    border: 1px solid #bdbdbd!important;
}
body {
    line-height: 1
}

.mt--05 {
    margin-top: -.5em !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mb-05 {
    margin-bottom: .5em !important
}

.m-1 {
    margin: 1em !important
}

.mt-1 {
    margin-top: 1em !important
}

.mr-1 {
    margin-right: 1em !important
}

.mb-1 {
    margin-bottom: 1em !important
}

.ml-1 {
    margin-left: 1em !important
}

.m-2 {
    margin: 2em !important
}

.mt-2 {
    margin-top: 2em !important
}

.mr-2 {
    margin-right: 2em !important
}

.mb-2 {
    margin-bottom: 2em !important
}

.ml-2 {
    margin-left: 2em !important
}

.m-3 {
    margin: 3em !important
}

.mt-3 {
    margin-top: 3em !important
}

.mr-3 {
    margin-right: 3em !important
}

.mb-3 {
    margin-bottom: 3em !important
}

.ml-3 {
    margin-left: 3em !important
}

.m-4 {
    margin: 4em !important
}

.mt-4 {
    margin-top: 4em !important
}

.mr-4 {
    margin-right: 4em !important
}

.mb-4 {
    margin-bottom: 4em !important
}

.ml-4 {
    margin-left: 4em !important
}

.m-5 {
    margin: 5em !important
}

.mt-5 {
    margin-top: 5em !important
}

.mr-5 {
    margin-right: 5em !important
}

.mb-5 {
    margin-bottom: 5em !important
}

.ml-5 {
    margin-left: 5em !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-05 {
    padding-top: .5em !important;
    padding-bottom: .5em !important
}

.p-1 {
    padding: 1em !important
}

.py-1 {
    padding-top: 1em !important;
    padding-bottom: 1em !important
}

.px-1 {
    padding: 0 1em !important
}

.pt-1 {
    padding-top: 1em !important
}

.pr-1 {
    padding-right: 1em !important
}

.pb-1 {
    padding-bottom: 1em !important
}

.pl-1 {
    padding-left: 1em !important
}

.p-2 {
    padding: 2em !important
}

.pt-2 {
    padding-top: 2em !important
}

.pr-2 {
    padding-right: 2em !important
}

.pb-2 {
    padding-bottom: 2em !important
}

.pl-2 {
    padding-left: 2em !important
}

.p-3 {
    padding: 3em !important
}

.pt-3 {
    padding-top: 3em !important
}

.pr-3 {
    padding-right: 3em !important
}

.pb-3 {
    padding-bottom: 3em !important
}

.pl-3 {
    padding-left: 3em !important
}

.p-4 {
    padding: 4em !important
}

.pt-4 {
    padding-top: 4em !important
}

.pr-4 {
    padding-right: 4em !important
}

.pb-4 {
    padding-bottom: 4em !important
}

.pl-4 {
    padding-left: 4em !important
}

.p-5 {
    padding: 5em !important
}

.pt-5 {
    padding-top: 5em !important
}

.pr-5 {
    padding-right: 5em !important
}

.pb-5 {
    padding-bottom: 5em !important
}

.pl-5 {
    padding-left: 5em !important
}

.pt-1 {
    padding-top: 1em !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-2 {
    margin-bottom: 2em !important
}

.pt-0 {
    padding-top: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.pl-20 {
    padding-left: 20px !important
}

.form-group{
	margin-bottom:.5rem;
}

.invalid-feedback {
  display: none;
  width: 100%;
  font-size: 80%;
  color: #b74e48;
  line-height: normal;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #b74e48 !important;
  /*padding-right: calc(1.5em + 0.75rem);*/
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #42AE49;
}

.is-invalid + .invalid-feedback,
.is-invalid + .custom-control-label {
  display: block;
}

.was-validated .form-control:invalid + .invalid-feedback {
  display: block;
}

.invalid-feedback .secondary-text {
  display: none;
}
.invalid-feedback .length-text {
  display: none;
}


.invalid-feedback.secondary span,
.invalid-feedback.length span {
  display: none;
}

.invalid-feedback.secondary .secondary-text {
  display: block;
}

.invalid-feedback.length .length-text {
  display: block;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}
.input-group input{
	flex:1;
}
.input-group-prepend{
    margin-right: -1px;
}
.input-group-append{
    margin-left: -1px;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.input-group > label {
    margin-left: .5rem;    
}
#forcePhoneNumberWrapper{
    display: none;
}
.didget-phone-parser .input-group > label{
    font-size: 13px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bdbdbd;
    border-radius: .25rem;
    max-height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}

.dropdown-menu .list-item {
    padding: 5px 10px;
    display: ms-flex;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.dropdown-menu .list-item:hover {
    background: #efefef;
}

.dropdown-menu .list-item .country {
    margin-right: 10px;
}

.dropdown-menu .list-item .code {
    color: #7a7a7a;
}

.dropdown-menu .list-item * {
    font-size: 12px;
}

.bg-light-beige{
    background: #f8f7ef!important;
}

p {
    font-size: 11pt;
    line-height: 1.2em;
    margin-bottom: .5em
}

.d-none{
    display: none;
}

.line-height-15 {
    line-height: 15px
}

.text-center {
    text-align: center
}

ol,
ul {
    list-style: none
}

.uppercase {
    text-transform: uppercase
}

input.text {
    width: 271px;
    margin: 4px 0;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle
}

input.text.short {
    width: 200px !important
}

input.text.medium {
    width: 247px !important
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

b {
    font-weight: bold
}

body {
    font: 13px/21px
}

select,
input,
button,
textarea {
    font: 99%
}

body {
    background: white;
    margin: 0;
    padding: 0;
    border: 0
}

.text-red,
.text-red a {
    color: red !important
}

.noscript {
    opacity: .95;
    filter: alpha(opacity=95);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffe3e7;
    border-bottom: 1px solid red
}

.clear-both {
    clear: both
}

.noscript .ctn {
    width: 950px;
    margin: 30px auto 0 auto
}

.noscript img {
    float: left;
    margin: -16px 20px 0 20px
}

.show {
    display: block!important;
}

.hide {
    display: none
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

h1 {
    font-weight: normal;
    font-style: normal;
    font-size: 23px;
    font-weight: normal;
    line-height: 30px;
    color: #222
}

h1.home {
    font-size: 16px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px
}

h2,
h3 {
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #333
}

h4,
h5,
h6 {
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    color: #575757
}

h4 {
    font-style: normal;
    font-size: 19px;
    line-height: 23px;
    color: #666
}

h1.braun {
    margin-bottom: 0;
    padding-bottom: 0
}

h1.general {
    font-size: 23px;
    line-height: 28px;
    font-weight: 700;
    padding: 4px 5px 6px 5px;
    margin-top: 0;
    margin-bottom: 10px;
}

hr.h1-split {
    display: none
}

h4.related-title {
    margin: 15px 0;
    color: #252525;
}

.disabled-next-btn {
    cursor: default;
    color: lightgray !important
}

div.device-title-ctn {
    padding: 10px 10px 0 10px;
    text-align: center
}

div.device-title-ctn h2 {
    font-size: 16px;
    line-height: 16px
}

div.device-title-ctn h2 a {
    font-weight: 600;
    color: #4a494a
}

div.device-title-ctn h2 a:hover {
    color: #c98959;
    text-decoration: none
}

div.device-title-ctn p {
    font-size: 11px;
    line-height: 15px;
    color: #575757
}

div.related-product-title h3 {
    font-size: 13px;
    line-height: 16px;
    height: 2.5em;
    padding-bottom: 10px;
    font-weight: 600;
}

div.related-product-title h3 a {
    font-weight: 600;
    color: #4a494a
}

div.related-product-title h3 a:hover {
    color: #c98959;
    text-decoration: none
}

.color-option {
    padding: 5px 0
}
/*
p{
    color: #898989;
    font-size: 11px;
    line-height: 14px;
    padding-top: 2px
}
*/
p.warning,
p.msg {
    border: 1px solid #f5da6f;
    margin: 15px auto 30px auto;
    padding: 10px 10px 10px 40px;
    line-height: 20px;
    font-size: 13px;
    background: #ffffb9 url(/i/icons/warning.png) 12px 12px no-repeat
}

.alert-msg {
    width: 80%;
    margin: 15px auto 10px auto;
    padding: 10px 10px 10px 40px;
    line-height: 20px;
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    display: none;
    color: #464a4e
}

.input-notf-warning {
    background: url(/i/theme/input_box_notification.png) 0 -69px no-repeat !important;
    height: 27px;
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px
}

.input-notf-correct {
    background: url(/i/theme/input_box_notification.png) 0 -35px no-repeat !important;
    height: 27px;
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px
}

.input-notf-wrong {
    background: url(/i/theme/input_box_notification.png) 0 -3px no-repeat !important;
    height: 27px;
    width: 27px;
    display: inline-block;
    position: relative;
    top: 9px
}

p.warning a,
p.msg a {
    color: #c98959
}

p.warning a:hover,
p.msg a:hover {
    color: #c98959
}

a {
    color: #575757;
    text-decoration: none
}

a:hover {
    color: #c98959;
    text-decoration: underline
}

a.orange {
    color: #c98959
}

a.send-enquiry-btn {
    display: block;
    float: right;
    height: 24px;
    padding: 9px 0 0 0;
    font-size: 16px;
    color: #009a00 !important;
    font-weight: bold
}

a.send-enquiry-btn:hover {
    background-position: 0 -30px
}

ul.man-list {
    list-style: none;
    margin-left: 10px
}

ul.man-list li {
    float: left;
    width: 160px;
    font-size: 14px;
    margin: 3px 0 7px 25px;
    list-style: disc;
    list-style-position: outside;
    line-height: 15px;
    color: #9dc03b
}

ul.man-list li.index {
    color: #333;
    font-size: 12pt;
    line-height: 28px;
    font-weight: bold;
    width: 16px;
    list-style: none;
    float: none;
    margin: 0;
    padding: 0 5px;
    display: block;
    overflow: none
}
.product-wrapper {
    margin-bottom: 3em;
}
.product-detail {
    padding: 10px 20px 20px 25px;
    color: #575757;
    font-size: 11px
}

.product-detail p.prod-note {
    margin: 0;
    padding: 5px 0;
    font-size: 10pt;
}
.product-detail .prod-branding {
    margin-top: 20px;
}

.product-detail table.prod-highlights {
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px
}

.product-detail table.prod-highlights td {
    border: 1px solid #fcc201;
    background-color: #ffefb9;
    text-align: center;
    color: #393939;
    font-size: 13px;
    font-weight: 600;
    vertical-align: middle;
    padding: 8px 6px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.prod-properties-highlights li {
    color: #777;
    font-size: 15px;
    line-height: 16px;
    padding-bottom: .3rem;
}
.prod-content-wrapper .fits-text {
    color: #777;
    font-size: 15px;
    line-height: 17px;
}
li.tab-content ul li {
    line-height: 16px;
    list-style: none;
    font-size: 12px;
    color: #575757;
    padding: 0 0 5px 15px;    
}
ul.prod-bullet-points li{
    padding: 5px 0!important;
    font-size: 10pt!important;
    font-weight: 600!important;
    list-style-type: initial!important;
    margin-left: 17px;
}

.prod-highlights {
    display: flex;
    margin-top: 20px;
}

.prod-highlights li.prod-highlight-item {
    font-size: 15px!important;
    font-weight: 600!important;
    list-style: none;
    color: #fff;
    padding: 7px 10px !important;
    background: #c98959;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 10px;
    text-align: center;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 22px;
    margin-left: 0!important;
}
.prod-highlights  li.prod-highlight-item:last-child {
    margin-right: 0;
}

.tab-contents .tab-heading {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0 30px;
}

ul.prod-properties {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
ul.prod-properties li {
    box-sizing: border-box;
    width: 49.7%;
    background: white!important;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5em 1em!important;
    color: #888!important;
}
li.tab-content ul li span:first-child{
    font-weight: 600;
}
li.tab-content ul li span:last-child,
li.tab-content ul li span:last-child b{
    font-weight: normal!important;
    text-align: right;
}

ul.prod-properties li:nth-child(1),ul.prod-properties li:nth-child(2),
ul.prod-properties li:nth-child(5),ul.prod-properties li:nth-child(6),
ul.prod-properties li:nth-child(9),ul.prod-properties li:nth-child(10),
ul.prod-properties li:nth-child(13),ul.prod-properties li:nth-child(14),
ul.prod-properties li:nth-child(17),ul.prod-properties li:nth-child(18){
    background: #f8f7ef!important;
}


.breadcrumb {
    padding: 10px 0;
    font-size: 13px;
    line-height: 18px;
    color: #cb8e63;
    width: 850px;
}

.breadcrumb * {
    color: #cb8e63
}
.breadcrumb .find-different{
    text-decoration: underline;
    font-weight: 600;
}

.breadcrumb a:hover {
    text-decoration: underline
}

.sub-breadcrumb {
    font-weight: normal;
    font-size: 12px;
    color: #575757
}

.sub-breadcrumb span {
    color: #898989
}

.sub-breadcrumb b {
    font-size: 13px;
    font-weight: bold
}

.sub-breadcrumb a {
    color: #009aff
}

img#roll-over {
    position: absolute;
    border: 1px solid #ddd;
    top: -999px;
    left: -999px;
    box-shadow: 0 0 10px 6px #ddd
}

.rating .stars {
    background-size: auto 200px;
    height: 13px;
    width: 85px;
    display: inline-block;
}

.r0 {
    background: url(/i/theme/stars.png) 0px 0px no-repeat;
}

.r1 {
    background: url(/i/theme/stars.png) 0px 10% no-repeat;
}

.r2 {
    background: url(/i/theme/stars.png) 0px 20% no-repeat;
}

.r3 {
    background: url(/i/theme/stars.png) 0px 30% no-repeat;
}

.r4 {
    background: url(/i/theme/stars.png) 0px 40% no-repeat;
}

.r5 {
    background: url(/i/theme/stars.png) 0px 50% no-repeat;
}

.r6 {
    background: url(/i/theme/stars.png) 0px 60% no-repeat;
}

.r7 {
    background: url(/i/theme/stars.png) 0px 70% no-repeat;
}

.r8 {
    background: url(/i/theme/stars.png) 0px 80% no-repeat;
}

.r9 {
    background: url(/i/theme/stars.png) 0px 90% no-repeat;
}

.r10 {
    background: url(/i/theme/stars.png) 0px 100% no-repeat;
}

.newprod {
    width: 82px;
    height: 20px;
    margin-top: 7px;
    background: #fff url(/skin002/i/theme/product_page.gif) 0 -220px no-repeat
}

.steps {
    display: none
}

.step-1 {
    background-position: 0 0
}

.step-2 {
    background-position: -50px 0
}

.step-3 {
    background-position: -100px 0
}

div.bunny-explains {
    padding: 5px 10px 0 0;
    font-family: "Brown-Pro-Bold", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #4a494a;
    font-weight: normal;
    margin-bottom: 30px
}

div.bunny-explains a {
    color: #575757 !important
}

div.bunny-explains a:hover {
    color: #c98959 !important
}

div.bunny-explains em {
    font-style: normal;
    padding: 0 2px
}

div.bunny-explains a em {
    color: #c98959 !important
}

div.bunny-explains h1 {
    font-size: 19px !important;
    line-height: 19px;
    font-weight: normal !important;
    margin: 5px 0 5px 0;
    border-bottom: solid 1px #d4d7df
}

div.bunny-explains h3 {
    font-size: 19px !important;
    font-weight: bold !important;
    color: #c98959 !important;
    margin: 0 0 10px 16px !important
}

div.bunny-explains p {
    margin: 0 10px 0 0 !important;
    font-weight: normal;
    color: #575757
}

div.bunny-explains p.more-info {
    text-align: right;
    margin-top: -20px !important
}

div.bunny-explains ul {
    margin: 5px 0 0 0;
    line-height: 18px
}

div.bunny-explains ul em {
    color: #4a494a
}

div.bunny-explains ul li {
    list-style: disc;
    margin-left: 17px
}

div.bunny-orange {
    display: none;
    width: 159px;
    height: 372px;
    margin-top: -68px;
    background: url(/i/bunny/bunny_orange.png) 0 0 no-repeat
}

div.find-bunny {
    width: 120px;
    height: 200px;
    margin-top: -68px;
    background: url(/i/bunny/find_a_bunny.png) 0 0 no-repeat
}

.section-heading{
    display: inline-block;
    font-size: 16px!important;
    font-weight: 600;
    color: #333;
    margin-bottom: 1em;
}

.call-now {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5em;
    margin-bottom: 1em;
}


.call-now .content {
    display: flex;
    flex-flow: column;
    align-items: center;
    font-size: 20px;
    flex-grow: 1;
}

.call-now .content .number {
    color: #888;
    margin-top: .3rem;
    text-align: center;
}
.call-now .content .number span {
    display: block;
}


.promo-container {
    margin-bottom: 1em;
    background: #F8F7EF;
}
.promo-container * {
    box-sizing: border-box;
}
.promo-heading {
    background: #c98959;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    padding: .2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.promo-item {
    padding: .5em;
    margin: .5em;
    border-bottom: 4px solid white;
}

.promo-item:last-child{
    border-bottom: none;
}

.promo-item-heading {
    display: block;
    text-align: center;
    margin-bottom: .5em;
    font-size: 15px;
    color: #888;
    font-weight: 500;
}

.promo-item-img {
    background: white;
    display: block;
    text-align: center;
    padding: .5em;
}
.promo-item-img img{
    width: 85px;
    height: auto;
}

.promo-item-bottom {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: .7em 0 1em;
}

.promo-item-price {
    font-size: 12px;
    color: #888;
    font-weight: 600;
}

.promo-item-buy {
    position: relative!important;
    top: 0!important;
    right: 0!important;
}

.index-promo-container *, .best-selling-container * {
    box-sizing: border-box;
}

.index-promo-container, .best-selling-container .promo-list {
    display: flex;
    flex-wrap: wrap;
}

.index-promo-container .promo-item {
    width: 200px;
    background: #f8f7ef;
}
.best-selling-container .promo-item {
    width: 258px;
    background: #f8f7ef;
}
.index-promo-container .promo-item:nth-child(1), 
.index-promo-container .promo-item:nth-child(5n),
.best-selling-container .promo-item:nth-child(1), 
.best-selling-container .promo-item:nth-child(5n) {
    margin-left: 0;
}
.index-promo-container .promo-item:nth-child(4n),
.best-selling-container .promo-item:nth-child(4n){
    margin-right: 0;
}
.index-promo-container .promo-item-heading,
.best-selling-container .promo-item-heading  {
    height: 47px;
    color:#888!important;
}

.index-promo-container .promo-item-bottom,
.best-selling-container .promo-item-bottom{
    margin-bottom: 0;
}

.box-3 .top {
    height: 30px
}

.box-3 .bottom {
    height: 50px;
    clear: both
}

.box-3 .title {
    font-size: 16px;
    line-height: 15px;
    font-weight: bold;
    color: #575757;
    padding-top: 10px
}

#ctn {
    background: white;
    width: 1100px;
    margin: 0 auto;
    position: inherit;
}

.page-top-bg {
    height: 450px
}

#header {
    width:100%;
    margin: auto;
    background: #252525;
    position: absolute;
    top: 0;
    left: 0;
}
.nav-container {
    display: flex;
}
.nav-left {
    width: 260px;
    padding: 30px 0;
}

a.logo {
    display: inline-block;
}
a.logo img{
    width: 200px;
    height: auto;
}

.nav-center {
    width: 600px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
ul.top-links{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
ul.top-links li {
    display: inline-block;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid white;
}
ul.top-links li:last-child{
    border-right: none;
}
ul.top-links li a {
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

ul.top-links li .lang-selection  {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    top: 2px;
}
ul.top-links li .lang-selection:hover{
    cursor: pointer;
}

ul.top-links li .lang-selection img {
    height: 18px;
    margin-left: .5em;
}
ul.top-links li .lang-selection::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: relative;
    left: 0.5em;
}

.search-wrapper-input{
    position: relative;
}

.search-wrapper-input .search-icon {
    height: 100%;
    width: 30px;
    font-size: 13px;
    color: #777;
    border: 0;
    background: url(/skin002/i/theme/theme_sprite.png) no-repeat 4px 7px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 5px;
    border-left: 2px solid #252525;
}

.nav-right {
    width: 250px;
    display: flex;
    display: -webkit-flex;    
    flex-flow: column;
    align-items: center;
}

/*Top navbar*/
.navbar *, .navbar ::after, .navbar ::before {
    box-sizing: border-box;
}
nav.navbar {
    background: #c98959;
}

.navbar-container {
    width: 1100px;
    margin: auto;
}

ul.navbar-nav {
    display: flex;
    display: -webkit-flex;    
    flex: 0 1 auto;
    -webkit-box-flex:0 1 auto;
    align-items: center;
    justify-content: center;
}
.nav-tab.active, .nav-tab.on-hover:hover{
    background: #252525;   
}

.nav-tab {
    border-top: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: auto;
    transition: all 250ms;
    text-align: center;
}
.nav-tab.country-tab {
    visibility: hidden;
    padding: 0;
    flex-grow: 0;
    flex-shrink: 0;
}
.nav-tab.country-tab .nav-tab-link{
    width: 0;
    visibility: hidden;
    padding: 12px 0;
}

.nav-tab-link {
    display: block;
    padding: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-align: center;
}


.nav-tab:hover .nav-tab-link{
    color: rgba(255,255,255,0.5);    
    text-decoration: none;
}
.nav-tab.active:hover .nav-tab-link,
.nav-tab.on-hover:hover .nav-tab-link{
    color: #fff!important;
}


.dropdown-fluid .nav-tab-item-panel {
    width: 100%;
    position: absolute;
    left: 0;
    background: #252525;
    visibility: hidden; 
    opacity: 0;
    -webkit-transition: opacity .1s ;
    -moz-transition: opacity .1s ;
    -o-transition: opacity .1s ;
    transition: opacity .1s ;
    z-index: 999999;
}
.nav-tab.dropdown-fluid.active .nav-tab-item-panel, 
.nav-tab.dropdown-fluid.on-hover:hover .nav-tab-item-panel{
    visibility: visible; 
    opacity: 1;
    -webkit-transition: opacity .1s ;
    -moz-transition: opacity .1s ;
    -o-transition: opacity .1s ;
    transition: opacity .1s ;
}

.nav-tab-item-panel .nav-panel-top {
    padding: 2em 0 0;
}

.nav-tab-item-panel .nav-panel-top-heading {
    color: white;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.nav-tab-item-panel .nav-panel-top-close {
    font-size: 24px;
    color: #c98959;
    margin-left: 2em;
    cursor: pointer;
}
.nav-tab-item-panel .nav-panel-top-close:hover {
    color: #c98959bf;
}

.nav-tab-item-panel .nav-columns {
    width: 1100px;
    margin: auto;
    padding: 2em 0;
    display: flex;
    display: -webkit-flex;    
}

.nav-tab-item-panel .nav-columns .col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: auto;
    transition: all 250ms;
}

.nav-tab-item-panel .nav-columns .col > ul {
    margin-bottom: 1.5em;
}

.nav-tab-item-panel .nav-columns .col > ul:last-child {
    margin-bottom: 0;
}

.nav-column .nav-header{
    margin-bottom: .7rem;
    text-align: left;
}

.nav-column .nav-header span {
    color: white;
    font-weight: 600;
    padding: .25rem;
    font-size: 15px;
}


.nav-column .nav-item a {
    color: rgba(255, 255, 255, 0.9019607843137255);
    display: block;
    text-align: left;
    padding: .25rem;
    font-size: 15px;
    
}
.nav-column .nav-item a i {
    display: none;
}

.nav-column .nav-item a:hover {
    color: #c98959;
    text-decoration: none;
}

.country-tab .nav-column .nav-item a {
    display: flex;
    display: -webkit-flex;    
    align-items: center;
}

.country-tab .nav-column .nav-item a .flag img {
    width: 100%;
}

.country-tab .nav-column .nav-item a .flag {
    width: 32px;
    margin-right: 1em;
}
.country-tab .nav-column .nav-item a .currency {
    margin-right: .5em;
}

form.search-form-nav {
    display: flex;
    display: -webkit-flex;    
    margin-top: 1rem;
}


/*End navbar*/



.content-start {
    margin-top: -245px;
}

.grid-1 {
    overflow: hidden
}

.grid-2 {
    width: 850px;
    float: left;
    overflow: visible;
    min-height: 500px;
    margin-bottom: 20px;
}

#main,
#search {
    background: 0;
}

#lbar {
    width: 190px;
    height: 100%;
    float: left;
    display: none;
}

#rbar {
    width: 230px;
    float: left;
    margin-left: 20px;
    position: relative;
    top: -27px;
}

ul.col2 li {
    float: left;
    width: 288px
}

ul.col3 li {
    float: left;
    width: 200px
}

.ctn-header {
    display: none;
    width: 100%;
    height: 75px
}

.ctn-footer {
    width: 100%;
    height: 50px
}

.top-nav {
    display: inline-block;
    background: #c98959;
    color: #fff;
    font-weight: 700;
    width: 1000px;
    padding: 5px 0;
    padding-bottom: 10px;
    z-index: 10
}

.top-nav li {
    display: inline;
    padding: 0 10px;
    font-size: 10px;
    line-height: 12px;
    border-right: 1px solid #fff
}

.top-nav li:first-child {
    margin-left: 10px
}

.top-nav li:last-child {
    border-right: 0
}

.top-nav li a {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px
}

.top-nav li a:hover {
    color: white
}

.top-nav li.search {
    border: 0;
    margin-top: 5px
}

.top-nav li.search form input {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);
    padding: 0 5px;
    height: 24px;
    width: 140px;
    border: 1px solid #7e7e7e;
    line-height: 24px;
    font-size: 13px;
    color: #777;
    vertical-align: middle
}

.top-nav li.search form button {
    border: 0;
    vertical-align: middle;
    background: url(/skin002/i/theme/wrapper.png) -593px -200px no-repeat;
    width: 27px;
    height: 26px;
    cursor: pointer
}

.top-nav li.search form button:hover {
    background-position: -593px -231px
}

a.bunny-link {
    display: block;
    float: left;
    width: 76px;
    height: 130px;
    margin: -10px 0 0 17px
}



div.customer-service {
    background: url(/i/theme/sidebar_blob_bg.png) 0 repeat-y;
    width: 180px
}

.payment-sidebar {
    display: inline-block;
    width: 180px;
    overflow: hidden;
    margin-bottom: 10px
}

.payment-sidebar img {
    width: 100%
}

div.customer-service p.tel {
    font-size: 12px;
    color: #575757;
    line-height: 15px;
    text-align: left;
    padding-left: 45px;
    background: url(/skin002/i/theme/wrapper.png) -565px -114px no-repeat
}

div.customer-service p.tel span {
    color: #c98959;
    font-weight: bold;
    margin-top: 3px;
    font-size: 13px;
    line-height: 20px
}

div.customer-service p.link {
    text-indent: 0;
    text-align: center;
    margin-top: 6px;
    font-size: 11px;
    color: #575757
}

div.customer-service p.link a {
    color: #c98959;
    font-weight: bold
}

.home-xmas-message span {
    display: block;
    margin-bottom: 5px;
    font-size: 14px
}

a.free-delivery {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

div.share-box {
    text-align: center;
    padding: 0 0 5px 0
}

ul.promo {
    width: 180px;
    overflow: hidden
}

ul.promo li {
    margin: 3px 0;
    padding: 0;
    float: left
}

ul.promo li a.promo {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    height: 230px;
    margin-left: 17px
}

ul.promo li a.promo img {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000
}

ul.promo li.sb-product {
    width: 174px;
    margin: 2px;
    margin-bottom: .5em;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    background-color: white;
    border-radius: 2px;
    position: relative
}

ul.promo li.sb-product p.prod-h {
    padding: 3px 5px;
    font-size: 12px;
    line-height: 15px;
    text-align: center
}

ul.promo li.sb-product a.prod-img {
    display: block;
    float: left;
    width: 65px;
    height: 65px;
    margin-left: 15px;
    margin-bottom: 5px
}

ul.promo li.sb-product a.prod-img img {
    width: 65px;
    height: 65px
}

ul.promo li.sb-product p.price {
    font-weight: 600;
    width: 70px;
    float: right;
    margin-top: 25px;
    font-size: 13px;
    line-height: 15px;
    color: #333;
    text-align: right;
    margin-right: 10px;
    margin-bottom: 0
}

.copyright {
    clear: both;
    background: #2d2b2c;
    padding: 20px 0 30px 0;
    color: #9a9a9a;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    bottom: -131px
}

ul.menu {
    margin-top: 5px
}

ul.menu li {
    width: 184px;
    margin: .5em;
    padding: .5em;
    float: left;
    text-align: center;
    border-radius: 2px;
    overflow: hidden;
    /*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);*/
    background-color: white
}

ul.menu li .cat-img a {
    display: block;
    width: 100%;
    position:relative;
}
ul.menu li:hover .img-tile{
    opacity: 0;
}

ul.menu li:hover .img-tile-overlay{
    display:block;
    opacity:1;
    transition: opacity 0.3s linear;
}
ul.menu li .img-tile-overlay{
    position: absolute;
    opacity: 0;
    left: 15%;
    top: 5px;
    z-index: 2;
    display:none;
    transition: opacity 0.3s linear;
}

ul.menu li:nth-child(1), ul.menu li:nth-child(5n) {
    margin-left: 0;
}
ul.menu li:nth-child(4n) {
    margin-right: 0;
}

ul.menu li h2 {
    height: 43px;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: .5em;
    text-transform: uppercase;
}

ul.menu li a {
    color: #333;
    font-weight: 600;
}

ul.menu li a:hover {
    text-decoration: underline;
    color: #c98959
}

div.index-promo table {
    width: 193px;
    height: 130px;
    margin-right: 10px;
    margin-bottom: 9px;
    float: left;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    background-color: white;
    border-radius: 2px;
    border-collapse: collapse;
    position: relative
}

div.index-promo table:nth-child(3n) {
    margin-right: 0
}

div.index-promo table a:hover {
    text-decoration: underline
}

div.index-promo table td {
    vertical-align: bottom;
    text-align: center
}

div.index-promo table td h5 {
    font-size: 12px;
    line-height: 13px;
    height: 30px;
    padding: 6px 8px 2px 8px;
    color: #575757;
    font-weight: normal
}

div.index-promo table td img {
    width: 110px
}

div.index-promo table td.link {
    vertical-align: bottom;
    padding-bottom: 5px;
    padding-top: 5px
}

div.index-promo table td.link p {
    float: left;
    margin-left: 5px;
    line-height: 24px
}

div.index-promo table td.link p.price {
    font-size: 15px;
    margin-left: 10px;
    margin-bottom: -1px;
    color: #333
}

div.index-promo table td.link p.stock {
    font-size: 9px;
    color: #575757;
    text-transform: uppercase;
    padding-top: 3px;
    line-height: 18px
}

div.index-promo table.middle th,
div.index-promo table.middle td.img {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1
}

form.buy {
    position: absolute;
    bottom: 8px;
    right: 8px
}

form.buy input.order-qty {
    width: 30px;
    height: 19px;
    text-align: center;
    border: 1px solid #9ebf3a !important;
    font-size: 12px;
    border-radius: .2rem;
    color: #777;
    font-weight: bold;
}

form.buy input.add-to-cart {
    vertical-align: middle
}

form.buy input.add-to-cart:hover {
    cursor: pointer
}

input.add-to-cart.add-item-using-ajax:hover {
    cursor: pointer
}

div.seo-text {
    display: none;
    width: 960px;
    padding: 0 20px 10px 20px;
    color: #4a494a;
    font-size: 13px
}

div.seo-text h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #333
}

div.seo-text p {
    padding: 3px 0;
    line-height: 18px
}

div.seo-text p.sub-title {
    font-size: 15px;
    line-height: 20px;
    font-style: italic
}

.device-title img {
    float: right
}

.device-title {
    display: flex;
    display: -webkit-flex;    
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

.device-title h1 {
    font-size: 23px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.device-title h1 i {
    font-size: 18px;
    line-height: 22px;
    color: #cb8e63;
    font-style: normal
}

.device-title h1 i.misc {
    display: block;
    color: #575757
}

.device-title p {
    font-size: 10pt;
    line-height: 18px
}

p.find-a {
    display: none;
    font-size: 18px;
    line-height: 22px;
    color: #cb8e63
}

p.oem-link {
    margin: 0;
    padding-top: 20px;
    line-height: 26px;
    border-top: 1px dotted #e1e1e1
}

ul.pri-man-blob {
    margin: 15px 0 10px 0
}

ul.pri-man-blob li {
    width: 160px;
    margin: .25em;
    height: 65px;
    float: left;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    border-radius: 2px;
    background-color: white;
    border: 1px solid #e8e8e8;
}
ul.pri-man-blob li:nth-child(1),
ul.pri-man-blob li:nth-child(5n + 1){
    margin-left: 0;
}

ul.pri-man-blob li:nth-child(5n){
    margin-right: 0;
}

ul.pri-man-blob li a {
    display: block;
    margin: 7px 0
}

div.pri-man-range-blob {
    margin-bottom: 20px;
    margin-top: .25rem;
}

div.pri-man-range-blob div.blob {
    float: left;
    margin: 0.27rem;
    padding: 5px 5px;
    height: 145px;
    width: 153px;
    font-size: 12px;
    background-color: #f8f7ef;
}
div.pri-man-range-blob div.blob:nth-child(1),
div.pri-man-range-blob div.blob:nth-child(5n + 1){
    margin-left: 0;
}

div.pri-man-range-blob div.blob:nth-child(5n){
    margin-right: 0;
}

div.pri-man-range-blob div.blob h2 {
    padding: 3px 5px;
    line-height: 12px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: .2rem;
}

div.pri-man-range-blob div.blob h2 a {
    font-weight: bold;
    font-size: 13px
}

div.pri-man-range-blob div.blob ul {
    list-style: none;
    padding-left: 1em;
    text-indent: -1em
}

div.pri-man-range-blob div.blob ul li {
    float: none;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 11px;
    line-height: 18px;
    list-style: disc;
    list-style-position: inside;
    color: #b0c03b
}

div.list {
    overflow: hidden;
    margin: 0 30px
}

div.list ul {
    width: 160px;
    float: left;
    margin: 10px 3px 0 0;
    list-style: none;
    padding-left: 1em;
    text-indent: -1em
}

div.list ul li {
    padding: 1px 0 10px 0;
    line-height: 12px;
    list-style: disc;
    list-style-position: inside;
    color: #c98959
}

div.list ul li a {
    color: #4a494a;
    font-size: 12px
}

div.list ul li a:hover {
    color: #c98959
}

div.scroll-list {
    height: 600px;
    clear: both;
    overflow: auto;
    margin: 0 0 20px 15px
}

div.scroll-list ul {
    margin: 0;
    width: 120px;
    padding-left: 1em;
    text-indent: -1em
}

div.scroll-list ul li {
    list-style: disc;
    list-style-position: inside;
    color: #c98959
}

div.oem-list ul {
    width: 116px
}
.filters-left .general{
    margin-left:10px;
}
.filters-left ul.listing-product li:nth-child(odd) {
    margin-left: 10px;
}
.filters-left ul.listing-product li:nth-child(even) {
    margin-right: 0px;
}

ul.device-product li {
    float: left;
    margin: 0 10px 10px 0;
    width: 276px;
    text-align: center;
    position: relative;
    border-radius: 2px;
    background-color: #f8f7ef;
}

ul.device-product li:nth-child(3n) {
    margin-right: 0;
}

ul.listing-product li p {
    line-height: 1.3em;
    margin-bottom: 1px
}

ul.device-product li div.middle {
    text-align: center;
    margin: 0 10px;
    background: white;
}
ul.device-product li div.middle > div{
    position: relative;
}
ul.device-product li div.middle  a.prod-img-link{
    display: block;
    padding: 10px;
}

ul.device-product li div.middle img.responsive {
    width: 100%;
}


.product-detail .bottom-bar .more-info-link {
    margin-top: -30px;
    margin-right: 40px
}

.bottom-bar .more-info-link {
    margin-top: -30px;
    margin-right: 70px
}

.bottom-bar small {
    display: block;
    font-size: 9pt;
    text-align: left;
    padding: 0 10px 10px;
}

ul.device-product li div.middle img.cover {
    display: none
}


ul.device-product li div.bottom-bar div.stock-price {
    padding: 0;
    width: 150px;
    text-align: left;
    font-size: 11px;
    color: #888;
    line-height: 22px
}

ul.device-product li div.bottom-bar div.stock-price span.stock-info {
    display: block;
    line-height: 14px;
    padding: 0;
    margin: 0
}

ul.device-product li div.bottom-bar div.stock-price span.inc-price {
    font-size: 19px;
    color: #000;
    font-weight: bold
}

ul.device-product li div.bottom-bar .rating,
ul.device-product li div.bottom-bar .newprod {
    float: right
}

ul.device-product li div.bottom-bar .rating span,
ul.device-product li div.bottom-bar .newprod span {
    display: block;
    width: 84px;
    height: 20px
}


ul.device-product li div.bottom-bar .buy-now-btn {
    display: block;
    float: right;
    width: 75px;
    height: 27px;
    margin-left: 2px;
    background: url(/i/theme/product_page.gif) 0 -281px no-repeat
}

.related-product {
    display: flex;
    display: -webkit-flex;    
    flex-wrap: wrap;
}

.related-product .prod-ctn {
    box-sizing: border-box;
    padding: 0!important;
    margin: 0 1.2% 0 0;
    margin-bottom: 10px;
    width: 32.5%!important;
    background: #f8f7ef!important;
}

.related-product .rating {
    display: block;
    text-align: left;
    margin: 10px 0;
    padding-left: 10px;
}
.related-product .prod-ctn .bottom-bar {
    height: auto!important;
    display: flex;
    display: -webkit-flex;    
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    padding-top: 0;
}
.related-product .prod-ctn .bottom-bar .prod-stock-price {
    display: flex;
    display: -webkit-flex;    
    flex-flow: column;
}
.related-product .prod-ctn .bottom-bar .prod-stock-price .stock-info {
    color: #777;
    font-size: 15px;
    text-align: left;
}
.related-product .prod-ctn .bottom-bar .prod-stock-price .stock-info b {
    font-weight: normal;
}
.related-product .prod-ctn .bottom-bar .prod-stock-price .inc-price {
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
}
.related-product .prod-ctn .bottom-bar .prod-stock-price .vat-text {
    font-size: 11px;
    color: #777;
}

.related-product .prod-ctn .bottom-bar .more-info-link {
    display: block;
    width: 27px;
    height: 27px;
    background: url(/skin002/i/theme/green-triangle.png) 0 0 no-repeat;
    padding: 0;
    margin: 0;
}

.section-promo-content {
    border-top: solid 1px #d4d7df;
    margin: 20px 10px 15px 10px;
    clear: both;
    padding: 15px 5px 0 5px
}

table.product {
    width: 100%;
    margin-bottom: 10px;
}

table.product p {
    text-align: left;
    border: 0;
    line-height: 18px;
    padding: 0
}

table.product td {
    vertical-align: top
}

table.product td hr {
    border: 0;
    border-top: 1px solid #e1e1e1
}

table.product td.img-ctn {
    width: 500px;
    position: relative;
    text-align: center;
}

table.product td.img-ctn img.prod-img-lg {
    width: 500px;
    margin: 0;
}
table.product td.img-ctn ul.prod-thumbs {
    display: flex;
    display: -webkit-flex;    
    justify-content: flex-end;
}

table.product td.img-ctn ul.prod-thumbs li {
    margin: 5px;
    opacity: .5;
}

table.product td.img-ctn ul.prod-thumbs li img.prod-img-thumb {
    height: 40px;
    width: auto;
}

table.product td.img-ctn ul.prod-thumbs li.curr {
    opacity: 1;
}

table.product td.img-ctn ul.prod-thumbs li:hover {
    cursor: pointer
}

.prod-content-wrapper{
    padding: 20px;
    margin-left: 20px;
    background: #f8f7ef;
    min-height: 348px;
    display: flex;
    display: -webkit-flex;    
    flex-flow: column;    
    width: 280px;
}
.prod-content-wrapper > *{
    margin-bottom: .5em;
}
.brand-wrapper {
    position: relative;
    height: 20px;
}
.prod-content-wrapper .brand{
    width: auto;
}
.prod-content-wrapper .brand.man {
    position: absolute;
    top: -10px;
}
table.product td.prod-content h2 {
    font-weight: 600;
}

.prod-content-wrapper .sub-title {
    margin-top: -.5em;
    display: block;
    font-size: 15px;
    color: #252525;
    line-height: 18px;
}

table.product td.prod-content h3 {
    font-size: 14px;
    line-height: 20px
}

table.product td.prod-content div.batts-icons {
    text-align: center
}

table.product td.prod-content div.batts-icons a {
    margin-right: 5px
}
table.product td.prod-content .stock-info{
    margin-top: auto;
    font-size: 13px;
}

table.product td.prod-content .stock-info .notInStock {
    font-size: 14px;
}

table.product td.prod-content .stock-info .inStock {
    border-right: 1px solid #9ebf3a;
    padding-right: .5em;
    margin-right: .2em;
}
table.product td.prod-content .stock-info .inStock,
table.product td.prod-content .stock-info .inStock *,
table.product td.prod-content .stock-info .freeDelivery {
    color: #9ebf3a;
    font-weight: 600;
}
.prod-content-wrapper .rating, .prod-content-wrapper .color-option {
    color: #c98959;
    font-size: 15px;
    display: flex;
    display: -webkit-flex;    
    align-items: center;
    margin-bottom: 1em;
}
.prod-content-wrapper .price-wrapper{
    margin-top: 1em;
    display: flex;
    display: -webkit-flex;    
    justify-content: space-between;
    align-items: flex-end;
}
.prod-content-wrapper .inc-price{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    margin-right: 1rem;
}
.prod-content-wrapper .retail-price {
    font-size: 14px;
}
.prod-content-wrapper .price-each {
    font-size: 10px;
    color: #777;
}
.prod-content-wrapper .retail-price .save {
    color: red;
}
.prod-content-wrapper .add-to-basket {
    margin-top: .5em;
    display: flex;
    display: -webkit-flex;    
    margin-bottom: 0;
}
.prod-content-wrapper .add-to-basket .order-qty{
    width: 50px;
    text-align: center;
    border: 1px solid #9ebf3a !important;
    border-radius: .2rem;
    margin-right: .5em;
    color: #777;
    font-weight: bold;
}

.prod-content-wrapper .add-to-basket .order-qty::-webkit-inner-spin-button, 
.prod-content-wrapper .add-to-basket .order-qty::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

table.product td.prod-content div.stock-price p.warning {
    border: 1px solid #f5da6f;
    margin: 20px auto 25px auto;
    padding: 10px 10px 10px 40px;
    background: #ffffb9 url(/i/icons/warning.png) 12px 12px no-repeat;
    width: auto
}


table.product td.prod-content div.stock-price .newprod {
    float: right;
    padding-right: 10px;
    text-align: right;
    line-height: 15px;
    font-size: 10px;
    color: #898989
}

.stock-price .qty-text {
    font-size: 14px
}

.product-details-wrapper {
    margin-top: 20px;
}
.product-details-wrapper .tabs {
    background: none;
    border-bottom: 1px solid #c98959;
    padding: 0;
    position: relative;
}
.product-details-wrapper .tab-contents{
    background: none;
    padding: 20px 0;
}

.product-details-wrapper .tabs li {
    padding: 0;
    margin: 0;
    padding-bottom: 1rem;
    font-size: 15px;
    color: #c98959;
    margin-right: 4em;
    text-align: center;
    border-bottom: 0;
    display: block;
    float: left;
}
.product-details-wrapper .tabs li.active {
    color: #c98959;  
    border-bottom: 0;
}
.product-details-wrapper .tabs li:hover{
    color: #c98959;  
    background: none;
}
.product-details-wrapper .tabs li.tab-slider {
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 5px;
    background: #c98959;
    padding: 0;
    margin: 0;
    transition: left 0.25s;
}

.product-details-wrapper .tabs li:first-child.active ~ .tab-slider {
    /*left: 0;*/
}

.product-details-wrapper .tabs li:nth-child(2).active ~ .tab-slider {
    /*left: 25%;*/
}

.product-details-wrapper .tabs li:nth-child(3).active ~ .tab-slider {
    /*left: calc(25% * 2);*/
}
.product-details-wrapper .tabs li:nth-child(4).active ~ .tab-slider {
    /*left: calc(25% * 3);*/
}



.tblob-container {
    display: flex;
    display: -webkit-flex;    
    flex-wrap: wrap;
    justify-content: space-between;
}

div.tblob {
    width: 410px;
    border: 1px solid #ddd;
    background: white;
    border-radius: 2px;
    padding-bottom: 10px;
    margin: 15px 0;
}

div.tblob h2 {
    padding: 5px 0 0 15px;
    color: #575757;
    line-height: 15px;
    text-indent: 0;
    height: 32px;
    font-size: 12px
}

div.tblob h2 img {
    float: right;
    margin: -28px -8px 0 0;
    height: 75px
}

div.tblob h2 a {
    color: #575757
}

div.tblob h2 a:hover {
    color: #c98959
}

div.tblob table {
    width: 100%;
    margin-top: -10px
}

div.tblob table td {
    width: 50%;
    padding-top: 10px;
    vertical-align: top;
    height: 75px
}

div.tblob table td ul {
    margin: 0 5px;
    padding-left: 10px
}

div.tblob table td ul li {
    list-style: disc;
    list-style-position: outside;
    margin-left: 5px;
    font-size: 11px;
    line-height: 14px;
    color: #575757
}

div.tblob table td ul li a {
    color: #575757
}

div.tblob table td ul li a:hover {
    color: #c98959;
    text-decoration: underline
}

div.tblob table td.col1 {
    padding-top: 0
}

div.tblob table td.col1 ul {
    margin: 0 0 0 15px
}

div.tblob img.packageCats2 {
    margin: -15px 0 0 120px
}

div.tblob div.bottom {
    height: 12px;
    margin-top: -5px
}

.accessory-index div.tblob table {
    height: 100px
}

div.has-image-map {
    height: 220px;
    margin-bottom: 20px
}

div.tall {
    margin-bottom: 20px
}

div.tall table {
    margin-bottom: 61px
}

div.memory-page-listing {
    padding-left: 80px
}

div.memory-page-listing ul {
    width: 200px;
    float: left;
    margin-left: 20px
}

div.memory-page-listing ul li {
    list-style: disc;
    list-style-position: inside;
    color: #c98959;
    margin-top: 10px;
    font-size: 14px
}

div.memory-page-listing ul a {
    color: #575757
}

div.memory-page-listing ul a:hover {
    color: #c98959
}

#product-list {
    margin-bottom: 2em;
}

ul.listing-product li {
    list-style: none;
    float: left;
    margin: 5px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    position: relative;
    width: 48.4%;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;    
}

ul.listing-product li * {
    box-sizing: border-box;
}

ul.listing-product li a.prod-img{
    margin-right: 10px;
    width: 85px;
    height: 85px;
}
ul.listing-product li a.prod-img img{
    width: 85px;
    height: 85px;
}

ul.listing-product li .prod-coontent{
    display: flex;
    display: -webkit-flex;    
    flex-direction: column;
    flex-grow: 1;
}
ul.listing-product li .prod-coontent .product-top-info * {
    font-size: 13px;
    line-height: 16px;
}
ul.listing-product li .prod-coontent .product-top-info .pno *{
    font-size: 11px;
    color:#777;
}

ul.listing-product li .prod-coontent .product-bottom-info{
    margin-top:auto;
}

ul.listing-product li .prod-coontent .product-bottom-info .stock b{
    font-weight: 600;
    color: #9ebf3a;
    font-size: 13px;
}
ul.listing-product li .prod-coontent .product-bottom-info .pppart {
    font-size: 11px;
    color: #777;
    margin-left: .5em;
}
ul.listing-product li .prod-coontent .product-bottom-info .price{
    font-size: 13px;
}

ul.listing-product li .prod-coontent .product-bottom-info form.buy{
    position: relative;
    position: unset!important;
    top:0;
    right: 0;    
    display: flex; 
    display: -webkit-flex;    
    align-items: center;
    justify-content: space-between;
}


ul.listing-product li:hover,
ul.listing-product li.hover {
    box-shadow: 0 1px 1px 0 rgba(201, 137, 89, 0.9), 0 0 0 1px rgba(201, 137, 89, 0.8)
}

ul.listing-product li.recommend {
    box-shadow: 0 1px 1px 0 rgba(170, 199, 83, 0.9), 0 0 0 1px rgba(170, 199, 83, 0.8)
}

ul.listing-product li.has-promo-phrase {
    height: 128px
}

ul.memcard-listing li {
    height: 115px !important
}


.cart #main {
    width: 790px
}
div#main.filters-left {
    width: 655px;
    float: right;
}

#main.fluid {
    width: 100%;
}

.cart #main div.top,
.cart #main div.middle,
.cart #main div.bottom {
    padding: 0 10px
}

.cart #main div.top {
    height: 45px
}

.cart #main div.bottom {
    height: 50px
}

.cart #main div.middle {
    overflow: hidden
}

.cart #main h1 {
    font-size: 20px;
    padding-top: 10px;
}

.cart #main hr {
    background: #efefef;
    height: 1px;
    border: 0;
    width: 520px;
    margin: 35px 0 20px 20px
}

.cart #main h2 {
    font-size: 20px;
    font-weight: normal;
    color: #c98959;
    line-height: 36px;
    margin-bottom: 10px
}

.cart #main a {
    color: #c98959
}

.cart #main a:hover {
    color: #c98959;
    text-decoration: underline
}

.cart #main div.panel {
    width: 738px
}

.cart #main p.msg {
    margin: 15px 0 0 -5px;
    width: 700px;
    padding: 11px 10px 8px 37px
}

.cart #main table {
    width: 100%;
    border: 1px solid #ced1da;
}

.cart #main table th {
    background: #ced1da;
    color: #232323;
    font-family: "Brown-Pro-Bold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 5px;
    font-size: 12px;
    text-align: left;
    line-height: 14px
}

.cart #main table td {
    background: #fff;
    color: #6e6e6e;
    font-size: 12px;
    text-align: left;
    padding: 2px 5px;
    line-height: 14px;
    vertical-align: middle
}

.cart #main table td b {
    font-size: 13px;
    line-height: 22px
}

.cart #main table td hr {
    margin: 10px auto 8px auto;
    width: 98%
}

.cart #main table td select,
.cart #main table td input {
    color: #575757;
    border: 1px solid #cfcfcf;
    vertical-align: middle;
    background-color: transparent;
    vertical-align: baseline
}

.cart #main table td.remove {
    vertical-align: middle
}

.cart #main table td.desc img {
    float: left;
    margin-right: 5px;
    width: 55px
}

.cart #main table td.desc img.has-roll-over:hover {
    cursor: pointer
}

.cart #main table td.desc p {
    margin-top: 12px;
    line-height: 15px;
    font-weight: bold;
    font-size: 10pt
}

.cart #main table td.desc p a {
    color: #575757;
    text-decoration: underline
}

.cart #main table td.desc p a:hover {
    color: #c98959
}

.cart #main table td.spacer {
    padding-bottom: 5px;
    border-bottom: 1px dotted #e1e1e1
}

.cart #main table td.update-qty {
    padding-left: 30px
}

.cart #main table td.qty {
    width: 24px;
    vertical-align: middle;
    padding: 2px 0 5px 0;
    vertical-align: middle
}

.cart #main table td.qty input {
    width: 20px;
    height: 11px;
    line-height: 11px;
    font-size: 11px;
    vertical-align: middle;
    -moz-appearance: textfield;
}

.cart #main table td.discount {
    width: 50px;
    padding: 0 0 0 10px;
    text-align: right
}

tr.total th {
    font-size: 14px !important;
    font-weight: 600 !important
}

tr.total td {
    font-size: 20px !important;
    font-weight: 600
}

.cart #main table td.total {
    text-align: right;
    padding-right: 12px
}

.cart #main table del {
    color: #777
}

.cart #main table .align-center {
    text-align: center
}

.cart #main table .align-right,
.cart #main table td.price {
    text-align: right
}

.cart #main table tr.total-saving td {
    color: #009a00
}

.cart #main table tr.total-saving td b {
    font-weight: normal
}

.cart #main table td.panel {
    background: #ededed;
    padding: 8px 10px 3px 10px;
    border-top: 1px solid #e9e9e9
}

.cart #main table td.panel a.continue {
    display: block;
    float: left;
    height: 24px;
    padding: 9px 0 0 32px;
    font-size: 16px;
    font-weight: bold;
    background: url(/skin002/i/theme/form_lib.png) -532px -100px no-repeat
}

.form-inline-txt {
    margin: 8px 0;
    color: #555;
    font-size: 9pt !important;
    line-height: 16px
}

.expressCheckout .vat-registered {
    text-align: left;
    line-height: 16px;
    padding: 10px 0 0 65px
}

h2.new-customer {
    margin: 0 !important;
    padding-left: 10px !important
}

.express-checkout-table {
    width: 600px !important
}

.express-checkout-table tr td:last-child {
    width: 20% !important
}

table tr td.optional {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 9pt !important;
    color: #333 !important
}

.express-checkout-table tr th {
    width: 310px
}

.cart #main table td.panel a.checkout {
    display: block;
    float: right;
    height: 24px;
    padding: 9px 0 0 0;
    font-size: 16px;
    color: #009a00;
    font-weight: bold
}

.cart #main table td.panel a.checkout span {
    display: block;
    float: right;
    height: 32px;
    width: 31px;
    margin: -9px 0 0 2px;
    background: url(/skin002/i/theme/form_lib.png) -532px -139px no-repeat
}

.cart #main table td.panel a:hover {
    text-decoration: none
}

.cart #main table.delivery-box {
    border: 1px solid #ddd;
    width: calc(100% - 10px);
    margin: 10px 0 15px 0
}

.cart #main table.delivery-box th {
    width: 85px;
    padding: 14px 0 0 10px;
    background: 0;
    color: #333
}

.cart #main table.delivery-box td {
    width: 290px;
    padding: 10px 0 0 0;
    color: #333
}

.cart #main table.delivery-box td select {
    width: 160px;
    background: #fff;
    margin-left: 7px
}

.cart #main table.delivery-box td label {
    font-weight: bold;
    line-height: 16px;
    cursor: pointer
}

.cart #main table.delivery-box td table.delivery-speed {
    width: calc(100% - 20px);
    border: 0;
    margin: 0;
    padding: 0
}

.cart #main table.delivery-box td table.delivery-speed th {
    width: 12px;
    background: 0;
    padding: 0 3px 5px 0
}

.cart #main table.delivery-box td table.delivery-speed td {
    padding: 0
}

.cart #main table.order-total {
    width: 100%;
    border: 0
}

.cart #main table.order-total th,
.cart #main table.order-total td {
    text-align: right;
    background: 0;
    color: #333;
    font-size: 15px;
    padding: 0 0 8px 0
}

.cart #main table.order-total tr.total th,
.cart #main table.order-total tr.total td {
    border-top: 1px solid #ccc;
    padding: 12px 0 10px 0;
    font-size: 21px
}

.cart #main table.order-total td.total-vat {
    font-size: 10px;
    color: #777
}

.cart #main table.order-total td.total-saving {
    font-size: 10px;
    color: #009a00
}

.cart #main div.promo-code {
    padding: 0 0 2px 12px
}

.cart #main p.alert {
    margin: 0 25px 50px 0;
    padding: 1em;
    padding-left: 110px;
    background: url(/i/icons/alert.png) 0px 4px no-repeat;
}

.cart #main p.promo-apply {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    padding: 1em;
    border-radius: 3px
}

.cart #main div.secure-logo p.secure {
    width: 370px;
    margin: 0 0 0 55px;
    padding: 15px 0 0 60px;
    height: 60px;
    color: #898989;
    float: left;
    background: url(/i/icons/padlock.jpg) 0 0 no-repeat;
    font-size: 10pt
}

.cart #main div.secure-logo img {
    float: left;
    margin: 16px 0 0 0
}

div.cart-promo div.top h3 {
    line-height: 18px;
    text-indent: 0;
    text-align: left;
    padding-top: 10px;
    font-size: 18px;
    font-weight: normal;
    color: #4a494a
}

div.cart-promo div.top h3 small {
    font-weight: normal;
    font-size: 13px
}

div.cart-promo ul {
    margin: 20px 10px 0 10px;
    overflow: hidden
}

body.auth #main,
body.checkout #main,
body.confirm #main {
    float: none;
    width: 820px;
    margin: 0 auto
}

body.auth #main a,
body.checkout #main a,
body.confirm #main a {
    color: #c98959
}

body.auth #main a:hover,
body.checkout #main a:hover,
body.confirm #main a:hover {
    text-decoration: underline;
    color: #c98959
}

body.auth #main h1,
body.checkout #main h1,
body.confirm #main h1 {
    font-size: 18px;
    font-weight: normal
}

form.login-form {
    width: 670px;
    margin: auto
}

div.new-account {
    position: relative;
    border: 1px solid #ccc
}

div.new-account table th {
    width: 175px !important
}

div.new-account table select {
    margin: 5px 0;
    border-radius: 0 !important;
    width: 83%;
    padding: 5px 2px
}

body.auth #main h1.login,
body.checkout #main h1.login,
body.confirm #main h1.login {
    padding-left: 45px
}

body.auth #main h2,
body.checkout #main h2,
body.confirm #main h2 {
    height: 38px;
    width: 495px;
    margin: 0;
    padding: 12px 15px 0 10px;
    font-size: 19px;
    color: #4a494a;
    font-weight: normal
}

body.auth #main h2.new-customer {
    margin-top: 0
}

body.checkout #main h2.new-customer,
body.confirm #main h2.new-customer,
body.auth #main h2.password-remind,
body.checkout #main h2.password-remind,
body.confirm #main h2.password-remind {
    margin-top: 35px
}

body.auth #main h2.exist-customer,
body.checkout #main h2.exist-customer,
body.confirm #main h2.exist-customer {
    margin-top: 0
}

body.auth #main p.secure img,
body.checkout #main p.secure img,
body.confirm #main p.secure img {
    float: left;
    margin: -20px 5px 0 -10px
}

body.auth #main p.bottom,
body.checkout #main p.bottom,
body.confirm #main p.bottom {
    width: 540px;
    margin: 15px auto 10px auto;
    color: #575757
}

body.auth #main div.bunny-yellow,
body.checkout #main div.bunny-yellow,
body.confirm #main div.bunny-yellow {
    width: 50px;
    height: 80px;
    background: url(/skin002/i/theme/form_lib.png) 0 0 no-repeat;
    margin: -88px 0 0 135px
}

body.auth #main div.bunny-green,
body.checkout #main div.bunny-green,
body.confirm #main div.bunny-green {
    width: 50px;
    height: 78px;
    background: url(/skin002/i/theme/form_lib.png) -50px 0 no-repeat;
    margin: -85px 0 0 135px
}

body.auth #main div.bunny-delivery,
body.checkout #main div.bunny-delivery,
body.confirm #main div.bunny-delivery {
    width: 54px;
    height: 83px;
    background: url(/skin002/i/theme/form_lib.png) -120px 0 no-repeat;
    margin: -75px 0 0 18px
}

body.auth #main div.bunny-info,
body.checkout #main div.bunny-info,
body.confirm #main div.bunny-info {
    width: 56px;
    height: 100px;
    background: url(/skin002/i/theme/form_lib.png) -190px 0 no-repeat;
    margin: -75px 0 0 25px
}

body.auth #main table,
body.checkout #main table {
    width: 560px;
    margin: 5px auto !important
}

.warning-msg-login {
    border: 1px solid #f5da6f;
    margin-bottom: 25px;
    padding: 10px 10px 10px 40px;
    line-height: 20px;
    font-size: 13px;
    background: #ffffb9 url(/i/icons/warning.png) 12px 12px no-repeat;
    display: none;
    width: 615px
}

.warning-msg {
    border: 1px solid #f5da6f;
    margin: 15px auto 30px auto;
    padding: 10px 10px 10px 40px;
    line-height: 20px;
    font-size: 13px;
    background: #ffffb9 url(/i/icons/warning.png) 12px 12px no-repeat;
    display: none
}

.warning-msg ul {
    list-style-type: decimal;
    margin-left: 15px
}

.next-btn {
    width: max-content !important;
    margin-right: 40px !important;
    display: block;
    height: 25px;
    line-height: 25px;
    float: right;
    color: #cb8e63;
    text-align: right;
    margin-right: 60px;
    font-weight: bold
}

.next-btn:hover {
    cursor: pointer
}

.next-btn span {
    display: block;
    width: 27px;
    height: 27px;
    line-height: 27px;
    float: right;
    background: #fff url(/skin002/i/theme/form_lib.png) -534px -142px no-repeat;
    margin-left: 5px
}

.disabled-next-btn {
    color: #a4a4a4 !important
}

.disabled-next-btn:hover {
    cursor: default;
    text-decoration: none !important
}

.disabled-next-btn span {
    opacity: .5
}

body.auth #main table th,
body.checkout #main table th,
body.confirm #main table th {
    width: 210px;
    padding: 9px 20px 0 0;
    text-align: right;
    vertical-align: top;
    color: #575757;
    font-weight: normal;
    font-size: 12px
}

select.text,
select.edit {
    width: 282px;
    border: 1px solid #bdbdbd!important;
    margin: 4px 0;
    padding: 6px 5px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    line-height: 27px;
    border-radius: 0 !important
}

body.auth #main table td input.text,
body.checkout #main table td input.text,
body.confirm #main table td input.text,
input#address_search {
    width: 271px;
    height: 25px;
    border: 1px solid #bdbdbd;
    margin: 4px 0;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    line-height: 27px
}

body.auth #main table td select,
body.checkout #main table td select,
body.confirm #main table td select {
    border-radius: 4px;
    box-shadow: 4px;
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 5px #cfcfcf inset;
    border: 1px solid #cfcfcf;
    vertical-align: middle;
    background-color: transparent;
    margin-top: 8px;
    vertical-align: baseline
}

body.auth #main table td option,
body.checkout #main table td option,
body.confirm #main table td option {
    background-color: #fff
}

body.auth #main table td option:hover,
body.checkout #main table td option:hover,
body.confirm #main table td option:hover {
    cursor: pointer
}

body.auth #main table td input:focus,
body.checkout #main table td input:focus,
body.confirm #main table td input:focus {
    background-position: 0 -34px
}

body.auth #main table td a.link,
body.checkout #main table td a.link,
body.confirm #main table td a.link {
    font-size: 11px;
    padding-left: 8px;
    margin-left: 10px;
    background: url(/skin002/i/theme/form_lib.png) -551px 1px no-repeat
}

body.auth #main table td a.link:hover,
body.checkout #main table td a.link:hover,
body.confirm #main table td a.link:hover {
    color: #c98959
}

body.auth #main table td.btn,
body.checkout #main table td.btn,
body.confirm #main table td.btn {
    color: #c98959;
    font-weight: bold;
    vertical-align: middle
}

body.auth #main table td {
    padding-left: 5px;
    padding-right: 5px
}

body.auth #main table td.optional {
    font-size: 9pt
}

body.auth #main table td.btn a span.plus,
body.checkout #main table td.btn a span.plus,
body.confirm #main table td.btn a span.plus {
    display: block;
    width: 27px;
    height: 27px;
    line-height: 27px;
    float: right;
    background: #fff url(/skin002/i/theme/form_lib.png) -534px -28px no-repeat;
    margin-left: 5px
}

body.auth #main table td.btn a span.play,
body.auth #main table .next-btn span.play,
body.checkout #main table td.btn a span.play,
body.confirm #main table td.btn a span.play {
    display: block;
    width: 27px;
    height: 27px;
    line-height: 27px;
    float: right;
    background: #fff url(/skin002/i/theme/form_lib.png) -534px -142px no-repeat;
    margin-left: 5px
}

body.auth #main table td.btn a:hover,
body.checkout #main table td.btn a:hover,
body.confirm #main table td.btn a:hover {
    text-decoration: none
}

body.checkout #main,
body.confirm #main {
    width: 820px;
    margin: 0 auto;
    padding: 0
}

body.checkout #main h1,
body.confirm #main h1 {
    padding: 0
}

body.checkout #main h2,
body.confirm #main h2 {
    padding-left: 65px;
    margin: 20px 0 0 10px;
    width: 730px
}

body.checkout #main h2.bank-pay,
body.confirm #main h2.bank-pay {
    margin-top: 30px
}

body.checkout #main h2.no-pad,
body.confirm #main h2.no-pad {
    text-indent: 10px;
    text-align: left;
    padding-left: 0;
    width: 790px;
    height: 30px
}

body.checkout #main hr.orange,
body.confirm #main hr.orange {
    background: #ffc3ad;
    height: 1px;
    border: 0;
    width: 98%
}

body.checkout #main div.bunny-green,
body.confirm #main div.bunny-green {
    margin: -80px 0 0 20px
}

body.checkout #main table,
body.confirm #main table {
    margin: 0 0 15px 10px;
    width: 800px;
    background: 0
}

body.checkout #main table small,
body.confirm #main table small {
    font-size: 11px;
    color: #575757;
    line-height: 12px
}

body.checkout #main table th,
body.confirm #main table th {
    font-size: 11px;
    width: 310px
}

body.checkout #main table th b,
body.confirm #main table th b {
    font-size: 12px
}

body.checkout #main table td.btn,
body.confirm #main table td.btn,
body.checkout #main table td.bottom,
body.confirm #main table td.bottom,
body.checkout #main table td.bottom2,
body.confirm #main table td.bottom2 {
    padding: 10px 10px 20px 15px
}

body.checkout #main table td.bottom2,
body.confirm #main table td.bottom2 {
    background-position: 0 -130px;
    line-height: 14px;
    padding: 10px 10px 25px 15px
}

body.checkout #main table a.add-address,
body.confirm #main table a.add-address {
    font-size: 11px;
    padding-left: 10px;
    background: url(/skin002/i/theme/form_lib.png) -551px 1px no-repeat
}

body.checkout #main table td.btn a.create-address,
body.confirm #main table td.btn a.create-address {
    width: 320px
}

body.checkout #main table td.payment,
body.confirm #main table td.payment {
    padding: 15px 0 5px 40px
}

body.checkout #main table td.payment a,
body.confirm #main table td.payment a {
    display: block;
    float: left;
    width: 225px;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 10px 10px;
    overflow: hidden;
    background: url(/skin002/i/theme/pay_button.png) 0 -49px no-repeat;
    text-align: center;
    font-weight: bold;
    color: #575757;
    font-style: italic;
    font-size: 17px
}

body.checkout #main table td.payment a:hover,
body.confirm #main table td.payment a:hover {
    text-decoration: none;
    color: #4a494a
}

body.checkout #main table td.payment a.card,
body.confirm #main table td.payment a.card {
    background-position: 0 0;
    color: #c98959;
    font-size: 19px
}

body.checkout #main table td.payment a.card:hover,
body.confirm #main table td.payment a.card:hover {
    color: #c98959
}

body.checkout #main table td.payment a.paypal,
body.confirm #main table td.payment a.paypal {
    background-position: 0 -101px;
    text-indent: 300px
}

body.checkout #main div.address-block,
body.confirm #main div.address-block {
    width: 93%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    padding: 10px;
    margin-bottom: 1em;
}

body.checkout #main div.address-block h3,
body.confirm #main div.address-block h3 {
    background: 0;
    border-bottom: 1px solid #e1e1e1;
    color: #d9d9d9;
    padding: 1px 5px;
}

body.checkout #main div.address-block p,
body.confirm #main div.address-block p {
    padding: 3px 5px
}

body.checkout #main div.address-block a,
body.confirm #main div.address-block a {
    background: url(/skin002/i/theme/form_lib.png) -552px 2px no-repeat;
    padding-left: 12px;
    color: #c98959
}

body.checkout #main div.address-block a:hover,
body.confirm #main div.address-block a:hover {
    color: #c98959
}

body.checkout #main form.card-pay h2,
body.confirm #main form.card-pay h2 {
    width: 490px;
    margin: 20px 0 0 0;
    padding-bottom: 10px
}

body.checkout #main form.card-pay table,
body.confirm #main form.card-pay table {
    width: 560px;
    margin: 0;
    padding: 0
}

body.checkout #main form.card-pay table small,
body.confirm #main form.card-pay table small {
    padding-left: 10px
}

body.checkout #main form.card-pay table th,
body.confirm #main form.card-pay table th {
    width: 220px
}

body.checkout #main form.card-pay table td.btn p.next-info,
body.confirm #main form.card-pay table td.btn p.next-info {
    color: #575757;
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    margin: 5px 15px 0 15px;
    padding-top: 5px;
    border-top: 1px solid #e8e8e8
}

body.checkout #main form.card-pay table td.btn a,
body.confirm #main form.card-pay table td.btn a {
    width: 280px;
    margin-right: 15px
}

body.checkout #main form.card-pay table a.help-cv2,
body.confirm #main form.card-pay table a.help-cv2 {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    margin: 8px 5px 0 0;
    background: url(/skin002/i/theme/form_lib.png) -451px 0 no-repeat
}

body.checkout #main form.card-pay div.cards,
body.confirm #main form.card-pay div.cards {
    float: right;
    width: 210px;
    height: 310px;
    color: #575757;
    margin-top: 40px;
    background: url(/skin002/i/theme/cards.png) 0 24px no-repeat
}

body.checkout #main table.bank-pay,
body.confirm #main table.bank-pay {
    margin-top: 0
}

body.checkout #main table.bank-pay th,
body.confirm #main table.bank-pay th {
    color: #575757;
    font-size: 13px
}

body.checkout #main table.bank-pay td,
body.confirm #main table.bank-pay td {
    padding: 5px 25px 0 5px;
    line-height: 20px;
    color: #4a494a;
    font-size: 12px
}

body.checkout #main table.bank-pay td.btn,
body.confirm #main table.bank-pay td.btn {
    background-position: 0 -135px;
    padding-bottom: 15px
}

body.checkout #main table.bank-pay td.btn p.next-info,
body.confirm #main table.bank-pay td.btn p.next-info {
    color: #575757;
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    margin: 5px 15px 0 15px;
    padding: 5px 0 10px 0
}

body.checkout #main table.bank-pay td.btn p.next-info a,
body.confirm #main table.bank-pay td.btn p.next-info a {
    width: 280px;
    margin-right: 15px;
    font-weight: bold
}

body.checkout #main p.thanks,
body.confirm #main p.thanks {
    margin: 30px 0
}

body.checkout #main h2.survey,
body.confirm #main h2.survey {
    margin-top: -20px
}

body.checkout #main table.survey p,
body.confirm #main table.survey p {
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 18px;
    width: 700px;
    font-size: 13px
}

body.checkout #main table.survey p.intro,
body.confirm #main table.survey p.intro {
    color: #4a494a;
    font-size: 13px;
    line-height: 18px;
    margin-left: 10px
}

body.checkout #main table.survey table.options,
body.confirm #main table.survey table.options {
    font-weight: normal;
    font-size: 11px;
    background: 0;
    width: 760px;
    margin: 0;
    padding: 0
}

body.checkout #main table.survey table.options td,
body.confirm #main table.survey table.options td {
    padding: 0;
    width: 160px;
    line-height: 13px
}

body.checkout #main table.survey table.options td label,
body.confirm #main table.survey table.options td label {
    line-height: 13px
}

body.checkout #main table.survey table.options input,
body.confirm #main table.survey table.options input {
    margin-right: 3px;
    vertical-align: text-bottom;
    width: auto;
    height: auto
}

body.checkout #main table.survey table.options2,
body.confirm #main table.survey table.options2 {
    font-weight: normal;
    font-size: 11px;
    background: 0;
    width: 245px;
    margin: 0;
    padding: 0
}

body.checkout #main table.survey table.options2 td,
body.confirm #main table.survey table.options2 td {
    width: 150px;
    line-height: 13px
}

body.checkout #main table.survey table.options2 td label,
body.confirm #main table.survey table.options2 td label {
    line-height: 13px
}

body.checkout #main table.survey table.options2 input,
body.confirm #main table.survey table.options2 input {
    margin-right: 3px;
    vertical-align: text-bottom;
    width: auto;
    height: auto
}

body.checkout #main table.survey label:hover,
body.confirm #main table.survey label:hover {
    cursor: pointer
}

body.checkout #main table.survey td.content,
body.confirm #main table.survey td.content {
    padding-top: 30px
}

body.checkout #main table.survey td.content p.link,
body.confirm #main table.survey td.content p.link {
    text-align: center;
    line-height: 40px
}

body.checkout #main table.survey td.content p.link input,
body.confirm #main table.survey td.content p.link input {
    font-size: 14px;
    color: #414241;
    padding: 2px
}

body.checkout #main table.survey td.content p.thx,
body.confirm #main table.survey td.content p.thx {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
    margin-bottom: 10px
}

body.checkout #main table.survey ol,
body.confirm #main table.survey ol {
    width: 760px;
    margin-left: 35px;
    color: #575757
}

body.checkout #main table.survey ol li,
body.confirm #main table.survey ol li {
    font-weight: bold;
    list-style: decimal;
    list-style-position: outside;
    color: #575757
}

body.checkout #main table.survey ol li p.q_title,
body.confirm #main table.survey ol li p.q_title {
    font-weight: bold;
    line-height: 20px;
    font-size: 13px
}

body.checkout #main table.survey hr,
body.confirm #main table.survey hr {
    width: 93%;
    margin: 20px 0 5px 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #efefef
}

body.checkout #main table.survey div.options input,
body.confirm #main table.survey div.options input {
    margin-right: 5px;
    vertical-align: middle
}

body.confirm #main table.fix-width {
    width: 290px;
    float: left;
    margin-right: 25px !important;
    font-size: 13px;
    margin-left: 0
}

body.confirm #main table.fix-width h2 {
    width: 290px;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    height: 26px;
    text-indent: 10px;
    margin-left: 0 !important
}

body.confirm #main table.fix-width td,
body.confirm #main table.fix-width th {
    margin: 0;
    padding: 0
}

body.confirm #main table.fix-width td {
    line-height: 16px;
    font-size: 12px;
    padding-left: 20px
}

body.confirm #main table.fix-width td.bottom {
    padding-bottom: 25px
}

body.confirm #main a.place-order {
    width: 350px;
    display: block;
    height: 27px;
    line-height: 24px;
    float: right;
    color: #009a00;
    font-weight: bold;
    text-align: right;
    margin-right: 30px;
    font-size: 12pt
}

body.confirm #main a.place-order span.play {
    display: block;
    width: 27px;
    height: 27px;
    line-height: 27px;
    float: right;
    background: #fff url(/skin002/i/theme/form_lib.png) -534px -142px no-repeat;
    margin-left: 5px
}

body.confirm #main a.place-order:hover {
    text-decoration: none
}

body.confirm #main h2.review-order {
    margin-top: -12px;
    text-indent: 10px;
    text-align: left;
    padding-left: 0;
    width: 790px;
    margin-left: 0
}

body.confirm #main table.order td,
body.confirm #main table.order th {
    margin: 0;
    padding: 2px 10px;
    text-align: left;
    font-size: 12px;
    color: #575757;
    line-height: 16px
}

body.confirm #main table.order th {
    font-weight: bold;
    background: #ced1da;
    color: #000
}

body.confirm #main table.order .qty {
    width: 30px;
    text-align: center
}

body.confirm #main table.order .status {
    width: 100px;
    text-align: center
}

body.confirm #main table.order .price {
    width: 60px;
    text-align: right
}

body.confirm #main table.order .desc {
    padding-left: 20px
}

body.confirm #main table.order td.bottom {
    padding: 10px 0 30px 0;
    background-position: 0 -135px;
    text-align: right
}

body.confirm #main table.order td.bottom a {
    margin-right: 20px
}

body.info #main {
    color: #575757;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400
}

body.info #main .top-margin {
    margin-top: 210px
}

body.info #main h1,
body.info #main h2 {
    padding: 0;
    background: 0;
    border: 0;
    font-weight: bold
}

body.info #main h1 {
    font-size: 23px;
    line-height: 27px
}

body.info #main h2 {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 25px;
    color: #cb8e63
}

body.info #main h2 a {
    color: #cb8e63;
    font-weight: bold
}

body.info #main h2 a:hover {
    text-decoration: none
}

body.info #main a {
    color: #cb8e63
}

body.info #main ul.outline {
    margin-top: 15px;
    margin-bottom: 20px
}

body.info #main ul.outline li {
    margin: 4px 0;
    font-size: 13px
}

body.info #main p {
    color: #575757;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400
}

body.info #main p.enquiry {
    padding: 4px 0 0 52px;
    height: 40px
}

body.info #main p.contact {
    line-height: 18px;
    font-size: 12px;
    color: #575757
}

body.info #main hr {
    background: #c98959;
    height: 1px;
    border: 0;
    width: 85%;
    margin: 40px auto 22px auto
}

body.info #main table {
    width: 380px
}

body.info #main table img {
    margin: 0
}

body.info #main table th {
    width: 120px;
    padding: 0;
    margin: 0;
    text-align: center
}

body.info #main table td {
    width: 100%;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    padding-left: 10px;
    color: #575757;
    font-size: 13px;
    line-height: 18px
}

body.info #main table.enquiry {
    width: 100%;
}

body.info #main table.enquiry th,
body.info #main table.enquiry td {
    margin: 0;
    padding: 0;
    line-height: 18px
}

body.info #main table.enquiry td {
    width: 35px
}

body.info #main table.enquiry td.steps {
    vertical-align: top;
    width: 35px;
    height: 70px;
    display: table-cell;
    font-size: 14pt;
    font-weight: 700;
    padding-top: 10px !important;
    color: #9dbd3c;
    width: 100px;
    text-transform: capitalize
}

body.info #main table.enquiry .step-1 {
    background-position: 0 15px
}

body.info #main table.enquiry .step-2 {
    background-position: -50px 15px
}

body.info #main table.enquiry .step-3 {
    background-position: -100px 15px
}

body.info #main table.enquiry th {
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    width: 150px;
    line-height: 13px;
    padding-right: 6px
}

body.info #main table.enquiry tr.line th {
    border-top: 1px solid #e9e9e9;
    padding: 10px 6px 10px 0
}

body.info #main table.enquiry tr.line td {
    border-top: 1px solid #e9e9e9;
    padding: 10px 0
}

body.info #main table.enquiry tr.line td.steps {
    padding: 0;
    border: 0
}

body.info #main table.enquiry tr.line2 td {
    padding-top: 30px
}

body.info #main table.enquiry select,
body.info #main table.enquiry input {
    margin: 3px 0 10px 0
}

body.info #main table.enquiry select,
body.info #main table.enquiry input.text {
    width: 220px
}

body.info #main table.contact th {
    width: 100px;
    text-align: right
}

body.info #main table.contact td {
    width: 200px
}

body.info #main table.contact pre {
    margin: 0;
    padding: 0
}

body.info #main ul li,
body.info #main ol li {
    margin: 5px 0 10px 0;
    color: #575757;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400
}

body.info #main ol li {
    list-style: decimal;
    margin-left: 30px
}

body.info #main ul.info-list li {
    line-height: 18px;
    text-indent: 18px;
    background: url(/skin002/i/theme/form_lib.png) -550px 4px no-repeat
}

body.info #main ul.info-list li a {
    color: #575757;
    font-size: 12px
}

body.info #main ul.info-list li a:hover {
    text-decoration: underline;
    color: #cb8e63
}

body.info #main pre {
    color: #4a494a
}

body.info #main div.img-ctn {
    float: right
}

body.info #main div.recycle {
    margin-top: -35px
}

body.info #main img {
    display: inline-block;
    margin: 0
}

body.info #main img.float-left {
    float: left;
    margin-left: 0
}

body.info #main img.float-right {
    float: right;
    margin: 10px 30px 10px 10px
}

body.info #main img.email,
body.info #main img.alert {
    margin: 90px 40px 0 0
}

body.info #main img.alert {
    margin-top: 60px
}

body.edu #main {
    float: right;
    width: 790px;
    color: #575757;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400
}

body.edu #main h1 {
    color: #313131;
    font-size: 21px;
    line-height: 36px
}

body.edu #main h2 {
    color: #c98959;
    font-size: 19px;
    line-height: 36px
}

body.edu #main div.dia-std {
    background-image: url(/i/info/duracell/barsa.jpg);
    width: 782px;
    height: 230px;
    padding-top: 5px;
    margin-left: 0
}

body.edu #main div.dia-recharge {
    background-image: url(/i/info/duracell/barsg.jpg);
    width: 782px;
    height: 230px;
    padding-top: 5px;
    margin-left: 0
}

body.edu #main div.bars {
    height: 30px;
    padding: 11px 0 0 30px;
    font-size: 14px;
    color: #fff;
    font-weight: bold
}

body.edu #main span.bar1 {
    margin-left: 525px;
    font-size: 12px;
    color: #ff0
}

body.edu #main span.bar2 {
    margin-left: 350px;
    font-size: 12px;
    color: #ff0
}

body.edu #main span.bar3 {
    margin-left: 190px;
    font-size: 12px;
    color: #ff0
}

body.edu #main span.high {
    float: right;
    padding-right: 20px
}

body.edu #main span.low {
    float: left;
    padding-left: 20px
}

body.edu #main div.highlow {
    padding-top: 85px;
    font-weight: bold;
    color: #c98959
}

body.edu #main div.btype {
    margin: 10px;
    float: left;
    position: absolute
}

body.edu #main table.tiles {
    margin-top: 10px
}

body.edu #main table.tiles div.head {
    border-top: #006 solid 1px;
    background-image: url(/i/info/duracell/tbar.gif);
    background-repeat: no-repeat;
    height: 35px;
    margin-left: 5px
}

body.edu #main table.tiles td {
    margin-left: 4px;
    vertical-align: top;
    width: 233px
}

body.edu #main table.tiles h2 {
    color: #2563b8;
    text-align: center;
    padding-top: 0;
    margin-top: 8px;
    line-height: 20px;
    font-size: 14px
}

body.edu #main table.tiles img.main {
    margin-top: 10px;
    margin-left: 20px
}

body.edu #main table.tiles div.cells {
    padding-top: 3px;
    border-top: #fff solid 1px;
    background-color: #000;
    height: 34px;
    margin-left: 5px
}

body.edu #main table.tiles div.cells img {
    padding-left: 4px
}

body.edu #main table.tiles div.footer {
    height: 16px;
    border-bottom: #000 1px solid;
    font-size: 10px;
    line-height: 16px;
    padding-bottom: 2px;
    padding-left: 2px;
    margin-left: 5px
}

body.edu #main table.tiles ul {
    font-size: 12px
}

body.edu #main table.tiles ul li {
    line-height: 16px
}

body.edu #main div.body {
    width: 750px;
    padding-left: 35px
}

body.edu #main div.body ul {
    font-size: 12px;
    margin: 10px 10px 20px 40px
}

body.edu #main div.body ul li {
    list-style: disc
}

span.ssDoNote {
    font-weight: normal
}

span.ssDoExtra {
    color: #00a539
}

.top-nav li.no-border {
    border: 0
}

a.flag {
    position: absolute;
    right: 0;
    margin: 0;
    width: 85px;
    top: 72px;
    float: right;
}

#title-line {
    display: none;
    width: 500px;
    margin-top: -50px;
    margin-left: 80px
}

.deviceup {
    text-align: right;
    font-weight: bold;
    width: 586px;
    clear: both;
    margin-top: -18px;
    padding: 4px 5px 6px 5px
}

.deviceproductup {
    text-align: right;
    font-weight: bold;
    width: 575px;
    clear: both;
    margin-top: -21px;
    padding: 4px 5px 6px 5px
}

#looking-for a {
    color: #c98959
}

#looking-for img {
    vertical-align: middle;
    margin-left: 1px;
    height: 16px;
    width: 16px
}

.social-links {
    position: absolute;
    top: 77px;
    right: 80px;
    margin: 0;
    height: 35px
}

.social-links .social-icon-ctn {
    margin-right: 6px;
    position: relative;
    width: 37px;
    height: 35px;
    float: right;
    border-radius: 50%;
    border: 3px solid white;
    background-color: #c98959
}
.social-links .social-icon-ctn .facebook-icon{
    background: url('/skin002/i/theme/theme_sprite.png') no-repeat -53px -1px;
	background-size: 380px 330px;
	width: 35px;
	height: 35px;
}
.social-links .social-icon-ctn .twitter-icon{
    background: url('/skin002/i/theme/theme_sprite.png') no-repeat -53px -77px;
	background-size: 380px 330px;
	width: 35px;
	height: 35px;
}
.social-links .social-icon-ctn .google-icon{
    background: url('/skin002/i/theme/theme_sprite.png') no-repeat -53px -39px;
	background-size: 380px 330px;
	width: 35px;
	height: 35px;
}


.icon-hider {
    opacity: 0.00001;
    height: 32px;
    width: 36px;
    overflow: hidden;
    padding-top: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0)
}

.googleplus .icon-hider {
    width: 61px;
    margin-left: -25px
}

.social-links .social-icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 37px;
    height: 35px;
    border-radius: 50%
}

.dialog {
    display: none;
    position: fixed;
    top: 36%;
    left: 50%;
    width: 560px;
    margin-left: -280px;
    border: 2px solid #c98959;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    -moz-box-shadow: 0 0 15px 5px #ddd;
    -webkit-box-shadow: 0 0 15px 5px #ddd;
    box-shadow: 0 0 15px 5px #ddd
}

.dialog .msg {
    padding: 20px 40px
}

.dialog .cancel {
    position: absolute;
    top: 5px;
    right: 8px
}

.dialog .action {
    text-align: right;
    background: #f2f2f2;
    border-top: 1px solid #e6e6e6;
    padding: 10px 40px
}

.dialog .action button {
    padding: 3px 10px;
    margin-left: 10px
}

p.social-speech-bubble {
    position: absolute;
    width: 120px;
    height: 31px;
    top: 113px;
    right: 230px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #777;
    background-color: #fff;
    border: 1px solid #cecece;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

p.social-speech-bubble:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 120px;
    top: 10px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #cecece
}

p.social-speech-bubble:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 120px;
    top: 11px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff
}

p.social-speech-bubble {
    display: none
}

.social-speech-detail {
    position: absolute;
    width: 320px;
    top: 100px;
    right: 80px;
    display: none;
    border: 2px solid #dedede;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 2px 2px #ddd;
    -webkit-box-shadow: 0 0 2px 2px #ddd;
    box-shadow: 0 0 2px 2px #ddd;
    background: #fff;
    padding: 45px 15px 10px
}


form.search-form-top input {
    font-weight: 600;
    border: 0;
    margin: 0;
    padding: 1px 5px;
    width: 375px;
    font-size: 13px;
    color: #252525;
    vertical-align: middle;
    background-color: #fff;
    border-color: transparent!important;
}

form.search-form-top button {
    height: 32px;
    width: 30px;
    font-size: 13px;
    color: #777;
    border: 0;
    background: url(/skin002/i/theme/theme_sprite.png) no-repeat 3px -22px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 5px;
}

form.search-form-top button:hover {
    background: url(/skin002/i/theme/theme_sprite.png) no-repeat 3px -51px;
}

ul.device-product li .p-title {
    padding: 0 4px;
    text-align: center;
    font-size: 15px;
    line-height: 16px;
    color: #333;
    height: 2.2em;
    padding-bottom: 10px;
}

ul.device-product li .warning {
    position: absolute;
    top: 45px;
    left: 1px;
    width: auto;
    padding: .5em!important;
    background:url("${uriPrefix}/i/icons/warning.png") no-repeat scroll 12px 4px #ffffb9;
    border-top: 1px solid #f5da6f;
    border-bottom: 1px solid #f5da6f;
    font-size: 13px;
    text-align: left;
    line-height: 20px;
    opacity: .9;
    filter: alpha(opacity=90)
}

ul.device-product li .p-title a {
    text-decoration: none
}

ul.device-product li .p-panel {
    padding: 10px;
    display: flex;
    display: -webkit-flex;    
    align-items: center;
    justify-content: space-between;
}


li.prod-ctn {
    position: relative;
    background: #fff;
}

.hidden {
    display: none !important
}

.colour-options {
    position: absolute;
    left: 10px;
    width: 200px;
    top: 298px!important;
}

.colour-options h5 {
    text-align: left;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    margin: 0;
    padding: 0;
    color: #888
}

.colour-options .colour-option {
    margin: 1px;
    padding: 0;
    float: left;
    border: 1px solid #000;
    background: #fff
}

.colour-options a {
    display: block;
    width: 11px;
    height: 10px;
    margin: 1px;
    outline: 0
}

.colour-box {
    border: 1px solid #000;
    background: #fff;
    margin-left: 3px;
    padding: 1px;
    display: inline-block;
    height: 16px;
}

.colour-box a {
    outline: 0;
    padding: 8px;
    display: inline-block;
}

div.listing-icons {
    float: right;
    width: 290px;
    margin-top: 16px;
    border: 1px solid #ddd;
    border-radius: 2px
}

div.listing-icons h3 {
    line-height: 18px;
    padding: 5px 15px
}

div.listing-icons div.ender {
    height: 34px;
    margin-top: -10px
}

div.listing-icons table th {
    width: 155px;
    padding-left: 15px;
    vertical-align: middle;
    text-align: right;
    font-weight: normal
}

div.listing-icons table th a {
    color: #c98959
}

div.listing-icons table td {
    width: 100px;
    padding: 0 10px
}

div.cameraMultiH {
    background: white;
    text-align: center;
    border: 1px dashed #d9d9d9;
    margin: 5px 10px 8px;
    padding-bottom: 3px
}

div.cameraMultiH b {
    color: black;
    font-size: 30px;
    font-weight: bold;
    line-height: 32px
}

div.cameraMultiH em {
    background-color: #abd121;
    color: white;
    display: block;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    padding: 3px 0 5px
}

div.cameraMultiH i {
    font-style: normal;
    font-size: 18px;
    font-weight: bold;
    color: #abd121
}

div.cameraMultiS {
    background: #fff;
    padding-bottom: 4px;
    margin: 0 1px 8px 0;
    text-align: center;
    border: 1px dashed #d9d9d9
}

div.cameraMultiS b {
    color: black;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px
}

div.cameraMultiS em {
    background-color: #94b434;
    color: white;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 16px;
    padding: 0 0 1px
}

div.cameraMultiS i {
    color: #94b434;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 14px
}

a.magnifier {
    position: absolute;
    top: 0;
    right: 0;
    height: 18px;
    padding: 3px 5px 3px 25px;
    background: #c8c8c8 url(/i/icons/magnifier-sm.png) 4px 3px no-repeat;
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    line-height: 18px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    opacity: .95;
    filter: alpha(opacity=95);
}

a.magnifier:hover {
    text-decoration: none;
    cursor: pointer
}

h1 {
    padding: 10px 0 15px 0
}

#returnForm {
    margin: 2%;
    display: none
}

#finalStepMessage {
    margin-top: 5%;
    margin-left: 15%
}

#finalStepMessage>p {
    width: 81%
}

#rmaAdvReplacementArea {
    resize: none;
    width: 85%;
    box-sizing: border-box;
    font: 12px/19px;
    color: #464646;
    height: 255px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#rmaPackageTermsArea {
    resize: none;
    width: 85%;
    box-sizing: border-box;
    font: 12px/19px;
    color: #464646;
    height: 335px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#rmaAdvReplacement>h1,
#rmaPackageTerms>h1 {
    font-size: 29px;
    margin-bottom: 28px;
    margin-left: 0;
    margin-top: 2%;
    width: 70%
}

.icon-packaging {
    width: 64px;
    height: 64px;
    display: block;
    float: left;
    margin-left: 25%;
    background: url(i/icons/packaging.png)
}

.icon-delivery {
    width: 64px;
    height: 64px;
    display: block;
    float: left;
    margin-left: 25%;
    background: url(i/icons/delivery.png)
}

.icon-dagger {
    width: 10px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-left: 7%;
    background: url(i/icons/dagger-custom.png)
}

.dagger {
    font-weight: bold;
    font-size: 15px
}

#unexpectedProblem {
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 35%;
    font-weight: bold
}

#items {
    width: 200px
}

#termMsg {
    text-align: left;
    margin-left: 120px
}

#addItem,
#addAllItem {
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 4px;
    vertical-align: middle;
    height: 15px
}

#acceptAdvReplacementBtn,
#acceptTermsBtn {
    width: 25%;
    display: block;
    padding-top: 4px;
    border-radius: 5px;
    background-color: #6c5;
    border: 1px solid #009a00 !important;
    box-shadow: none !important;
    color: black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.disabledPopupBtn {
    background-color: white!important
}

#closeBtn,
#printBtn {
    color: #c98959;
    font-size: 15px;
    font-weight: bold;
    float: right;
    margin-right: 5%;
    margin-top: 4%;
    margin-bottom: 3%;
    cursor: pointer
}

#closeBtn>span {
    text-decoration: underline
}

#addItemWrapper>table {
    width: 65%
}

#addItemWrapper>table>tbody>tr>td {
    vertical-align: middle
}

table.resumeRmaTable {
    margin-left: 2%;
    margin-right: 10%;
    margin-top: 5%;
    width: 95%
}

table.resumeRmaTable>thead>tr:first-child {
    background-color: #efefef;
    border: 1px solid #6b6d6b
}

table.resumeRmaTable>thead>tr:nth-child(2) {
    background-color: white;
    border: 0
}

table.resumeRmaTable>tbody {
    margin-top: 2%
}

table.resumeRmaTable>tbody>tr {
    padding-top: 2px
}

table.rmaTable>td {
    text-align: left
}

table.rmaTable {
    border: 1px solid black;
    margin-left: 2%;
    margin-right: 10%;
    margin-top: 5%;
    width: 95%
}

table.rmaTable>thead>tr:first-child {
    background-color: #efefef;
    color: #6b6d6b;
    font-weight: normal
}

table.rmaTable>thead>tr:nth-child(2) {
    background-color: white;
    color: #6b6d6b
}

table.rmaTable>tbody {
    margin-top: 2%
}

table.rmaTable>tbody>tr {
    padding-top: 2px;
    border-top: 1px solid black;
    border-bottom: 0;
    border-left: 1px solid black;
    border-right: 1px solid black
}

table.rmaTable>td {
    text-align: left
}

.other {
    vertical-align: middle;
    height: 40px
}

.action {
    margin-top: 5%;
    margin-left: 42%;
    margin-bottom: 15%
}

.actionPopup {
    margin-top: 4%;
    margin-left: 40%;
    margin-bottom: 8%
}

.ui-icon {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 0;
    background: url(/i/icon/icon-set-grey.png)
}

.ui-icon-info {
    background-position: -16px -146px;
    cursor: pointer
}

.ui-icon-delete {
    background-position: -95px -132px;
    cursor: pointer
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-tick {
    background-position: -64px -144px
}

.error-rma1 {
    border: 1px red solid
}

.disabled {
    color: grey;
    background-color: #dcdcdc;
    pointer-events: none;
    cursor: default
}

.step {
    display: block
}

.green {
    color: green
}

.red {
    color: red
}

.popupTerms {
    position: fixed;
    border: solid 1px black;
    left: 26%;
    top: 20%;
    width: 48%;
    display: none;
    background-color: white;
    z-index: 1000
}

.popupAdvReplacement {
    position: fixed;
    border: solid 1px black;
    left: 26%;
    top: 20%;
    width: 48%;
    display: none;
    background-color: white;
    z-index: 1000
}

.cover {
    background: #000;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 999;
    opacity: .8
}

.coverStep {
    background: #000;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 999;
    opacity: .1
}

.contentTerms {
    text-align: center
}

.contentAdvReplacement {
    text-align: center
}

.contentAdvReplacement>div>div,
.contentTerms>div>div {
    background-color: #ff9943;
    display: inline-block;
    padding: 3px 3px 0 3px;
    margin-left: 2px;
    border: 1px solid orange;
    text-align: center
}

.rmaReason {
    margin-left: 5%
}

.olStatus {
    color: red
}

.invalidItem {
    border: 1px solid black
}

.m-whiteBg {
    background-color: white
}

.m-grayBg {
    background-color: #f5f5f5
}

.safeReason {
    margin-top: 2%;
    margin-bottom: 2%
}

.d-safe {
    margin-left: 5%;
    margin-top: 1%;
    margin-bottom: 1%
}

.d-safe>input {
    vertical-align: middle;
    margin-left: 5px
}

.info-bulb {
    z-index: 9999;
    width: 15%;
    border: 1px solid grey;
    left: 0;
    top: 0;
    position: fixed;
    background-color: #f6f6f6;
    display: none;
    border-radius: 10px;
    box-shadow: 2px 2px 1px #777;
    padding: .5%
}

.info-icon {
    float: right
}

.rmaAction {
    width: 149px
}

.shineCbx {
    -moz-box-shadow: 0 0 1.5px 1.5px #0c6;
    -webkit-box-shadow: 0 0 1.5px 1.5px #0c6;
    box-shadow: 0 0 1.5px 1.5px #0c6
}

.rmaReturn,
.rmaAction {
    width: 140px;
    float: left;
    display: inline-block
}

.contact {
    margin-left: 5px
}

.closePopup {
    position: absolute;
    top: 5%;
    left: 95%;
    border: 1px solid grey
}

.closePopup:hover {
    cursor: pointer
}

.qty {
    width: 9%;
    text-align: center
}

.removeItem {
    background: url(/skin002cons/remove.gif) 4px 3px no-repeat;
    display: block;
    height: 15px;
    width: 15px
}

.removeItem:hover {
    cursor: pointer
}

.return>span {
    height: 24px;
    padding: 9px 0 0 26px;
    background: url(/skin002/i/theme/form_lib.png) -532px -100px no-repeat
}

.valid>span {
    height: 24px;
    padding: 9px 0 0 26px;
    background: url(/skin002/i/theme/form_lib.png) -532px -140px no-repeat
}

.return {
    color: #c98959;
    font-size: 16px;
    font-weight: bold;
    width: 33%;
    float: left
}

#abandonBtn:hover {
    cursor: pointer
}

#abandonBtn {
    color: #c98959;
    float: right;
    padding-right: 5%
}

#abandonBtn>span {
    color: #c98959;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline
}

.return:hover {
    cursor: pointer
}
/*
.valid {
    color: #009a00;
    width: 33%;
    float: left
}

.valid:hover {
    cursor: pointer
}
*/
#rma-content {
    margin-left: 2%
}

.orange-button {
    background-color: #c98959
}

a.orange,
.orange {
    color: #c98959;
    cursor: pointer
}

.w-otherComment {
    margin: 2% 0 2% 5%
}

.w-otherComment>input {
    width: 89%
}

#completeItemTable>tbody>tr>td:nth-child(5) {
    text-align: left
}

#completeItemTable>tbody>tr>td:nth-child(6) {
    text-align: left
}

.item-info {
    font-style: italic;
    font-size: 12px;
    margin-left: 15%
}

.item-info>label {
    padding-left: 5px
}

.item-info-line {
    border-top: none!important
}

.w-rtnAgreement {
    background-color: #ff7d00;
    display: inline;
    padding: 5px 1px 1px 1px
}

.arrow-left {
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 12px solid #ff7d00;
    display: block;
    float: left
}

#contactDetails {
    margin-top: 2%
}

#comment>p {
    margin-bottom: 1%
}

.emptyTr {
    height: 50px
}

.item-header {
    border-top: 1px solid #6b6d6b;
    border-left: 1px solid #6b6d6b;
    border-right: 1px solid #6b6d6b
}

.item-content {
    border-top: 0;
    border-left: 1px solid #6b6d6b;
    border-right: 1px solid #6b6d6b;
    border-bottom: 0
}

.item-footer {
    height: 42px;
    border-top: 0;
    border-left: 1px solid #6b6d6b;
    border-right: 1px solid #6b6d6b;
    border-bottom: 1px solid #6b6d6b
}

.item-footer-cell {
    padding-top: 1%;
    padding-left: 2%
}

.icon-print {
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 0;
    background: url(/skin002/i/icons/print.png)
}

#replacement-conditions>textarea,
#packaging-conditions>textarea {
    resize: none;
    width: 100%
}

#replacement-conditions>div,
#packaging-conditions>div {
    border: 1px solid #6b6d6b;
    width: 99.5%;
    height: 27px;
    padding-top: 4px;
    padding-left: 1%;
    background-color: #f5f5f5;
    font-weight: bold;
    cursor: pointer;
    margin-top: 5%
}

#conditions {
    margin-left: 2%;
    margin-right: 10%;
    margin-top: 10%;
    width: 95%
}

.conditions-link {
    color: #ff7d00
}

.print-condition {
    font: 13px/21px;
    white-space: pre-line !important
}

.m-leftheader {
    border: 1px solid #6b6d6b;
    padding: 1px 2px 0 2px;
    text-align: right;
    background: #efefef;
    color: #6b6d6b;
    font-weight: normal
}

.m-rightheader {
    border: 1px solid #6b6d6b;
    padding: 1px 2px 0 2px
}

.m-left,
.m-leftaddr {
    border: 1px solid #6b6d6b;
    padding: 1px 5px 0 3px;
    text-align: right;
    background: #efefef;
    color: #6b6d6b;
    font-weight: normal
}

.m-right,
.m-rightaddr,
.m-center {
    border: 1px solid #6b6d6b;
    padding: 1px 5px 0 3px
}

.m-leftfooter {
    border: 1px solid #6b6d6b;
    padding: 1px 5px 0 3px;
    text-align: right;
    background: #efefef;
    color: #6b6d6b;
    font-weight: normal
}

.m-rightfooter {
    border: 1px solid #6b6d6b;
    padding: 1px 5px 0 3px
}

.main {
    margin-left: 180px
}

.m-orderAddr {
    margin: 10px 0 0 0
}

.m-outter {
    margin: 0 0 60px 0;
    width: 100%
}

.m-product {
    border: 0;
    padding-right: 5px
}

.m-total {
    text-align: right;
    border: 0
}

.m-OrderTblHeader {
    padding: 2px 5px 2px 5px;
    background: #efefef;
    color: #6b6d6b;
    font-weight: normal
}

.m-currency {
    text-align: right;
    padding-right: 5px
}

#mainInvoiceDetails .m-OrderTbl {
    width: 100%
}

.m-OrderTbl {
    border: 1px solid #6b6d6b;
    padding: 1px 5px 0 3px;
    width: 680px;
    margin-top: 20px
}

.m-trackingValue {
    font-style: normal;
    border: 0;
    padding: 2px 5px 2px 5px;
    font-weight: normal
}

.m-btmContent {
    background: #efefef !important;
    border-bottom: 1px solid #bbb !important;
    border-left: 1px solid #bbb !important;
    border-right: 1px solid #bbb !important;
    font-weight: normal
}

.m-btmContent div ul li {
    list-style-position: inside;
    list-style-type: disc
}

.m-outter tbody tr td {
    padding-top: 0
}

.m-outter .m-info:first-child {
    width: 280px
}

.m-outter .m-info:last-child {
    width: 326px
}

.m-TrxList .trxCell span {
    color: #c98959 !important
}

.m-btmHead {
    background: #efefef !important;
    border-top: 1px solid #bbb !important;
    border-left: 1px solid #bbb !important;
    border-right: 1px solid #bbb !important
}

.m-note {
    padding-left: 5px
}

.m-account-action {
    margin-bottom: 10px!important
}

.m-account-action>a>span {
    float: left;
    display: block;
    width: 31px;
    margin: -4px 0 0 0;
    padding: 0;
    background: url(/skin002/i/theme/form_lib.png) -532px -139px no-repeat;
    height: 32px
}

#accountDetails {
    border: 1px solid #cecfce;
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 20px;
    color: #666
}

#accountDetails h6 {
    width: 100% !important;
    border-bottom: 1px solid #cecfce !important
}

#accountDetails .detailBlock>div>div:first-child>div:last-child {
    color: #888
}

#accountDetails .saveButton>label {
    display: block;
    float: left;
    padding-left: 5px;
    position: relative;
    top: 4px
}

#accountDetails .changeDetailBtn {
    padding: 5px 10px;
    display: inline-block;
    background-color: #9dbf3b;
    color: white !important;
    height: 16px
}

#accountDetails .hideDetailBtn {
    padding: 5px 10px;
    display: inline-block;
    background-color: #c98959;
    color: white !important;
    height: 16px
}

#rmaInstructions {
    color: #666
}

#packaging {
    color: #666
}

#orders .middle {
    margin: 10px 0
}

#orders .middle table {
    width: 100%
}

#orders .middle table td div {
    width: auto !important
}

#orders .middle table .rpt-links li {
    line-height: 20px
}

#unpaidAction {
    margin-bottom: 10px
}

.s-account-action {
    margin-left: 4%
}

.m-tableReorder div {
    margin-bottom: -15px
}

.btn-reorder {
    cursor: pointer;
    color: #009a00
}

.m-tableReorder a {
    color: #009a00
}

.m-tableReorder a:hover {
    text-decoration: none
}

.i-exVat {
    font-size: 10px;
    font-style: italic;
    height: 10px
}

#nav {
    margin-top: 10px
}

#returnPolicy-link {
    color: grey !important
}

#customerInfo-link:hover,
#returnPolicy-link:hover {
    cursor: pointer
}

.contactInformation>table tr>td:first-child,
.contactGeneral>table tr>td:first-child {
    width: 20% !important;
    text-align: right;
    padding-right: 1em !important
}

.contactInformation>table tr>td:last-child,
.contactGeneral>table tr>td:last-child {
    width: 80% !important;
    text-align: left !important
}

.contactInformation>table,
.contactGeneral>table {
    margin-left: 0 !important;
    width: 100% !important
}

.contactInformation>table tr>td,
.contactGeneral>table tr>td {
    width: auto !important;
    padding-bottom: 1.5em !important;
    vertical-align: top !important
}

#currentRMA {
    display: table;
    width: 95%;
    margin-right: 10%;
    border: 1px solid #6b6d6b
}

#currentRMA div {
    vertical-align: middle
}

#currentRMA>div:first-child {
    font-weight: bold;
    background-color: #f5f5f5;
    padding-top: 2%
}

#currentRMA>div {
    display: table-row
}

#currentRMA>div>div:first-child {
    padding-left: 2%
}

#currentRMA>div>div {
    display: table-cell;
    height: 30px
}

#currentRMA>div>div:first-child {
    width: 25%
}

#currentRMA>div>div:nth-child(2) {
    width: 30%
}

.rmaNumber-link {
    cursor: pointer
}

.rmaStatus_3 {
    color: red
}

.rmaStatus_2 {
    color: green
}

.rmaStatus_1 {
    color: black
}

.rmaStatus_0 {
    color: green
}

.currentRMADetails>div:first-child>div {
    text-align: right;
    padding-right: 10%
}

.currentRMADetails>div>div {
    vertical-align: middle
}

#packaging>span {
    color: #c98959;
    font-size: 11pt
}

#packaging>span:hover {
    cursor: pointer
}

#packaging>pre {
    font: 13px/21px;
    white-space: pre-line !important;
    border: 1px solid #cecfce;
    width: 98%;
    padding: 1%;
    margin-top: 10px
}

.details {
    color: gray;
    font-size: 11px
}

h7 {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none
}

#wh-icon {
    position: relative;
    margin-right: 5%;
    background: url('/i/WhDial.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 70px;
    width: 67px;
    margin-left: 75%;
    margin-top: -25%;
    display: none
}

#wh-icon_device {
    margin-right: 5%;
    background: url('/i/WhDial.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 70px;
    width: 67px;
    float: right;
    display: none
}

#wh-icon>div,
#wh-icon_device>div {
    height: 67px;
    text-align: center;
    vertical-align: middle;
    padding-top: 30%;
    font-size: large;
    color: lightgreen;
    display: none
}

#wh-icon_related-device {
    position: relative;
    margin-right: 5%;
    background: url('/i/WhDial.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    display: none
}

#wh-icon_related-device_wrapper {
    width: 50px;
    height: 50px;
    margin-top: -50px;
    margin-left: 70%;
    display: none
}

#wh-icon_related-device>div {
    font-size: large !important;
    height: 67px;
    text-align: center;
    vertical-align: middle;
    padding-top: 25%;
    color: lightgreen;
    display: none
}

#pro_device {
    padding: .2em .5em;
    font-size: 15px;
    background: #9ebf3a;
    color: #fff;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    opacity: .8;
    margin-top: 0!important;
}

.device_icon {
    position: relative;
    display: block;
    margin-top: -80px
}

.tabs,
.tabs-dvp {
    padding-left: 15px;
    padding-top: 10px;
    overflow: visible;
    background: #f8f7ef;
}

.tabs li,
.tabs-dvp li {
    display: inline-block;
    margin-left: 4px;
    padding: 5px 11px;
    color: #333;
    font-weight: bold;
    font-size: 11pt;
    border-bottom: 2px solid #e8e8e8
}

.tabs li.active,
.tabs-dvp li.active {
    color: #9dc03b;
    border-bottom: 2px solid #9dc03b
}

.tabs li:hover,
.tabs-dvp li:hover {
    cursor: pointer;
    background: #ddd
}

.tabs li.active:hover,
.tabs-dvp li.active:hover {
    cursor: default
}

.tab-contents {
    padding: 20px 10px 30px 10px;
    min-height: 335px;
    background: #e8e8e8;
    background: #f8f7ef;
}

.tab-contents .tab-content {
    display: none
}

.tab-contents .active {
    display: block
}

.tab-shadow {
    width: 600px;
    height: 10px;
    margin-bottom: 30px
}

.tab-content-dvp {
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    margin: 2% .5% 3% .5% !important;
    padding: 1% !important
}

.tab-content-dvp.active {
    border: none !important
}

.tab-contents-dvp {
    padding: 10px 0 10px 0 !important;
    background: #f8f7ef;
    min-height: 180px
}

.edit-address-review {
    font-weight: normal !important;
    font-size: small !important;
    margin-left: 10px
}

.change-order-review {
    font-size: small !important;
    font-weight: normal !important;
    margin-left: 10px
}

.reviewForm {
    margin-top: 5%
}

.rate {
    background: url(/i/starsRating.png) no-repeat;
    width: 42px;
    height: 42px;
    background-position: -6px -387px;
    outline-width: 0;
    background-size: 320px 550px;
    float: left;
    margin-left: 2px;
    cursor: pointer
}

.rate_hover {
    background: url(/i/starsRating.png) no-repeat;
    width: 42px;
    height: 42px;
    background-position: -51px -387px;
    outline-width: 0;
    background-size: 320px 550px;
    float: left;
    margin-left: 2px;
    cursor: pointer
}

.rated {
    background: url(/i/starsRating.png) no-repeat;
    width: 42px;
    height: 42px;
    background-position: -96px -387px;
    outline-width: 0;
    background-size: 320px 550px;
    float: left;
    margin-left: 2px;
    cursor: pointer
}

.rateG {
    outline-width: 0;
    float: left;
    margin-left: 2px;
    background: url(/i/starsRatingGoogle.png) no-repeat;
    background-position: -100px -260px;
    display: block;
    height: 13px;
    width: 13px
}

.ratedG {
    outline-width: 0;
    float: left;
    margin-left: 2px;
    background: url(/i/starsRatingGoogle.png) no-repeat;
    background-position: -100px -275px;
    display: block;
    height: 13px;
    width: 13px
}

.semiRatedG {
    outline-width: 0;
    float: left;
    margin-left: 2px;
    background: url(/i/starsRatingGoogle.png) no-repeat;
    background-position: -82px -229px;
    display: block;
    height: 13px;
    width: 13px
}

.submitReviewBtn {
    height: 32px;
    width: 31px;
    margin: -6px 0 0 2px;
    background: url(/skin002/i/theme/form_lib.png) -532px -139px no-repeat
}

.submitReview {
    color: green;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    float: right;
    margin-right: 10%;
    margin-top: 1%;
    display: block
}

.submitReview>span {
    float: left
}

.submitReview:hover {
    cursor: pointer
}

.reviewContent {
    margin-bottom: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid lightgrey
}

.review>div:first-child {
    display: inline-block
}

.review>div:nth-child(2)>span {
    color: grey
}

.review>div:nth-child(4) {
    text-decoration: underline;
    float: right;
    margin-right: 2%
}

.review>div:nth-child(4)>a {
    color: #ff7d00 !important
}

#headerReview {
    margin-top: 3%;
    display: inline-block;
    background: #fff url(/i/theme/tab_bg.gif) top repeat-x;
    margin-left: 15px;
    padding: 3px 13px;
    border: solid;
    border-color: #dedede;
    border-width: 1px 1px 0 1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    color: #767676;
    font-weight: bold;
    font-size: 14px
}

.review .productInfo {
    text-align: center;
    display: table;
    width: 100%
}

.review .productInfo>div:first-child {
    float: left;
    height: 100%;
    text-align: left;
    display: table-cell
}

.review .productInfo>div:nth-child(2) {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 5%
}

#reviewName {
    margin-top: 2%
}

#reviewName input {
    padding: 3px
}

.review {
    padding: 10px;
    background-color: #f8f7ef;
}
.review .rating {
    position: relative;
    left: -2px;
    margin-bottom: .5em;
}
.review .bottom {
    display: flex;
    display: -webkit-flex;    
    align-items: center;
    justify-content: space-between;
}
.review-response {
    margin-top: .5em;
}
.review-response .reply-label{
    margin-top: 1em;
    display: block;
}

.reviewSection>div.see-more {
    text-align: right;
    margin-top: 2%
}

.reviewSection>div.see-more a {
    margin-top: 2%;
    color: #c98959
}

.errorProductReview {
    font-size: 16px;
    margin-top: 10%;
    border: 1px solid red;
    color: red;
    padding: 2%;
    text-align: center;
    margin-bottom: 150px
}

#submitReviewPolicy {
    margin-bottom: 1%;
    margin-top: 3%
}

.review textarea {
    resize: none
}

.reviewFormError {
    color: red
}

.reviewSet {
    text-decoration: underline;
    width: 100%;
    display: inline-block;
    color: green
}

.reviewSet>span {
    float: right;
    margin-left: 2%
}

#bodyReview {
    padding: 10px 0;
    margin-bottom: 5%
}

.reviewReply {
    border-left: 3px solid lightcoral;
    margin-top: 10px;
    margin-left: 10px
}

.reviewReply>p:first-child {
    padding-left: 3px;
    font-weight: bold
}

.reviewReply>p:nth-child(2) {
    padding-left: 3px
}

.reviewSectionContent {
    margin-bottom: 20px;
}

.reviewSection>div:nth-child(2)>span {
    color: grey
}

.reviewSection>div:nth-child(3) {
    margin-top: 2%
}

.reviewSection>div:nth-child(4) {
    text-align: right;
    margin-top: 2%
}

.reviewSection>div:nth-child(4) a {
    margin-top: 2%;
    color: #ff7d00
}

#headerReview {
    margin-top: 3%;
    display: inline-block;
    background: #fff url(/i/theme/tab_bg.gif) top repeat-x;
    margin-left: 15px;
    padding: 3px 13px;
    border: solid;
    border-color: #dedede;
    border-width: 1px 1px 0 1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    color: #767676;
    font-weight: bold;
    font-size: 14px
}

.customerReviews {
    margin-bottom: 2%
}

.errorProductReview {
    font-size: 16px;
    margin-top: 10%;
    margin-bottom: 20%;
    border: 1px solid red;
    color: red;
    padding: 2%;
    text-align: center
}

#reviewsList {
    border: 1px solid #ededed;
    border-bottom: 1px solid #d9d8d9;
    padding: 10px 10px 10px 10px;
    background: #fff url(/i/theme/tab_content_bg.gif) bottom repeat-x;
    overflow: hidden;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 5%
}

#reviewsListHeader {
    margin-top: 3%;
    display: inline-block;
    background: #fff url(/i/theme/tab_bg.gif) top repeat-x;
    margin-left: 75%;
    padding: 3px 13px;
    border: solid;
    border-color: #dedede;
    border-width: 1px 1px 0 1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    color: #767676;
    font-weight: bold;
    font-size: 14px
}

.arrowRight {
    background: url(//www.gstatic.com/trustedstores/images/nav_arrows_sprite.png) no-repeat;
    background-position: 0 0;
    height: 16px;
    width: 16px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.arrowLeft {
    background: url(//www.gstatic.com/trustedstores/images/nav_arrows_sprite.png) no-repeat;
    background-position: 0 -17px;
    height: 16px;
    width: 16px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.arrowInactive {
    opacity: .4;
    cursor: default
}

#averageRate>div:nth-child(6) {
    display: inline-block;
    margin-left: 5px
}

.reviewsListProductInfo {
    display: table;
    width: 80%
}

.reviewsListProductInfo>div {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold
}

.reviewListWrapper {
    margin-bottom: 2%;
    display: inline-block
}

.reviewList {
    margin-bottom: 5%;
    margin-top: 3%
}

.reviewList>div:nth-child(2) {
    display: inline-block;
    margin-left: 10px
}

.reviewList>div:nth-child(2)>span {
    color: grey
}

.reviewList>div:nth-child(3) {
    color: #ff7d00;
    font-weight: bold
}

#averageRate {
    float: left;
    display: inline-block
}

#averageRate+div {
    margin-left: 3%;
    display: inline-block
}

h1 {
    margin: 2% 0 3% 0
}

#reviewWrapper {
    margin-bottom: 10%
}

.reviewWrapper {
    margin-top: 1%
}

#reviewWrapper>div {
    display: inline-block;
    margin-bottom: 2%;
    width: 100%
}

#reviewWrapper>div:nth-child(2)>span {
    color: grey
}

#reviewWrapper>div:nth-child(3) {
    color: orange;
    font-weight: bold
}

.errorProductReview {
    font-size: 16px;
    margin-top: 10%;
    border: 1px solid red;
    color: red;
    padding: 2%;
    text-align: center
}

.fHeader {
    text-transform: uppercase;
    font-size: 1em;
    margin-left: .35em
}

.fTitleA {
    color: #000;
    font-weight: bold;
    height: 3.8em;
    position: relative;
    border-bottom: solid 1px #d4d7df;
    margin-bottom: 15px
}

.fTitleA>div {
    position: absolute;
    top: 50%;
    font-size: 23px;
    font-weight: bold
}

.fTitleB {
    text-transform: uppercase;
    font-size: 1em;
    border-bottom: .1em solid lightgrey;
    font-size: 10pt;
    padding-bottom: .5em;
    margin-left: .75em
}

#fDevice {
    padding-top: 1em;
    width: 25%;
    margin-left: 1%;
    border-right: .1em solid lightgrey
}

#fDevice>div:nth-child(n+1):hover {
    cursor: pointer
}

.device {
    float: left;
    width: 25px;
    height: 30px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 8px
}

#fUsage,
#speedHolder {
    padding-top: 1em;
    width: 25%;
    margin-left: 2%;
    margin-right: 1%;
    border-right: .1em solid lightgrey
}

#fUsage>div:nth-child(n+1)>div,
#speedHolder>div:nth-child(n+1)>div {
    margin-bottom: .25em
}

#fSize {
    width: 43%;
    padding-top: 1em;
    margin-left: 2%
}

#fSpeed {
    width: 52%;
    padding-top: 1em;
    margin-left: 2%
}

.fCriteria {
    border: .1em solid lightgrey;
    width: 100%;
    padding: 2%;
    display: inline-block;
}

#fCriteria>div {
    float: left
}

.sorter {
    margin-left: 67.5%
}

#size-values>span {
    display: inline-block
}

#size-values>span:nth-child(n+1) {
    text-align: right
}

#fButtons {
    text-align: right;
    margin-right: 2%;
    margin-top: 0;
    display: block;
    width: 100%
}

.fButton {
    background-color: #9ebf3c;
    color: white;
    width: 75px;
    display: inline-block;
    text-align: center;
    height: 22px;
    margin-top: 10px;
}

.fButton:hover {
    cursor: pointer
}

.fAbout {
    display: none;
    width: 97.5%
}

.fInfo {
    font-size: 12px;
    color: #ff7d00;
    background-color: white;
    width: 18px;
    display: inline-block;
    text-align: center;
    border-radius: 27px;
    font-family: monospace
}

.fInfo:hover {
    cursor: pointer
}

.activeDevice {
    color: orange
}

.desactiveUsage,
.desactiveSpeed {
    color: lightgrey
}

.selectedBox {
    background: #fff url(/skin002/i/filters/activeBox-dd.png) center top no-repeat !important;
    width: 19px;
    height: 20px;
    display: inline-block
}

.selectedBox:hover {
    cursor: pointer
}

.speedClass,
.typeClass {
    display: block;
    height: 20px
}

.speedClass,
.typeClass>* {
    vertical-align: middle
}

.usage {
    height: 20px;
    display: table-row
}

.usage>* {
    display: table-cell;
    vertical-align: middle
}

.usage>span,
.speedClass>span,
.typeClass>span {
    background: #fff url(/skin002/i/filters/unactiveBox-dd.png) center top no-repeat;
    width: 19px;
    height: 20px;
    display: inline-block
}

#uSportphoto>label {
    padding-left: 23px
}

#main>ul>div.filter>div.fAbout>p:nth-child(2) {
    padding: 10px 0 10px 24px
}

.help {
    background: transparent url(/i/filters/help-dd.png) center top no-repeat;
    width: 19px;
    height: 20px;
    display: inline-block
}

.digitalCamera_active {
    background: #fff url(/skin002/i/filters/Digital-camera_inactive.png) center top no-repeat
}

.digitalCamera_disabled {
    background: #fff url(/skin002/i/filters/Digital-camera_disabled.png) center top no-repeat
}

.digitalCamera_inactive {
    background: #fff url(/skin002/i/filters/Digital-camera_active.png) center top no-repeat
}

.dslrCamera_active {
    background: #fff url(/skin002/i/filters/DSLR-camera_inactive.png) center top no-repeat
}

.dslrCamera_disabled {
    background: #fff url(/skin002/i/filters/DSLR-camera_disabled.png) center top no-repeat
}

.dslrCamera_inactive {
    background: #fff url(/skin002/i/filters/DSLR-camera_active.png) center top no-repeat
}

.goPro_active {
    background: #fff url(/skin002/i/filters/GoPro_inactive.png) center top no-repeat
}

.goPro_disabled {
    background: #fff url(/skin002/i/filters/GoPro_disabled.png) center top no-repeat
}

.goPro_inactive {
    background: #fff url(/skin002/i/filters/GoPro_active.png) center top no-repeat
}

.mobilePhone_active {
    background: #fff url(/skin002/i/filters/Mobile_phone_inactive.png) center top no-repeat
}

.mobilePhone_disabled {
    background: #fff url(/skin002/i/filters/Mobile_phone_disabled.png) center top no-repeat
}

.mobilePhone_inactive {
    background: #fff url(/skin002/i/filters/Mobile_phone_active.png) center top no-repeat
}

.proVideoCamera_active {
    background: #fff url(/skin002/i/filters/Pro-video-camera_inactive.png) center top no-repeat
}

.proVideoCamera_disabled {
    background: #fff url(/skin002/i/filters/Pro-video-camera_disabled.png) center top no-repeat
}

.proVideoCamera_inactive {
    background: #fff url(/skin002/i/filters/Pro-video-camera_active.png) center top no-repeat
}

.smartphone_active {
    background: #fff url(/skin002/i/filters/Smartphone_inactive.png) center top no-repeat
}

.smartphone_disabled {
    background: #fff url(/skin002/i/filters/Smartphone_disabled.png) center top no-repeat
}

.smartphone_inactive {
    background: #fff url(/skin002/i/filters/Smartphone_active.png) center top no-repeat
}

.sportsPhotography_active {
    background: #fff url(/skin002/i/filters/Sports_photography_inactive.png) center top no-repeat
}

.sportsPhotography_disabled {
    background: #fff url(/skin002/i/filters/Sports_photography_disabled.png) center top no-repeat
}

.sportsPhotography_inactive {
    background: #fff url(/skin002/i/filters/Sports_photography_active.png) center top no-repeat
}

.tablet_active {
    background: #fff url(/skin002/i/filters/Tablet_inactive.png) center top no-repeat
}

.tablet_disabled {
    background: #fff url(/skin002/i/filters/Tablet_disabled.png) center top no-repeat
}

.tablet_inactive {
    background: #fff url(/skin002/i/filters/Tablet_active.png) center top no-repeat
}

.ui-widget-header {
    background: #9ebf3c 50% 50% repeat-x !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #9ebf3c 50% 50% repeat-x !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #9ebf3c 50% 50% repeat-x !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-widget-content {
    border: 1px solid #9ebf3c !important
}

#roundcell {
    clear: both;
    font-size: 10pt;
    position: relative;
}

#roundcell .groupTile table {
    border-spacing: 0 5px;
    border-collapse: separate
}

#roundcell .groupTile tr {
    margin-bottom: 43
}

#roundcell .groupTile td:first-child,
#roundcell th:first-child {
    padding-left: 10px;
    font-weight: bold
}

#roundcell .groupTile th {
    width: 20%;
    font-size: 8pt;
    text-align: center;
    vertical-align: bottom
}

#roundcell .groupTile th:last-child {
    width: 10%;
    font-size: 8pt;
    text-align: center
}

#roundcell  .sortTablePerBat{
	width: 13%!important;
	text-align: left!important;;
}
#roundcell .sortTablePerPack{
    width: 18%!important;
    text-align: left!important;;
}

#roundcell .groupTile th:first-child {
    width: 50%
}

#roundcell .groupTile td:first-child {
    width: 50%
}

#roundcell .groupTile td {
    width: 20%;
    vertical-align: middle
}

#roundcell .groupTile td:last-child {
    width: 10%
}

#roundcell .moneyAmounts {
    text-align: center
}

#roundcell .roundcell-item{
    margin-left: auto; 
    margin-right: auto;
    text-align:center;
    position: relative;
}

#roundcell .pack-size {
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background: #c98959;
    color: white;
    margin-left: auto;
    position: absolute;
    right: 0;
}

#roundcell .product {
    background-color: #ededed;
    color: #000
}

#roundcell .product-selected {
    background-color: #7cba27;
    color: #fff
}

#roundcell .product:hover td {
    background-color: #ddd;
    color: #000
}

#roundcell .product-selected:hover td {
    background-color: #71a824;
    color: #fff
}

#roundcell .line1,
#roundcell .line2 {
    display: block;
    float: left;
}

#roundcell .line2 {
    margin-top: 6px;
    min-height: 1em
}

#roundcell form.buy {
    float: none !important;
    margin: 0 !important;
    position: relative !important;
    bottom: 0 !important;
    right: 0 !important
}

#roundcell .prod-price,
#roundcell .stock-info {
    width: 95px;
    margin-right: 10px;
    text-align: center
}

#roundcell .prod-price {
    font-size: 12pt;
    font-weight: bold
}

#roundcell .qty {
    width: 85px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    margin-top: 5px
}

#roundcell .qty input,
#roundcell .order-qty {
    text-align: center;
    border-radius: 4px;
    width: 28px !important;
    font-size: 12pt !important;
    padding: 3px;
    border: 1px solid #ddd;
    height: 23px !important;
    line-height: normal;
    position: relative;
    top: 2px;
}

#roundcell .buyBtn,
#roundcell .more-info {
    width: 140px;
    text-align: center;
    border: 0;
    float: right;
    cursor: pointer
}

#roundcell .more-info {
    font-size: 9pt
}

#roundcell .buyBtn {
    font-weight: bold;
    font-size: 11pt;
    background: url('/i/svg/buy-now-button.svg') no-repeat;
    color: #fff
}

#roundcell .tax {
    font-size: 8pt;
    font-weight: normal
}

.product-tiles-wrapper{
	display:flex;
	margin-top:2em;
}

#roundcell .productTile {
	width: calc(50% - 0.5rem);
	/* min-height: 590px; */
	margin-bottom: 10px;
	display: block;
}
#roundcell .productTile + .productTile{
	margin-left: 1rem;
}

#roundcell .groupTile.offerTile {
    display:flex;
}
#roundcell .groupTile.offerTile > div{
	width: calc(50% - .5rem);
	
}
#roundcell .groupTile.offerTile > div + div{
	margin-left: 1rem;
}

#roundcell .pricePerPartBubble {
    min-height: 80px;
    width: 80px;
    position: relative;
    z-index: 2;
    top: -200px;
    right: -130px;
    background: url('/i/svg/green-circle-with-shadow.svg') no-repeat;
    text-align: center;
    padding-top: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 8pt;
    line-height: 9pt
}

#roundcell .pricePerPartBubble {
    display: none
}

#roundcell .messagepop {
    background-color: #fff;
    border: 1px solid #777;
    cursor: default;
    display: none;
    margin-top: -225px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    text-align: left;
    width: 275px;
    z-index: 1000;
    left: 0;
    right: 0;
    background-color: #000;
    color: #fff !important;
    box-shadow: 8px 8px 9px 0 rgba(170, 170, 170, 1)
}

#roundcell label {
    display: block;
    margin-bottom: 3px;
    padding-left: 15px;
    text-indent: -15px
}

#roundcell .popup-education-content {
    padding: 25px 25px 20px;
    position: relative
}

#roundcell .messagepop.pop a.popup-close {
    text-decoration: none;
    text-align: center;
    position: absolute;
    top: -7px;
    right: -7px;
    padding: 4px;
    border-radius: 50%;
    background-color: #1c1c1c;
    z-index: 100000
}

#roundcell .messagepop.pop a.popup-close:hover {
    text-decoration: none
}

#roundcell .messagepop.pop a.popup-close span {
    display: flex;
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid white;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}

#roundcell .popup-education-content h1.popup-title {
    margin: 0 0 .5em 0;
    padding: 0;
    color: white
}

#roundcell .popup-education-content ul {
    list-style-type: disc;
    margin-left: 2em
}

#roundcell .popup-education-content ul li {
    font-size: 14px
}

#roundcell .popup-education-content ul li span {
    font-size: 13px
}

#roundcell .popup-education-content .popup-video-label {
    margin: 1em 0 .5em
}

.battery-nav {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 2px;
    vertical-align: bottom
}

#roundcell #batteryNav {
    display: block;
    height: 90px;
}

.batteryNav-recharge {
    margin-top: 10px
}


#batline {
    margin-top: 4px
}

.batline {
    display: inline-block;
    margin-right: 2px;
    height: 5px;
    background-color: transparent
}

#aaa-batline,
#aaa-batline-recharge {
    width: 13px
}

#aa-batline,
#aa-batline-recharge {
    width: 18px
}

#c-batline,
#c-batline-recharge {
    width: 31px
}

#d-batline,
#d-batline-recharge {
    width: 34px
}

#v-batline,
#v-batline-recharge {
    width: 28px
}

#coincell-batline {
    width: 33px
}

#speciality-batline {
    width: 26px
}

#batline .active {
    background-color: #7cba27
}

#batteryNav #aaa-nav,
#batteryNav #aaa-nav-recharge {
    height: 61px;
    width: 13px;
    background: url('/i/icons/batts/package_type/AAA-outline.png') no-repeat
}

#batteryNav #aa-nav,
#batteryNav #aa-nav-recharge {
    height: 66px;
    width: 18px;
    background: url('/i/icons/batts/package_type/AA-outline.png') no-repeat
}

#batteryNav #c-nav,
#batteryNav #c-nav-recharge {
    height: 68px;
    width: 31px;
    background: url('/i/icons/batts/package_type/C-outline.png') no-repeat
}

#batteryNav #d-nav,
#batteryNav #d-nav-recharge {
    height: 71px;
    width: 34px;
    background: url('/i/icons/batts/package_type/D-outline.png') no-repeat
}

#batteryNav #v-nav,
#batteryNav #v-nav-recharge {
    height: 63px;
    width: 28px;
    background: url('/i/icons/batts/package_type/9V-outline.png') no-repeat;
    margin-right: 0
}

#batteryNav #coin-nav {
    height: 33px;
    width: 33px;
    background: url('/i/icons/batts/package_type/coincell-outline.png') no-repeat
}

#batteryNav #speciality-nav {
    height: 56px;
    width: 26px;
    background: url('/i/icons/batts/package_type/Specialty-outline.png') no-repeat
}

#batteryNav #aaa-nav.active,
#batteryNav #aaa-nav:hover {
    background: url('/i/icons/batts/package_type/AAA-colour.png') no-repeat
}

#batteryNav #aa-nav.active,
#batteryNav #aa-nav:hover {
    background: url('/i/icons/batts/package_type/AA-colour.png') no-repeat
}

#batteryNav #c-nav.active,
#batteryNav #c-nav:hover {
    background: url('/i/icons/batts/package_type/C-colour.png') no-repeat
}

#batteryNav #d-nav.active,
#batteryNav #d-nav:hover {
    background: url('/i/icons/batts/package_type/D-colour.png') no-repeat
}

#batteryNav #v-nav.active,
#batteryNav #v-nav:hover {
    background: url('/i/icons/batts/package_type/9V-colour.png') no-repeat
}

#batteryNav #coin-nav:hover {
    background: url('/i/icons/batts/package_type/coincell-colour.png') no-repeat
}

#batteryNav #speciality-nav:hover {
    background: url('/i/icons/batts/package_type/Specialty-colour.png') no-repeat
}

#batteryNav #aaa-nav-recharge.active,
#batteryNav #aaa-nav-recharge:hover {
    background: url('/i/icons/batts/package_type/AAA-colour-recharge.png') no-repeat
}

#batteryNav #aa-nav-recharge.active,
#batteryNav #aa-nav-recharge:hover {
    background: url('/i/icons/batts/package_type/AA-colour-recharge.png') no-repeat
}

#batteryNav #c-nav-recharge.active,
#batteryNav #c-nav-recharge:hover {
    background: url('/i/icons/batts/package_type/C-colour-recharge.png') no-repeat
}

#batteryNav #d-nav-recharge.active,
#batteryNav #d-nav-recharge:hover {
    background: url('/i/icons/batts/package_type/D-colour-recharge.png') no-repeat
}

#batteryNav #v-nav-recharge.active,
#batteryNav #v-nav-recharge:hover {
    background: url('/i/icons/batts/package_type/9V-colour-recharge.png') no-repeat
}



#roundcell .headerLeft {
    float: left;
    display: block;
    width: 70%
}

#roundcell .headerLeft h1 {
    font-size: 23px;
    line-height: 28px;
    font-weight: bold;
    width: 340px;
    padding: 4px 5px 6px 5px;
    margin-top: 12px;
}

#delivery-and-social {
    float: left;
    margin-left: 5%;
    display: block;
    width: 25%;
    position: absolute;
    top: 171px;
    right: -58px
}

#roundcell .share-box {
    text-align: left !important;
    margin-left: 37px
}

#roundcell .rec {
    text-align: center;
    background-color: #fff !important;
    color: #000;
    vertical-align: middle
}

#roundcell h3 {
    font-size: 15pt;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px
}

.border-top--1--grey {
    border-top: 1px solid #ddd
}

.pluspower {
    color: #f57921
}

.ultrapower {
    color: #0154a2
}

#Roundcell .sortTableQty,
.sortTablePerPack,
.sortTablePerBat {
    cursor: pointer
}

.list-ctns {
    margin: 4px 0 8px 0
}

.list-ctn {
    float: left;
    padding: 5px 5px 8px 5px;
    border-radius: 2px;
    width: 400px;
}

.device-ctn,
#device-list {
    position: relative
}

.device-ctn {
    margin-left: 3px;
    margin-right: 16px;
    background: #666;
    border: 1px solid #666
}

.oempno-ctn {
    background: #a0a0a0;
    border: 1px solid #a0a0a0
}

.list-ctn h4 {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px
}

.list-inner-ctn {
    background: #fff
}

div.fAbout p {
    font-size: 10pt
}

#memcard {
    position: relative;
    font-size: 10pt;
    line-height: 1.5em
}
#memcard * {
    box-sizing: border-box;
}

.filter {
    margin: 0;
    padding: 5px 14px 3px 3px;
    position: relative;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    color: #333;
    line-height: 26px;
    text-align: right
}

.filter input {
    width: 160px !important;
    padding: 6px 3px 4px;
    vertical-align: top;
    color: #333;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    width: 100%;
}

.filter a.clear {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    right: 16px;
    margin: 5px 0 0 -14px;
    padding: 0;
    background: url(/i/icons/tick_cross.png) 0 2px no-repeat
}

.filter a.cross {
    background-position: -32px 2px
}

.select-list-hidden {
    display: none
}

.select-list {
    border: 0;
    margin: 0;
    line-height: 14px;
    height: 435px;
    overflow-y: scroll
}

.select-list option {
    background: #fff;
    margin: 0;
    padding: 1px 0;
    font-size: 12px;
    color: #424542;
    line-height: 14px
}

.select-list span {
    background: #fff;
    margin: 0;
    padding: 4px 5px;
    font-size: 12px;
    color: #424542;
    display: block;
    cursor: default
}

.select-list span.zebra {
    background: #efebef
}

.select-list span.selected {
    color: white !important;
    background-color: #1e90ff !important
}

.select-list option:nth-child(even) {
    background: #efebef
}

.loading {
    position: absolute;
    background: rgba(51, 51, 51, .1);
    display: block;
    width: 100%;
    height: 100%;
    text-align: center
}

table.helpText td {
    width: 100%;
    vertical-align: top
}

table.helpText td.button {
    width: 160px;
    padding-right: 7px;
    vertical-align: bottom
}

p.button {
    clear: both;
    padding: 0 7px 0 0
}

ul.seo-link {
    clear: both;
    margin: 20px 10px 20px 10px;
    border-top: 1px solid #e1e1e1
}

ul.seo-link li {
    margin: 4px 5px 0 5px;
    color: #c98959;
    font-family: tahoma, verdana, arial, sans-serif;
    line-height: 18px;
    list-style: disc inside none
}

ul.seo-link li a {
    font-size: 10pt;
    color: #555
}

ul.seo-link li a:hover {
    color: #c98959
}

.hide {
    display: none
}

#load {
    text-align: center
}

#load img {
    margin: 60px auto
}

#clearAddress {
    display: none
}

.select-list:focus option:checked {
    background: #9ebf3c linear-gradient(0, #9ebf3c 0, #9ebf3c 100%);
    background: #9ebf3c -webkit-linear-gradient(0, #9ebf3c 0, #9ebf3c 100%);
    background: #9ebf3c -moz-linear-gradient(0, #9ebf3c 0, #9ebf3c 100%);
    color: #fff
}

ul.listing-product h4 {
    text-decoration: none;
    margin: 12px 0 4px -1px;
    padding: 0;
    color: #333
}

.login-block {
    position: relative;
    border: 1px solid #cecfce;
    border-radius: 2px
}

.expressCheckout {
    position: relative;
    border: 1px solid #cecfce;
    border-radius: 2px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 10px
}

p.secure {
    font-size: 9pt;
    line-height: 1.5em;
    margin-bottom: 2.5em
}

form[name="CHOOSE_DELIVERY_OPTIONS"] {
    position: relative;
    border: 1px solid #cecfce;
    border-radius: 2px;
    padding: 5px
}

form[name="CHOOSE_DELIVERY_OPTIONS"] h2,
form[name="EDIT_INVOICE_ADDRESS"] h2 {
    margin: 0 !important;
    padding-left: 0 !important;
    font-size: 10t
}

form[name="CHOOSE_DELIVERY_OPTIONS"] td {
    padding: 5px;
    font-size: 10pt
}

form[name="EXISTING_CUSTOMER_LOGIN"] label {
    margin-bottom: 10px;
    display: block;
    font-size: 10pt;
    font-weight: 600
}

form[name="CHOOSE_DELIVERY_OPTIONS"] tr:first-child th,
form[name="CHOOSE_DELIVERY_OPTIONS"] tr:first-child td
{
    vertical-align: bottom;
}

.add-delivery-address-page{
    width:100%!important; 
    display:flex;
}

.add-delivery-address-page h1{
    margin: 0 0 .5em;
}

#addAddressForm{
    width: 65%;
    margin-left: auto;
    margin-right: 1px;
    
}
#addAddressForm form{
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    padding: 1em;
}
#addAddressForm table{
    width: 100%!important;
}
#addAddressForm table tr td:last-child{
    width: 145px;
}


form[name="EDIT_INVOICE_ADDRESS"]{
    position: relative;
    border: 1px solid #cecfce;
    border-radius: 2px;
    padding: 5px;
    margin-bottom: 30px
}

form[name="EDIT_INVOICE_ADDRESS"] table,
form[name="ADD_DELIVERY_ADDRESS"] table {
    margin: 0 !important
}

form[name="EDIT_INVOICE_ADDRESS"] h1,
form[name="ADD_DELIVERY_ADDRESS"] h1 {
    margin: 0;
    margin-left: 10px
}



div.delivery-address-blobs {
    width: 30%;
    margin-bottom: 30px;
    margin-left: 1px;
}

div.delivery-address-blobs a {
    background: none !important;
    padding-left: 0 !important
}

.border {
    border: 1px solid #cecfce
}

div.checkout-complete,
div.invalid-order {
    border: 1px solid #cecfce;
    margin-bottom: 30px;
    border-radius: 2px;
    padding: 1em !important;
    margin-bottom: 3em
}

div.invalid-order h2 {
    padding: 0 !important;
    margin: 0 !important;
    color: #c98959 !important
}

div.invalid-order div.btn {
    margin-bottom: 10px !important;
    height: 30px
}

div.password-create table {
    border: none !important
}

#main p {
    font-size: 10pt
}

#main p.pno {
    font-size: 10pt
}

div.place-order-btn,
div.enquire-sent .btn,
#logoout div.btn {
    float: right
}

div.place-order-btn:after {
    content: ' ';
    clear: both;
    height: 30px;
    width: 850px;
    display: block
}

.enquiry-form>h1 {
    margin-top: 0 !important
}

.enquiry-form {
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 30px
}

.enquiry-form,
.enquire-sent,
#logout,
#rma-section,
#orders {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 30px
}

.block-border {
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 30px;
    border:1px solid #ccc;
    background: white
}

#rma-section {
    margin-bottom: 20px !important
}

h1.logout-top {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0
}

#login {
    border: 1px solid #cecfce;
    border-radius: 2px;
    margin-bottom: 30px;
    margin-top: 30px
}

#logout {
    margin-top: 10px
}

.enquire-sent,
#logout {
    padding-bottom: 50px
}

.enquiry-form td.steps {
    display: table-cell;
    font-size: 14pt;
    font-weight: 700;
    margin-top: 4px;
    color: #9dbd3c
}

#size-values {
    font-size: 9pt
}

#mainInvoiceDetails {
    font-size: 10pt !important
}

#mainInvoiceDetails .m-OrderList {
    width: 900px;
    border: 1px solid #bbb;
    color: #333
}

#mainInvoiceDetails .m-OrderList>tbody>tr>th:last-child,
.m-OrderList>tbody>tr>td:last-child {
    border-right: 1px solid #bbb !important
}

.m-account-action div {
    margin-bottom: 2px !important;
    padding-top: 6px
}

#main {
    color: #575757
}

ul.sExample {
    margin: 3px 0 0 0;
    list-style: disc inside none
}

ul.sExample li {
    font-size:11pt;
    margin: 2px 0
}

#search-form {
    margin: 5px 0 0 15px;
    padding: 0;
    font: 12px/18px verdana, arial;
    color: #000
}

#search-box {
    width: 280px;
    height: 28px;
    line-height: 28px;
    padding: 1px 5px;
    float: left;
    border: 2px solid #db8e36;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2)
}

#search-box:focus {
    background-position: 0 -34px
}

.search-button {
    margin: 4px 0 0 -32px;
    padding: 0;
    height: 30px;
    width: 30px;
    float: left;
    border: 0;
    background: url('/skin002/i/theme/wrapper.png') -593px -231px no-repeat;
    cursor: pointer
}

table.search-summary {
    width: 100%;
    background: url(/i/theme/products_list.gif) 0 -17px repeat-x;
    border-top: 1px dashed #b9b9b9
}

table.search-summary th,
table.search-summary td {
    padding: 0 10px;
    font-weight: normal;
    text-align: left;
    line-height: 18px;
    color: #444
}

table.search-summary th {
    width: 100px;
    color: #666
}

table.search-result {
    margin: 1em;
    width: 540px
}

table.search-result th,
table.search-result td {
    padding: 0 10px 0 0;
    text-align: left;
    line-height: 16px
}

table.search-result th {
    padding: 8px 0 0 0;
    font-weight: bold;
    color: #666
}

table.search-result td.res-title {
    padding-top: 10px
}

table.search-result td.res-title a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    float: left;
}

table.search-result td.res-title a:hover {
    text-decoration: none
}

table.search-result td.res-title a i {
    color: #000;
    font-style: normal;
    font-weight: normal
}

table.search-result td.res-title a em {
    color: #c98959;
    font-style: normal;
    font-weight: 600;
}

table.search-result td.rel {
    font-size: 11px;
    padding-bottom: 4px;
    color: #989898
}

ul.relevance {
    width: 110px;
    padding: 1px 0 1px 1px;
    margin: 4px 0 0 1px;
    float: right;
    overflow: hidden;
    list-style: none;
    list-style-position: inside
}

ul.relevance li {
    float: left;
    width: 8px;
    height: 6px;
    margin-right: 1px;
    border: 1px solid #666;
    background: #666
}

p.relevance {
    font-size: 11px;
    float: right
}

#main p.warning {
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px auto 5px auto;
    line-height: 18px
}

div.search-help {
    padding: 10px 10px 50px 10px;
    margin-top: 20px;
    border-top: 1px dashed #b9b9b9
}

div.search-help h2 {
    line-height: 30px;
    font-size: 20px
}

#payment-redirect {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    border: 1px solid #cecfce;
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 30px;
    margin-top: 20px;
    position: relative
}

#payment-redirect .padlock {
    position: absolute;
    top: -25px;
    right: 30px
}

#payment-redirect .tdsecImg {
    float: right;
    margin-top: 20px
}

.trxCell {
    padding: 5px 5px !important;
    line-height: 1.5em !important
}

.m-orderHelpInfo .m-btmContent {
    padding: 10px
}

.m-orderHelpInfo .m-btmHead {
    padding: 10px 10px 0 10px
}

.m-statusInfo .m-btmContent {
    padding: 10px
}

.m-statusInfo .m-btmHead {
    padding: 10px 10px 0 10px
}

.m-btmContent,
.m-odrLines {
    line-height: 1.5em !important
}

.m-btmContent table td {
    padding-bottom: 5px
}

.m-btmContent table tr td:last-child {
    padding-left: 5px
}

.m-trxType {
    width: 100%
}

form[name="frm"] {
    line-height: 2em !important
}

ul.loader {
    padding: 0;
    display: inline-flex
}

ul.loader li {
    list-style: none;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    animation: animate 1.6s ease-in-out infinite
}

@keyframes animate {
    0%,
    40%,
    100% {
        transform: scale(0.2);
    }
    20% {
        transform: scale(1);
    }
}
ul.loader li:nth-child(1) {
    animation-delay: -0.4s;
    background: #232323
}

ul.loader li:nth-child(2) {
    animation-delay: -0.3s;
    background: #232323
}

ul.loader li:nth-child(3) {
    animation-delay: -0.2s;
    background: #232323
}

ul.loader li:nth-child(4) {
    animation-delay: -0.1s;
    background: #232323
}

.manufacturersListing>div {
    text-align: left;
    background-color: white;
    padding-left: 10px
}

.search-filter-wrapper {
    padding: 11.5px 11.5px 8px;
    height: 32px
}

.manufacturersListing {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}

.manufacturersListing>div:nth-of-type(odd) {
    background-color: #efebef
}

.checkout-options-flex {
    display: flex;
    display: -webkit-flex;    
    padding: 0 10px 0 25px
}

.checkout-options-flex .checkout-options-flex_img img {
    width: 160px
}

.checkout-options-flex>div {
    width: 50%
}

body.confirm #main a.place-order-paypal span.play {
    display: block;
    width: 15px;
    height: 27px;
    line-height: 27px;
    float: right;
    background: #fff url(/skin002/i/theme/green-triangle.png) 0 5px no-repeat;
    background-size: 14px;
    margin-left: 5px
}

a.place-order-paypal {
    display: block;
    height: 27px;
    line-height: 24px;
    color: #009a00 !important;
    font-weight: bold;
    text-align: right;
    margin-right: 9px;
    float: right;
    padding: 5px 0
}

a.place-order-paypal span.place-order-paypal_text {
    color: grey
}

.checkout-options-flex>.checkout-options-flex_img {
    width: 30%
}

.checkout-options-flex>.checkout-options-flex_links {
    width: 70%
}

.info-msg-paypal {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    margin-right: 10px;
    width: 355px;
    padding: 5px;
    font-size: 12px
}

body.confirm #main table.order {
    margin-left: 0 !important;
    padding-left: 0 !important
}

table.block-address {
    border: none !important;
    width: 45% !important;
    display: inline-table;
    margin-left: 0 !important
}

.order-summary-flex {
    display: flex
}

.review-order--create-password {
    padding: 0 20px
}

table.order-summary-total {
    width: 45% !important;
    margin-left: 20px !important;
    border: none !important
}

table.order-summary-checkout {
    width: 63% !important;
    border: none !important;
    margin-left: 0 !important
}

table.order-summary-total td {
    line-height: 20px
}

.review-order-subheading {
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 26px !important;
    text-indent: 10px !important;
    color: #4a494a !important
}

h4.review-order-subheading {
    padding-left: 0;
    text-align: left
}

.btn.btn-action-green {
    color: white !important;
    font-weight: bold;
    padding: 5px 15px;
    padding-right: 40px;
    display: block;
    margin: 5px 0;
    background: #9ebf3c !important;
    width: max-content;
    position: relative;
    border-radius: 2px;
    border: 1px solid #ddd;
    cursor: pointer
}

.btn.btn-action-green::after {
    content: '';
    background: url(/skin002/i/theme/cart-buy.png) no-repeat;
    z-index: 10000;
    position: absolute;
    height: 27px;
    width: 27px;
    top: 2px;
    right: 7px
}

.review-order table td,
.review-order table th {
    font-size: 13px !important
}

.order-summary-checkboxes,
.order-summary-radio {
    width: 18px;
    height: 18px
}

.verticale-align--midle {
    vertical-align: middle
}

.order-summary--terms {
    line-height: 16px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 5px
}

.place-order-paypal_method {
    font-weight: bold
}

.review-order--create-password_label {
    width: 40% !important
}

.place-order-paypal_text {
    margin-left: 5px
}

.privacy-with-img {
    position: relative;
    margin-left: 80px;
    margin-bottom: 4em
}

.privacy-with-img img {
    position: absolute;
    top: -9px;
    left: -75px
}

.pane-categories {
    display: flex;
    display: -webkit-flex;    
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative
}

.pane-categories .category-wrapper:first-child {
    border-right: 1px dashed #ddd
}

.pane-categories .category-wrapper {
    flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    -webkit-flex: 1;
    float: left;
    padding: 10px;
    vertical-align: middle
}

.pane-categories .category-wrapper .title a,
.pane-categories .category-wrapper .title {
    color: #333;
    text-align: center
}

.pane-categories .category-wrapper .image-wrapper {
    text-align: center;
    height: 210px;
    margin-bottom: 10px
}

.pane-categories .category-wrapper .image-wrapper a {
    display: block
}

.pane-categories .category-wrapper .button-wrapper {
    padding-right: 17px
}

.pane-categories .category-wrapper .list-ctn {
    width: 230px;
    float: none;
    margin: auto;
    background: #f7ba18;
    border: 1px solid #efaa00
}

.pane-categories .category-wrapper .select-list {
    height: 155px;
    width: 230px
}

a.button.small {
    width: max-content;
    height: max-content
}

a.button.small span {
    margin: 0;
    display: block;
    width: max-content;
    padding: 5px 15px;
    height: max-content;
    font-size: 11px;
    text-transform: uppercase
}

.screen-search-methods-circle {
    position: absolute;
    left: calc(50% - 23px);
    top: 39%;
    border-radius: 50%;
    background: #9ebf3c;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 10px
}

.portal-block {
    display: none
}

.greenBtn {
    color: #009a00;
    font-weight: bold;
    display: inline-block;
    background: url(/i/theme/form_lib.png) no-repeat scroll -532px -139px transparent;
    padding-right: 30px;
    background-position-x: right;
    padding: 5px 30px 5px 0;
    cursor: pointer
}

.greenBtn.margin-left {
    margin-left: 10px
}

.switch {
    position: relative;
    display: inline-block;
    width: 27px;
    height: 10px;
    padding-top:5px;
}

.switch input {
    display: none
}

.slider-toggle {
    position: absolute;
    cursor: pointer;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(216, 63, 36, .4);
    -webkit-transition: .4s;
    transition: .2s
}

.switch span.hidden {
    display: none !important
}

.slider-toggle:after {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 0;
    bottom: -3px;
    -webkit-transition: .4s;
    transition: .2s;
    background-color: rgba(216, 63, 36, .8)
}

input:focus+.slider-toggle {
    box-shadow: 0 0 1px #21a815
}

input:checked+.slider-toggle {
    background-color: rgba(33, 168, 21, .4)
}

input:checked+.slider-toggle:after {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
    background-color: rgba(33, 168, 21, .8)
}

 input:checked + .slider-toggle.disabled {
    background-color: rgb(175 193 173 / 40%);
  }
  input:checked + .slider-toggle.disabled:after {
    background-color: rgb(193 198 192 / 60%);
  }


.switch-on {
    display: block;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: -5px
}

.switch-off {
    display: block;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: -5px
}

.switch .on,
.switch .off {
    display: block;
    text-align: center;
    position: relative;
    top: 13px;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.slider-toggle.round {
    border-radius: 34px
}

.slider-toggle.round:after {
    border-radius: 50%
}

.radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #868686
}

.radio-container:hover input ~ .checkmark {
    border: 2px solid rgba(33, 168, 21, .5)
}

.radio-container:hover input ~.checkmark:after {
    background: rgba(33, 168, 21, .5)
}

.radio-container input:checked ~ .checkmark {
    border: 2px solid rgba(33, 168, 21, .8)
}

.radio-container input:checked ~.checkmark:after {
    background: rgba(33, 168, 21, .8)
}

.checkmark:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #dadada
}


#submitReviewPolicy {
    display: flex;
    display: -webkit-flex;    
    margin-bottom: 3em;
    margin-top: .7em;
    width: 600px
}

#reviewName {
    margin-top: 1.5em
}

.checkbox-wrapper {
    margin-right: 5px
}

.checkbox-wrapper input {
    height: 18px;
    width: 18px
}

.productInfo {
    display: flex !important;
    text-align: left !important
}

.productInfo span {
    color: #333 !important;
    margin-bottom: 15px
}

.productInfo span.img-wrapper {
    margin-right: 50px
}


.companyReview-bottom-info {
    width: 60%;
    flex-grow: 1;
    padding-right: 25px
}

.companyReview-bottom-info a {
    color: #c98959
}

.red-border {
    border: 1px solid rgba(245, 0, 0, 0.5)
}

.reviewTermsConsent {
    display: block;
    margin-bottom: .5em
}

.pno-title span.pno {
    display: block;
    font-size: 10px;
    padding: 0 5px 0;
    line-height: 10px;
    color: #888
}

.tooltip {
    position: relative;
    display: inline-block!important;
    padding: 0 !important
}

.tooltip .tooltiptext {
    width: max-content;
    max-width: 300px;
    background-color: #b74e48;
    border: 1px solid #b74e48;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    transform: translate(-100%, -35px);
    left: -15px;
    padding: 1em;
    display: none;
    font-size: 13px
}

.tooltip .tooltiptext.right {
    transform: translate(100%, -35px) !important
}

.tooltip .tooltiptext.top {
    transform: translate(0, -100%);
    left: 0;
    top: -35px
}

.tooltip .tooltiptext span {
    display: none;
    font-size: 13px
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 9px;
    left: 100%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #b74e48
}

.tooltip .tooltiptext.right::after {
    left: -6%!important;
    border-color: transparent #b74e48 transparent transparent
}

.tooltip .tooltiptext.top::after {
    border-color: #b74e48 transparent transparent transparent;
    left: 10px;
    top: 100%
}

.warning-red {
    display: none;
    background: url(/i/theme/warning_red.png) no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 2%
}

.warning-red.right-0 {
    right: 3px !important
}

.tooltip .err-out.medium+.warning-red {
    right: 5%
}

.tooltip .err-out+.warning-red {
    display: inline-block
}

.tooltip .err-in+.warning-red+.tooltiptext {
    display: block
}

.tooltip .err-out {
    border: 1px solid #b74e48 !important
}

.tooltip .medium.err-out {
    border: 1px solid #b74e48 !important
}

.tooltip .err-focused {
    border: 1px solid #b74e48 !important;
    outline: 0
}

.tooltip .err-hint + .warning-red{
    background: url(/i/theme/warning_yellow.png) no-repeat;
    background-size: 20px 20px;
    display: inline-block;
}

.tooltip .err-hint.err-in + .warning-red,
.tooltip .err-hint.err-out + .warning-red{
    background: url(/i/theme/warning_red.png) no-repeat;    
    background-size: 20px 20px;
}

.tooltip .warning-red:hover + .tooltiptext {
    display: block
}

.tooltip .medium.err-focused {
    border: 1px solid #b74e48 !important
}

.block-container-large {
    width: 500px;
    height: 398px
}

.panel-margin-right {
    margin-right: 10px
}

.panel-margin-left {
    margin-left: 10px
}

.block-container-small {
    width: 336px;
    height: 188px;
    margin-bottom: 5px;
    display: flex;
    display: -webkit-flex;    
    flex-direction: column
}

.panel-container {
    position: relative;
    display: flex;
    display: -webkit-flex;    
    flex-wrap: wrap
}

.panel-container .block {
    padding-bottom: 10px;
    margin-bottom: 10px;
    /*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);*/
    background: white;
    border: 1px solid #e8e8e8;
}

.block .block-container-large>span {
    width: 360px;
    height: 200px;
    display: block;
    background-color: #ddd
}

.block .block-container-small>span {
    width: 360px;
    height: 100px;
    display: block;
    background-color: #ddd
}

.panel-block-content {
    display: flex;
    display: -webkit-flex;    
    margin-top: auto
}

.panel-block-content.flex-img-left {
    flex-direction: row
}

.panel-block-content.flex-img-right {
    flex-direction: row-reverse
}

.block-container-small .img-container img {
    position: relative;
    bottom: -10px
}

.block-container-large .img-container {
    width: 250px;
    position: relative;
    left: 55px;
}

.block-container-large .img-container img {
    width: 100%
}

.block-container-large .panel-block-device-list-container {
    margin-right: 17px
}

.panel-block-title-wrapper h4 {
    text-align: center;
    color: #333 !important;
    margin: 0;
    padding: 5px 5px 10px;
    font-weight: bold
}

.block-container-large ul.panel-block-device-list {
    padding-left: 10px
}

ul.panel-block-device-list li a {
    display: block;
    width: 135px;
    font-size: 13px;
    line-height: 20px
}

.block-container-small ul.panel-block-device-list li a {
    width: 120px
}

ul.panel-block-device-list li a.view-all span:last-child {
    margin-left: 5px
}

ul.panel-block-device-list li a span:last-child {
    float: right
}

.block-container-small .flex-img-right .panel-block-device-list-container {
    margin-left: 10px
}

.block-container-small .panel-block-device-list-container {
    display: flex;
    display: -webkit-flex;    
    align-items: flex-end;
    margin-bottom: 5px;
    width: 63%
}

.block-container-small .img-container {
    padding: 0 10px;
    position: relative;
    top: 18px;
    align-items: flex-end;
    width: 37%;
}

.li-border-top {
    margin-top: 10px
}

.promo-categories li {
    float: left;
    width: 274px;
    margin-bottom: 10px;
    height: 80px;
    border: 1px solid #e8e8e8;
    background: white;
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;    
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.promo-categories li:last-child {
    margin-right: 0;
}

.promo-categories li a {
    display: flex;
    display: -webkit-flex;    
    flex-direction: row;
    align-items: center;
}

.promo-categories li a:hover h5 {
    color: #ff7d00
}

.promo-categories li a img {
    margin: 6px;
    width: 60px;
}

.promo-categories li a h5 {
    font-size: 12px;
    font-weight: normal !important;
    margin: 0 5px
}

body.checkout #main,
body.confirm #main {
    padding: 10px 0;
    margin-bottom: 1em
}

ul.device-container li {
    width: 193px;
    height: 140px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    text-align: center;
    display: flex;
    display: -webkit-flex;    
    flex-direction: column;
    border: 1px solid #ddd
}

ul.device-container li a {
    padding: 5px 5px 2px;
    line-height: 15px;
    font-weight: 600;
    font-size: 13px
}

ul.device-container li .device-img {
    margin-top: auto;
    padding-bottom: 15px
}

.dd-btn {
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none !important;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .6em 1.8em;
    font-size: 1rem;
    background: #ddd;
    border-radius: .2rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.dd-btn.disabled {
    cursor: default !important;
    color: grey !important;
    background-color: #dcdcdc;
    border-color: #dcdcdc
}
.dd-btn:disabled{
    opacity: .7;
    cursor: default !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #94b434;
    border-color: #94b434;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #94b434;
    border-color: #94b434;
}

.btn-secondary {
    color: #fff !important;
    background-color: #c98959;
    border-color: #c98959
}

.btn-secondary:hover {
    background-color: #bc7f51;
    border-color: #bc7f51;
}

.btn-outline-primary {
    color: #9ebf3a !important;
    background-color: transparent;
    background-image: none;
    border-color: #9ebf3a
}
.btn-outline-primary:hover {
    border-color: #94b434;
}

.btn-outline-secondary {
    color: #c98959 !important;
    background-color: transparent;
    background-image: none;
    border-color: #c98959
}
.btn-outline-secondary {
    border-color: #bc7f51;
}

.btn-tile {
    font-weight: 700;
    font-size: 12px;
    padding: 0 .5rem
}

.btn-sm {
    padding: .4em .7em;
    font-size: .875rem;
}

.btn-input-select {
    margin: 4px 0;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    border: 1px solid #bdbdbd;
    position: relative;
    padding-right: 25px;
    cursor: pointer;
}
.btn-input-select-phc{
    width: 65px;
}

.btn-input-select::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #a4a4a4;
    position: absolute;
    right: 8px;
    top: calc(50% - 4px);
}

.link {
    text-transform: initial !important;
    font-weight: 400;
    font-size: 13px;
    color: #c98959 !important;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
}

.link-large{
    font-size: 11pt !important;
}

.btn-link {
    text-transform: initial !important;
    font-weight: 400;
    font-size: 13px;
    color: #c98959 !important;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0
}

.btn-link:hover {
    text-decoration: underline !important
}

.btn-link-disabled {
    color: gray!important;
    outline: none;
}
.btn-link-disabled:hover {
    cursor: default!important;
    text-decoration: none!important;
}

.btn-link-sm {
    font-size: 12px
}

.btn-link-lg {
    font-size: 11pt !important
}

.btn-padding-x {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.btn-rma {
    border: 1px solid #df9866;
    padding: 3px 6px;
    margin-left: 5px;
    cursor: pointer;
    text-align: center;
    color: white;
    border-radius: 6px;
    background-color: #df994a;
    box-shadow: 1px 1px 3px #c98959;
    opacity: .9
}

#footer {
    position: absolute;
    clear: both;
    width: 100%;
    left: 0;
    background: #252525;
}

.footer-top {
    height: 200px
}

h3.footer-title-top.no-left-border {
    border-left: none !important
}

.footer-title-top {
    color: white;
    padding-top: 2em;
    border-left: 1px solid #777;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: .5em;
    margin-top: 0;
    font-weight: 600
}

h2.footer-title-bottom {
    color: #c98959;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase
}

.footer-ul-list {
    list-style-type: disc;
    color: #c98959;
    margin-left: 1.6em;
    margin-top: 1em
}

.footer-ul-list li {
    padding-bottom: .3em
}

.footer-ul-list li a {
    font-size: 11px;
    color: white
}

span.bunny-large {
    display: block;
    position: absolute;
    width: 222px;
    z-index: 2;
    top: -119px;
    left: -12px
}

span.bunny-small {
    display: block;
    position: absolute;
    width: 130px;
    z-index: 2;
    top: -33px;
    left: 45px
}

span.bunny-large img,
span.bunny-small img {
    width: 100%;
    height: auto
}

.container{
    width:1100px;
    margin:auto;
    position:relative;
}
.container-fluid{
    width:100%;
    position:relative;
}
.text-white {
    color: white !important
}

.bg-dark {
    background-color: #252525 !important
}

.bg-lighter-dark {
    background-color: #2c2c2c !important
}

.bg-light-grey {
    background-color: #d6d8db !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.block {
    display: block
}

.relative {
    position: relative
}

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

.dd-ruler {
    display: block;
    width: 100%;
    height: 10px;
    background: -webkit-linear-gradient(90deg, #e6a772 0, #e6a772 40%, #8f5c3d 60%, #e6a772 100%);
    background: -o-linear-gradient(90deg, #e6a772 0, #e6a772 40%, #8f5c3d 60%, #e6a772 100%);
    background: -moz-linear-gradient(90deg, #e6a772 0, #e6a772 40%, #8f5c3d 60%, #e6a772 100%);
    background: linear-gradient(90deg, #e6a772 0, #e6a772 40%, #8f5c3d 60%, #e6a772 100%)
}

p.min-spend {
    padding: 1em;
    background-color: #f1de9d;
    border-radius: 3px;
    color: black
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.minicart-container {
    position: relative;
    display: inline-block;
    z-index: 10;
}

.minicart {
    background-color: #c98959;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    height: 47px;
    margin: auto;
    position: relative;
    width: 200px;
}

.minicart a {
    display: flex;
    display: -webkit-flex;    
    height: 32px
}

.minicart a:hover {
    text-decoration: none
}

.minicart a *,
.minicart a:hover * {
    color: white
}

.minicart a span.qty-wrapper {
    width: 30px;
    text-align: center;
    background: url(/skin002/i/theme/theme_sprite.png) no-repeat -143px 6px;
    background-size: auto 237px;
}
.minicart a span.minicart-qty {
    position: relative;
    display: inline-block;
    background-color: #333;
    font-size: 12px;
    padding: 2px 4px;
    border-radius: 50%;
    top: -4px;
    right: -5px
}

.minicart a span.text-wrapper {
    padding-left: 1em;
    min-width: 90px
}

.minicart a span.basket-text {
    font-size: 11px
}

.minicart a span.btn-minicart::after {
    content: '';
    display: block;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: relative;
    top: calc(50% - 7px)
}

.minicart .minicart-content {
    padding: 5px 10px;
    display: flex;
    display: -webkit-flex;    
    height: 37px;
    flex-direction: column;
    justify-content: flex-end
}

.minicart small.promo-applied {
    display: block;
    color: white;
    padding-top: 2px;
    bottom: -16px;
    position: absolute;
    font-size: 12px;
    opacity: 0;
    transition: opacity .4s ease-out
}

.minicart small.promo-applied.show {
    opacity: 1;
    transition: opacity .4s ease-in
}

.minicart a .loading-anim {
    color: #333 !important;
    font-size: 11px;
    font-weight: 600
}

small.loading-anim.error {
    position: absolute;
    bottom: 4px
}

.minicart::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 47px;
    top: 0;
    z-index: -1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 6px 20px 12px rgba(62, 226, 114, 0.6), 0 5px 20px 3px rgba(33, 152, 68, 0.8);
    opacity: 0;
    transition: opacity .4s ease-out
}

.minicart.glow::before {
    opacity: 1;
    transition: opacity .4s ease-in
}

.minicart-container.glow::after {
    opacity: 1;
    transition: opacity .4s ease-in
}

#minicart-fixed-position {
    position: fixed;
    top: -50px;
    width: 100%;
    left: 0;
    height: 50px;
    z-index: 999;
    opacity: 0;
    transition: all .4s ease-in
}

.minicart-inner-container {
    width: 1100px;
    margin: auto;
    height: 50px;
    position: relative;
}


#minicart-fixed-position .minicart small.promo-applied {
    color: #333
}

#minicart-fixed-position .minicart-container {
    position: absolute;
    top: 0;
    right: 25px;
}

#minicart-fixed-position.slide-down {
    top: 0;
    opacity: 1;
    transition: all .4s ease-in
}

.popup-container {
    width: 550px;
    height: auto;
    padding: 1em 2em;
    background-color: #fff;
    margin: auto;
    border-radius: 10px;
    border: 3px solid transparent
}

.popup-container.dark {
    background-color: #222;
    border: 3px solid white;
    position:relative;
}

.popup-container.dark * {
    color: white
}

.popup-container label {
    margin-bottom: .5em;
    display: block;
    margin-left: .5em;
    color: #616161 !important
}

.input {
    border: 0;
    margin: 0;
    padding: .8rem .75rem !important;
    font-size: 13px;
    color: #777;
    vertical-align: middle
}

.input-sm {
    padding: .45rem .75rem !important
}

.input-round {
    border-radius: 1.25rem !important
}

.input-dark {
    background-color: #333;
    border-color: #333 !important;
    color: white !important
}

#mailchimpResponse{
    color: #209716;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 550px;
    font-size: 20px;
    display: none;
}

#mc_embed_signup form {
    padding: 0 !important
}

#mc_embed_signup .dd-btn {
    border-radius: 1.25rem !important
}

#mc_embed_signup .text {
    font-size: 28px;
    line-height:1em;
}

.popup-container .cancel_btn {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: .2em;
    cursor: pointer;
    color: #c98959
}

#mce-responses {
    padding: 0 !important;
    float: none !important;
    display: block;
    width: 100% !important
}

#mce-responses>div {
    margin-top: 0 !important;
    margin-bottom: 1em !important;
    float: none !important;
    display: block;
    width: 100% !important;
    font-weight: 400 !important
}

#mce-responses>div a {
    color: #c98959 !important
}

.nav {
    width: 180px;
    margin-bottom: 2em
}

.nav .panel-h {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 1em
}

.nav ul>li>ul {
    display: none
}

.nav>ul>li {
    position: relative;
    padding-left: 35px;
    margin-bottom: .5em;
}
.nav> ul> li > span.arrow-r {
    position: absolute;
    left: 0;
    top: 0;
    height: 27px;
    width: 27px;
    display: block;
    background: url(/skin002/i/theme/theme_sprite.png) no-repeat -106px -0px;
    background-size: auto 278px;
}

.nav>ul>li:hover  > span.arrow-r,
.nav>ul>li.active  > span.arrow-r {
    background: url(/skin002/i/theme/theme_sprite.png) no-repeat -107px -35px;
    background-size: auto 278px;
} 
.nav>ul>li:hover,.nav>ul>li.active {
    background: #fbfbfb;
}
.nav>ul>li.no-icon-left {
    padding-left: 0 !important;
    background: transparent !important;
    margin-bottom: .3em;
    height: 30px;
    min-height: 13px
}

.nav>ul>li>a {
    cursor: pointer;
    min-height: 1.8em;
    display: flex;
    display: -webkit-flex;    
    align-items: center;
    flex-direction: row;
    overflow: hidden
}

.nav>ul>li>a span {
    color: #333;
    font-size: 13px;
    font-weight: 600
}

.nav>ul>li:hover>a {
    text-decoration: none
}

.nav>ul>li:hover>a span {
    color: black
}

.nav>ul>li:hover>a i {
    color: #555
}

.nav>ul>li>a i {
    color: #777;
    font-weight: 500;
    display: block
}

.nav>ul>li.show-panel>ul {
    display: block;
    background: #fff;
    position: absolute;
    left: 100%;
    width: 200px;
    top: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    padding:0.3em 0;
    background: #f7f7f7;
}

.nav>ul>li.show-panel>ul>li>a {
    display: block;
    padding: .6em .5em;
    font-size: 13px;
    font-weight: 600
}

.nav>ul>li.show-panel>ul>li:hover {
    background: #fbfbfb
}

.nav>ul>li.show-panel>ul>li:hover a {
    text-decoration: none
}

.nav>ul>li.show-panel>ul>li>a i {
    display: none;
    font-size: 13px;
    margin-top: .2em
}

ul.menu li>div.cat-img {
    width: 192px;
    height: 120px
}
ul.menu li .cat-img a img{
    width:70%;
}

.braun-icon{
    background: url(/skin002/i/theme/theme_sprite.png) no-repeat -556px -7px;
	width: 55px;
	height: 24px;
}
.oralB-icon{
    background: url(/skin002/i/theme/theme_sprite.png) no-repeat -555px -66px;
	width: 60px;
	height: 20px;
}

/*Pagination*/
.pagination-wrapper a {
    display: flex;
    display: -webkit-flex;    
    width: 1em;
    height: 1em;
    align-items: center;
    justify-content: center;
    padding: .5em;
    border: 1px solid #ccc;
}
.pagination-wrapper {
    margin-left: 10px;
    margin-bottom: .5em;
    margin-top: 1em;
}
.pagination-wrapper a.active {
    border-color: #c98959;
    color: #c98959;
}

/* ZOHO CHAT*/
#zsiqwidget .zsiq_flt_rel {
    background-color: rgb(201, 137, 89) !important;
}

.live-chat {
    position: fixed;
    top: 38vh;
    right: -30px;
    transform: rotate(-90deg);
    transform-origin: top right;
    transition: .2s ease;
}

.live-chat.inView{
    transition: .2s ease;
    right: 30px;
}

.live-chat.showArrow .arrow {
    display: block;
    position: absolute;
    top: -44px;
    right: -37px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #bfbfbf;
    cursor: pointer;
    background: transparent;
}
.live-chat.inView .arrow{
    display: none;
}

.live-chat *{
    color: white;
    background: #c98959;    
}
.live-chat a {
    position: relative;
    padding: .5em;
    padding-right: 60px;
    font-size: 18px;
    text-transform: uppercase;
}
.live-chat a:hover{
    color: rgba(255,255,255,0.5);  
    text-decoration: none;
}

.icon-chat {
    position: absolute;
    bottom: -8px;
    right: -25px;
    padding: 12px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.icon-chat img {
    width: 40px;
    height: auto;
}


.product-description.has-bg {
    padding: 2em;
}

.product-fragments-wrapper {
    margin-top: 2em;
}
.product-fragments-wrapper *{
    box-sizing: border-box;
}
.product-fragments-wrapper .fragment {
    position: relative;
    display: block;    
    margin-bottom: 3em;
}
.fragment-top img, .fragment-top video{
    width: 100%;
    height: auto;
}
.fragment-top, .fragment-bottom{
    position: relative;
}
.fragment-top{
    padding: 0;
    z-index: 2;
    border-radius: 4px;
    overflow: hidden;
}
.fragment-top.padding{
    padding: 25px 0;
}
.fragment-bottom {
    display: flex;
    display: -webkit-flex;    
    padding: 2em 2em 2em 12em;
    position: relative;
    top: -6px;
    background: #f8f7ef;
    z-index: 1;
}

.product-fragments-wrapper .fragment:last-child .fragment-top .right-dot{
    display: none;
}

.product-fragments-wrapper .fragment .content > *{
    margin-bottom: .5rem;
}
.product-fragments-wrapper .fragment .content p{
    line-height: 20px;
}
.product-fragments-wrapper .fragment .content h3{
    font-size: 20px;
    color: #c98959;
}
.product-fragments-wrapper .fragment .content strong,
.product-fragments-wrapper .fragment .content b{
    font-weight: 600!important;
}

.product-fragments-wrapper .fragment .content ul li{
    font-size: 10pt!important;
    list-style-type: initial!important;
    padding: 0!important;
    padding-bottom: 5px!important;
    margin-left: 2px;
    font-weight: normal!important;
    line-height: 20px;
}
.product-fragments-wrapper .fragment .content ul li strong,
.product-fragments-wrapper .fragment .content ul li b{
    font-weight: 600!important;
}
.fragment-bottom .icon {
    position: absolute;
    left: 0;
    top: calc(50% - 28px);
    padding: 0 3.5em;
}

.fragment-bottom .icon img{
    width: 56px;
    height: auto;
}

.product-fragments-wrapper .fragment:first-child .fragment-top .border-top::before {
    content: '';
    width: 5px;
    height: 5px;
    border: 2px solid #c98959;
    position: absolute;
    left: -2px;
    top: -3px;
    border-radius: 50%;
    background: #c98959;
    box-shadow: 0 0 0 6px white, 0 0 0 8px #c98959;
}
.product-fragments-wrapper .fragment:last-child .fragment-top .border-right {
    height: 50%!important
}

.product-fragments-wrapper .fragment:last-child .fragment-top .border-right::before {
    content: '';
    width: 5px;
    height: 5px;
    border: 2px solid #c98959;
    position: absolute;
    left: -2px;
    bottom: -3px;
    border-radius: 50%;
    background: #c98959;
    box-shadow: 0 0 0 6px white, 0 0 0 8px #c98959;
}

.fragment .border-top {
    background: url(/i/theme/line.png) no-repeat;
    background-size: 100% 5px;
    display: block;
    height: 3px;
    width: calc(100% - 6em);
    position: absolute;
    top: 0;
    right: 1em;
  }

  .fragment .border-right {
    background: url(/i/theme/line.png) no-repeat;
    background-size: 5px 100%;
    display: block;
    height: calc(100% - 2em);
    width: 3px;
    position: absolute;
    top: 1em;
    right: 0;
  }

  .fragment .border-left {
    background: url(/i/theme/line.png) no-repeat;
    background-size: 5px 100%;
    display: block;
    height: calc(100% - 2em);
    width: 3px;
    position: absolute;
    top: 1em;
    left: 4em;
  }
  .fragment .corder-top-right {
    background: url(/i/theme/corner.png) no-repeat;
    background-size: 15px;
    display: block;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(90deg);
  }
  .fragment .corder-bottom-right {
    background: url(/i/theme/corner.png) no-repeat;
    background-size: 15px;
    display: block;
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
  }

  .fragment .corder-top-left {
    background: url(/i/theme/corner.png) no-repeat;
    background-size: 15px;
    display: block;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 0;
    left: 4em;
  }
  .fragment .corder-bottom-left {
    background: url(/i/theme/corner.png) no-repeat;
    background-size: 15px;
    display: block;
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: 0;
    left: 4em;
    transform: rotate(-90deg);
  }
  .fragment .right-dot{
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 0;
    border-radius: 50%;
    background: #c98959;
    right: -4px;
    top: calc(50% + 0px);
    box-shadow: 0 0 0 6px white, 0 0 0 8px #c98959;
  }
  .fragment .right-dot::after {
    content: '';
    width: 10px;
    height: 3px;
    background: #c98959;
    position: absolute;
    right: 16px;
    top: 3px;
}

/* Live search*/
/* Search popup results*/
#searchFormTop {
    display: inline-block;
}

.search-wrapper{
    display: inline-block;
}

#dropdown-search-container .hide {
  display: none;
}
#dropdown-search-container.open {
  display: block;
}

#dropdown-search-container {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 99999;
  left: 0;
  top: calc(100% - 1.7em);
  padding-top: 1.7em;
}
.dropdown-search-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;    
  width: 100%;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: auto;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
}
.dropdown-search-wrapper .close {
  position: absolute;
  right: .7em;
  top: .7em;
  font-size: 16px;
  color: #c98959;
}
.dropdown-search-wrapper .close:hover {
  color: #df851a;
  cursor: pointer;
}

.dropdown-search-aside {
  width: 21%;
  padding: 1em 0;
}
.dropdown-search-aside .wrapper {
  padding: 0.5em;
}
.dropdown-search-aside .wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;  
  flex-direction: column;
}
.dropdown-search-aside .dropdown-search-block > * {
  padding: 0 0.5em;
}

.dropdown-search-aside .wrapper.border-r {
  border-right: 1px solid rgba(20, 63, 106, 0.050980392156862744);
}

.dropdown-search-main {
  width: 79%;
  min-height: 213px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 1.5em 2em;
}
.dropdown-search-block {
  margin-bottom: 1em;
}

.dropdown-search-block-heading {
  font-size: 14px;
  margin-bottom: 0.5em;
  display: block;
  position: relative;
}
#search-result-heading-block {
  display: inline-block;
}

.dropdown-search-block-heading.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

#search-result-heading {
  color: #333;
  display: inline-block;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-right: 40px;
}
#loading-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.3;
}
#loading-icon {
  width: 30px;
  position: absolute;
  right: 0;
  top: -5px;
}

#dropdown-search-container .has-bg {
    background-color: rgba(248, 247, 239, 0.6);
}
.search-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding-bottom: 0.5em;
  border: 1px solid transparent;
}
.search-filters .filter-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: 0.25em 0;
  font-size: 14px;
}
.search-filters .filter-item .switch {
  margin-right: 1em;
}
.search-filters.warning {
  border: 1px solid rgba(255, 0, 0, 0.45098039215686275);
}

.filter-item input {
  margin-right: 1em;
}
.recent-searches {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.recent-searches li .search-term {
  color: #c98959;
  padding: 0.2em 0;
  font-size: 14px;
}
.view-more {
  display: inline-block;
  margin-top: 0.5em;
  color: #df851a;
}

#clear-recent-searches {
  color: #df851a;
  font-size: 12px;
}

#searchSeeMore {
  color: #c98959;
  display: block !important;
  font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
#searchSeeMore:hover {
  text-decoration: underline;
  cursor: pointer;
}

.view-more:hover,
#clear-recent-searches:hover {
  text-decoration: underline;
  cursor: pointer;
}

.recent-searches li .search-term:hover {
  text-decoration: underline;
  cursor: pointer;
}

.text-info {
  font-size: 14px;
}

.text-info .bold {
  font-weight: bold;
  color: #c98959;
}

#how-to-search-block {
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
  margin-top: auto;
}

#how-to-search-block ul {
  display: list-item;
  list-style: disc !important;
  margin-left: 1.5em;
}
#how-to-search-block ul li {
  display: list-item;
}

#search-result-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
#search-result-list li.result-list-item {
  padding: 0.5em 0;
  transition: opacity 0.2s;
}
.dropdown-search-main .item-fade {
  opacity: 0.5 !important;
  transition: opacity 0.2s !important;
}


#search-result-list li.result-list-item a {
  font-weight: 600;
}
#search-result-list li.result-list-item a:hover {
  text-decoration: none;
}

#search-result-list li.result-list-item .flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
}
#search-result-list li.result-list-item .flex-row .search-result-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
#search-result-list li.result-list-item .flex-row .match-man-text {
  font-size: 12px;
  color: #858585;
  font-weight: 600;
}

#search-result-list li.result-list-item .flex-row em {
font-weight: 600;
color: #c98959;
font-style: normal;
}
#search-result-list li.result-list-item .flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#search-result-list li.result-list-item .flex-column a {
  margin-right: 1em;
  color: #0158b4;
  font-weight: 500;
  font-size: 14px;
}

.bottom-action {
  margin-top: 1em;
}

.bottom-action .button {
  display: inline-block;
  float: none;
  transition: opacity 0.2s;
}

span.search-oem-icon {
  display: inline-block;
  height: 4em;
  width: 4em;
  margin-right: 1em;
  background-image: url(/i/icon/nophoto.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}

.home-xmas-message{
    padding: .5em;
    background-color: #f1de9d;
    border-radius: 3px;
    color: black;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    margin-bottom: .5em;
}

.payment-logos .title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    color: #888;
}

.payment-logos-wrapper {
    border: 1px solid #ced1da;
    padding: 15px;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment-logos-wrapper .images {
    margin-bottom: 10px;
}

.payment-logos-wrapper .images img {
    height: 30px;
    margin-right: 10px;
}

.payment-logos-wrapper .images img:last-child{
    margin-right: 0;
}

.payment-logos-wrapper .text {
    font-size: 13px;
    color: #888;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group{
    box-sizing: border-box;
}
.input-group-prepend{
    margin-right: -1px;
}
.input-group-append{
    margin-left: -1px;
}
.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.input-group > label {
    margin-left: .5rem;    
}
#forcePhoneNumberWrapper{
    display: none;
}
.didget-phone-parser .input-group > label{
    font-size: 13px;
}

.btn-input-select {
    margin: 4px 0;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    border: 1px solid #bdbdbd;
    position: relative;
    padding-right: 25px;
    cursor: pointer;
}
.btn-input-select-phc{
    width: 65px;
}

.btn-input-select::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #a4a4a4;
    position: absolute;
    right: 8px;
    top: calc(50% - 4px);
}



.old-cookie-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
    background-color: rgba(254, 254, 254, .9);
    display: none;
}

.old-cookie-container .wrapper {
    width: 980px;
    margin: auto;
    text-align: center;
}

.old-cookie-container .wrapper .content {
    color: #6e6e6e;
    font-size: 14px;
}
.old-cookie-container .wrapper .content a {
    color: #c98959;
}
.old-cookie-container .wrapper .btn-wrapper {
    margin: 1em 0;
}

.cookie-wrapper {
	display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px;
    z-index: 9999999;
    background: rgba(1,1,1,0.5);    
    justify-content: center;
    align-items: center;
}

.cookie-container{
	background: white;
    border-radius: 4px;
    width: auto;
    max-width: 600px;
    margin: 1em;
    display:flex;
    flex-flow: column;
}

.cookie-body {
    padding: 1.5em;
    height: 20rem;
    overflow-y: scroll;
}

h2.cookie-heading {
    color: #c98959;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.cookie-footer {
    padding: 1em;
    border-top: 1px solid;
    border-color: #e6e6e6;
    display: flex;
    justify-content: flex-end;
}
.cookie-control p {
    margin-top: .5em;
}

.cookie-control {
    margin-bottom: .5em;
    display: flex;
    align-items: flex-start;
}

.cookie-control .switch-wrapper {
    margin-right: 2em;
}