html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead,
tr, th, td {
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: 'Open Sans',Helvetica, sans-serif;
}

body {
    line-height: 1
}


.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: 0em!important;
    padding-bottom: 0em!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;
}
p {
    font-size: 11pt;
    line-height: 1.5em;
    margin-bottom: 0.5em;  
}
.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: #2C2C2C;
    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
}

.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 0 3px 10px;
    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;
    width: 100%;
    width: 570px;
    padding: 4px 5px 6px 5px;
    margin-top:0;
    border-bottom: 1px solid #d4d7df;
}

hr.h1-split {
    display:none;
}

h4.related-title {
    padding-bottom: 10px;
    border-bottom: solid 1px #d4d7df;
    margin-bottom: 15px;
    margin-top: 15px;
}


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

div.device-title-ctn {
    height: 30px;
    padding: 8px 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: bold;
    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: 12px;
    line-height: 16px
}

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

div.related-product-title h3 a:hover {
    color: #C98959;
    text-decoration: none
}
.color-option{
    padding: 5px 0;
}

p.fade-out {
    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) 0px -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) 0px -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) 0px -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-detail {
    padding: 10px 20px 20px 25px;
    color: #575757;
    font-size: 11px
}

.product-detail p.prod-note {
    margin: 0;
    padding: 5px 0;
    font-size: 11px;
    font-weight: bold;
    color: #4a494a
}

.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
}
.padding-left{
    padding-left:90px!important;
}
ul.prod-properties {
    padding-left: 5px
}

ul.prod-properties li, li.tab-content ul li {
    line-height: 16px;
    list-style: none;
    font-size: 11px;
    color: #575757;
    background: url(/skin002/i/theme/product_page.gif) -120px -245px no-repeat;
    padding: 0 0 5px 15px
}
.product-detail > li > ul.prod-properties{
    display:table;
}
.product-detail > li > ul.prod-properties > li {
    background: none!important;
    font-size:13px!important;
    display:table-row;
}
.product-detail > li > ul.prod-properties > li > span{
    display:table-cell;
    padding-bottom: 5px!important;
}
.product-detail > li > ul.prod-properties > li > span:first-child{
    text-align: right; 
}
.product-detail > li > ul.prod-properties > li > span:last-child{
   padding-left:20px;
   font-size:12px;
}

.breadcrumb {
    padding: 0 0 5px 15px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}

.breadcrumb a {
    color: #cb8e63;
}

.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;
}

.r0 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px 0 no-repeat
}

.r1 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -20px no-repeat
}

.r2 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -40px no-repeat
}

.r3 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -60px no-repeat
}

.r4 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -80px no-repeat
}

.r5 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -100px no-repeat
}

.r6 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -120px no-repeat
}

.r7 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -140px no-repeat
}

.r8 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -160px no-repeat
}

.r9 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -180px no-repeat
}

.r10 {
    background: #fff url(/skin002/i/theme/product_page.gif) -30px -200px 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 0px;
    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;
    /*font-weight: bold;*/
    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 0px;
    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 0px!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 0px;
    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
}

.box-sb {
    overflow: hidden
}

.box-sb .bottom {
    height: 40px
}

.box-sb .title {
    padding: 6px 0 4px 15px;
    line-height: 18px;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    background: #C98959;
    font-weight: 600;
}
.box-3 {
    overflow: hidden
}

.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;
    text-indent: 20px;
    padding-top: 10px
}

#ctn {
    background: #fff;
    width: 1000px;
    margin: 0 auto;
    position: relative
}

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

#header {
    width: 1000px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: show;
    background: #252525;
}

.content-start {
    margin-top: -302px;
    padding: 0 10px
}

.grid-1 {
    overflow: hidden
}

.grid-2 {
    width: 790px;
    float: left;
    overflow: visible;
    min-height:500px;
}

#main,#search {
    width: 600px;
    float: right;
    background: 0
}

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

#rbar {
    width: 180px;
    float: left;
    padding-left: 8px
}



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: 990px;
    padding: 5px;
    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: none;
}

.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
}

a.logo {
    display: block;
    width: 205px;
    height: 64px;
    margin-left: 25px;
    position: absolute;
    top: 55px;
    left:0;
}

a.logo img{
    width:90%;
}

a.flag {
    float: right;
    margin: 75px 15px 0 0
}

.nav {
    width: 180px;
    font-size: 11px
}

.nav a {
    color: #575757;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}
.nav i {
    font-style: normal;
    font-size: 11px;
    color: #777;
    font-weight: normal;
    display: block
}

.nav .panel-h {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-indent: 10px;
    border-radius: 2px;
    background: #C98959;
    margin-bottom: 7px;
}

.nav ul {
    margin: 0 0 0 1px
}

.nav ul li {
    min-height: 25px;
    padding: 4px 10px 3px 5px;
    line-height: 13px;
    list-style: none;
    cursor: pointer;
    margin-bottom: 4px;
    background: #F6F6F6;
}

.nav ul li.has-panel {
    background: #F6F6F6 url(/skin002/i/theme/nav-bg.png) center no-repeat;
}

.nav ul li.ender {
    height: 32px;
    line-height: 32px;
    font-size: 1px;
    cursor: default;
    background: #fff;
}

.nav ul li.no-panel:hover {
    position: relative;
    background-position: 0 -224px;
    background: #E5E5E5;
}

.nav ul li.show-panel {
    background: #E5E5E5;
    position: relative;
    background-position: 0 -92px;
    top: 0
}

.nav ul li.show-panel a {
    color: #000;
}

.nav ul li.show-panel i {
    color: #000;
}

.nav ul li.show-panel ul {
    display: block;
}

.nav ul ul {
    opacity: .95;
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    padding: 0 0;
    border: solid 1px #999;
    background: #F6F6F6;
    border-radius: 2px;
}

.nav ul ul li {
    opacity: .95;
    width: 200px;
    padding: 8px 0px 0px 10px;
    float: left;
    display: inline;
    border: 0;
}

.nav ul ul li a {
    display: block;
    padding: 2px 0 4px 0;
    min-height: 20px;
}

.nav ul ul li a:hover {
    color: #000;
}

.nav ul ul li a:hover i {
    color: #000;
}

.nav ul ul li a i {
    padding-right: 10px;
    display: none;
}

.nav ul ul li:hover {
    border: 0;
    background: #E5E5E5;
}

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;
}

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;
    border: solid 1px #ddd;
    border-radius: 2px;
    position: relative;
}

ul.promo li.sb-product p.prod-h {
    padding: 3px 0;
    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
}

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: 15px;
    font-size: 13px;
    line-height: 15px;
    color: #333;
    text-align: right;
    margin-right: 10px;
}
.copyright {
    clear: both;
    background: #2D2B2C;
    padding: 20px 0px 30px 0px;
    color: #d9d9d9;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    bottom: -131px;
}
ul.menu{
    margin-top:5px;
}
ul.menu li {
    width: 192px;    
    margin-right: 9px;
    margin-bottom: 9px;
    float: left;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 2px;
    overflow: hidden;
}
ul.menu li .cat-img a {
    display: block;
    width: 100%;
}

ul.menu li:nth-child(3n+0) {
    margin-right: 0px;
}

ul.menu li h2 {
    margin: 5px auto 0 auto;
    height: 30px;
    font-size: 12px;
    line-height: 14px
}

ul.menu li a {
    color: #575757;
    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;
    border: solid 1px #ddd;
    border-radius: 2px;
    border-collapse: collapse;
    position: relative;
}

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

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
}
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
}
.listing-product .product-bottom-info{
    position: absolute;
    width: 58%;
    right: 0;
    bottom: 0px;
    padding-bottom:5px;
}
.listing-product .product-bottom-info form.buy{
    position:relative!important;
    margin-right:0!important;
    float:none!important;
    clear:none!important;
    bottom: 0px;
    right: 0px;
}
.listing-product .product-bottom-info form.buy p.price{
    float:left;
}
.listing-product .product-bottom-info form.buy .buy-btn-cnt{
    float:right;
    margin-right:8px;
}

form.buy {
    position: absolute;
    bottom: 8px;
    right: 8px;
}
form.buy input.order-qty {
    width: 14px;
    height: 14px;
    line-height: 10px;
    font-size: 11px;
    vertical-align: middle;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #eee;
}
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 h1 {
    font-size: 23px;
    line-height: 30px;
    font-weight: bold;
    padding: 2px 0 10px 0;
    border-bottom: solid 1px #d4d7df;
}

.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: 143px;
    height: 65px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    /*padding-top: 5px;*/
    border: solid 1px #ddd;
    border-radius: 2px;
}
ul.pri-man-blob li a{
    display:block;
    margin:7px 0;
}

div.pri-man-range-blob {
    margin-bottom: 20px
}
div.pri-man-range-blob div.blob {
    float: left;
    border: 1px solid #e9e9e9;
    margin: 3px;
    padding: 5px 5px;
    height: 145px;
    width: 132px;
    font-size: 12px
}
div.pri-man-range-blob div.blob h2 {
    padding: 3px 5px;
    line-height: 12px;
    font-size: 13px;
    font-weight: bold;
    background: #eee
}
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
}

ul.device-product li {
    float: left;
    margin: 0px 8px 8px 0px;
    width: 290px;
    text-align: center;
    position: relative;
    border: 1px solid #d4d7df;
    border-radius: 2px;
}

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

ul.device-product li div.middle {
    text-align: center
}

ul.device-product li div.middle img.product {
    height: 150px
}

.bottom-bar input {
    float: right;
    margin-right: -12px;
    margin-top: -30px
}

.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;
    position: absolute;
    bottom: 5px;
    font-size: 9pt;
    left: 3%;
}

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

ul.device-product li div.bottom-bar div.stock-price {
    padding: 0;
    margin: 8px 0 0 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 .more-info-link {
    display: block;
    float: right;
    width: 27px;
    height: 27px;
    background: url(/skin002/i/theme/green-triangle.png) 0 0 no-repeat
}
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-tile {
    background: none;
}

ul.related-product {
    margin-top: 8px;
}
ul.related-product li {
    margin: 0 5px 0 0;
    padding: 0;
    width: 179px;
    background: none;
}
ul.related-product li div.middle {
    text-align: center
}
ul.related-product li div.middle img.product {
    height: 150px
}
ul.related-product li div.bottom-bar {
    height: 62px;
    padding-bottom: 10px;
}
ul.related-product li div.bottom-bar div.stock-price {
    margin: 15px 0 0 0;
    width: 130px;
    height: 35px;
    clear: both
}
ul.related-product li div.bottom-bar div.stock-price span.inc-price {
    font-size: 15px;
    font-family: "Brown-Pro-Bold", Arial, Helvetica, sans-serif;
}
ul.related-product li div.bottom-bar .rating,
ul.related-product li div.bottom-bar .newprod {
    float: left;
    margin-top: -55px
}
ul.related-product li div.bottom-bar .rating span,
ul.related-product li div.bottom-bar .newprod span {
    display: block;
    width: 84px;
    height: 20px
}
ul.related-product li div.bottom-bar .more-info-link {
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    margin-top: -20px;
}
ul.related-product li.push-right {
    margin-right: 5px
}
ul.related-product li.hover {
    border: 1px solid #ff7d00
}

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

table.product {
    width: 600px;
    margin: 5px 0
}
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: 280px;
    position:relative;
}
table.product td.img-ctn img.prod-img-lg {
    width: 280px;
    margin: 0
}
table.product td.img-ctn ul.prod-thumbs li {
    float: left;
    border-bottom: 3px hidden;
    margin: 0 0 5px 5px
}
table.product td.img-ctn ul.prod-thumbs li img.prod-img-thumb {
    height: 60px
}
table.product td.img-ctn ul.prod-thumbs li.curr {
    border-bottom: 3px solid #9dbf3b;
}
table.product td.img-ctn ul.prod-thumbs li:hover {
    cursor: pointer
}
table.product td.prod-content {
    width: 100%;
    padding: 5px 10px
}
table.product td.prod-content h2 {
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
}

table.product td.prod-content h3 {
    font-size: 14px;
    line-height: 20px
}
table.product td.prod-content div.batts-icons {
    margin-top: 10px;
    text-align: center
}
table.product td.prod-content div.batts-icons a {
    margin-right: 5px
}
table.product td.prod-content div.stock-price {
    padding: 10px 0 0 5px
}
table.product td.prod-content div.stock-price p.price {
    color: #888;
    font-size: 10px
}
table.product td.prod-content div.stock-price p.price span.inc-price {
    font-size: 22px;
    color: #000;
    font-weight: bold;
}
table.product td.prod-content div.stock-price p.price b {
    color: #4a494a
}
table.product td.prod-content div.stock-price p.stock-info {
    font-size: 11px;
    font-weight: bold;
    color: #575757;
    line-height: 16px;
    width: 200px;
    margin: 5px 0 3px 0;
    padding: 2px 0 2px 0
}
table.product td.prod-content div.stock-price p.stock-info span.tick {
    background: url(/i/theme/product_page.gif) -115px top no-repeat;
    text-indent: 10px
}
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 .order-qty {
    width: 25px;
    height: 24px;
    padding: 1px 2px;
    margin-top: 4px;
    float: left;
    font-size: 11px;
    line-height: 22px;
    text-align: left;
    vertical-align: middle;
    text-indent: 4px;
    background: #fff url(/i/theme/product_page.gif) 0 -40px no-repeat;
    border: 0
}
table.product td.prod-content div.stock-price .rating,
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
}
table.product td.prod-content div.stock-price .rating span,
table.product td.prod-content div.stock-price .newprod span {
    display: block;
    width: 84px;
    height: 20px
}
table.product td.prod-content div.stock-price .rating{
    float: left!important;
    text-align: left!important;
}
.stock-price .qty-text{
    font-size:14px;
}
div.tblob {
    width: 288px;
    float: left;
    margin: 10px 10px 20px 0;
    border: 1px solid #d4d7df;
    border-radius: 2px;
    padding-bottom:10px;
}
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;
}
ul.listing-product h4 {
    clear: both;
    color: #575757;
    font-weight: normal;
    line-height: 18px;
    text-decoration: underline
}
ul.listing-product p.important {
    color: #444;
    margin: 5px 10px 20px 10px
}
ul.listing-product p.important b {
    color: #C98959;
    font-size: 13px
}
ul.listing-product li {
    overflow: hidden;
    list-style: none;
    float: left;
    margin: 5px;
    border: 1px solid #cecfce;
    position: relative;
}

ul.listing-product li h2 {
    line-height: 16px;
    font-size: 10pt;
    font-weight: normal
}

ul.listing-product li div.prod-img {
    height: 100%;
    float: left;
    width: 110px;
    margin-right: 10px;
}

ul.listing-product li img.prod-img {
    height: 110px;
    width: 110px;
    float: left;
    margin-top: 4px;
    margin-bottom:5px;
}


ul.listing-product li h2 a {
    color: #333
}
ul.listing-product li h2 a:hover {
    text-decoration: underline;
    color: #C98959;
}

ul.listing-product li {
    font-size: 10pt;
    margin-bottom: 0.5em;
}

ul.listing-product li p.pno a {
    color: #888;
    font-size: 10px
}

ul.listing-product .product-more-info{
    margin-bottom: 62px;
    min-height: 1px;
}
ul.listing-product li p.recommended {
    background: #9ebf3c;
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
    margin-left: 120px;
}

ul.listing-product li p.qtyTech {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
ul.listing-product li p.qtyTech img {
    margin-right: 10px;
    vertical-align: text-top
}
ul.listing-product li p.promo-phrase {
    text-align: left;
    font-size: 10px;
    line-height: 11px
}
ul.listing-product li p.price {
    font-weight: bold;
    font-size: 10pt;
}

ul.listing-product li p.pppart {
    color: #888;
    font-size: 10px;
}

ul.listing-product li p.stock {
    color: #9ebf3c;
}

ul.listing-product li form {
    text-align: right
}

ul.listing-product li form input.add-to-cart {
    vertical-align: bottom;
}
ul.listing-product li:hover,
ul.listing-product li.hover {
    border: 1px solid #C98959
}
ul.listing-product li.recommend {
    border: 1px solid #aac753;
}
ul.listing-product li.has-promo-phrase {
    height: 128px
}
ul.memcard-listing li {
    height: 115px!important
}
.cart #main {
    width: 790px
}
.cart #main div.top,
.cart #main div.middle,
.cart #main div.bottom {
    width: 740px;
    padding: 0 20px
}
.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;
    margin-left: -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 {
    margin: 0 0 20px -5px;
    width: 750px;
    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
}
.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: #999
}
.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 0px; 
    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: 490px;
    margin: 10px 0 15px 0px;
}
.cart #main table.delivery-box th {
    width: 160px;
    padding: 14px 0 0 10px;
    background: 0;
    color: #333
}
.cart #main table.delivery-box td {
    width: 290px;
    padding: 10px 0 0px 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: 289px;
    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-left: 110px;
    background: url(/i/icons/alert.png) 0 0 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
}
div.cart-promo ul li {
    float: left;
    margin: 5px 0 6px 15px;
    height: 168px;
    width: 230px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 4px;
    position: relative;
}
div.cart-promo ul li p.title {
    text-align: center;
    height: 30px;
    line-height: 14px;
    padding-top: 3px;
    font-size: 10pt;
}
div.cart-promo ul li p.title a {
    color: #575757!important
}
div.cart-promo ul li p.title a:hover {
    color: #C98959
}
div.cart-promo ul li div.img {
    padding-left: 62px
}
div.cart-promo ul li p.price {
    margin: 0 13px 0 0;
    font-size: 15px;
    line-height: 15px
}
div.cart-promo ul li p.price span {
    color: #009a00;
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
}
div.cart-promo ul li form {
    text-align: right;
    margin-top: -20px
}
div.cart-promo ul li form input.order-qty {
    width: 13px;
    height: 10px;
    line-height: 10px;
    font-size: 9px;
    vertical-align: middle;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #eee
}
div.cart-promo ul li form input.add-to-cart {
    vertical-align: middle;
    margin-right: 10px
}
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 0;
    padding: 12px 15px 0 10px;
    font-size: 19px;
    color: #4a494a;
    font-weight: normal;
}
body.auth #main h2.new-customer {
    margin-top: 0px
}
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: 0px;
}
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 0 50px;*/
   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;
    height: 25px;
    border: 1px solid #bdbdbd;
    margin: 4px 0;
    padding: 1px 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: 220px;
    float: left;
    margin: 5px;
    overflow: hidden;
    padding: 1px 5px;
}
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: 475px;
}
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: none
}
a.flag {
    position: absolute;
    top: 103px;
    right: 0;
    margin: 0;
    width:85px;
}
/* New classes for the new up a level links */

#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 Share buttons */

 .social-links {
    position: absolute;
    top: 112px;
    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;
}
.icon-hider {
    opacity: 0;
    height: 32px;
    width: 36px;
    overflow: hidden;
    padding-top: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    -ms-filter: "progid:DXImageTransform.Microsoft.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
}
/* Speach bubble */

p.social-speech-bubble {
    position: absolute;
    width: 120px;
    height: 31px;
    top: 113px;
    right: 230px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #999;
    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;
}
/* Search form top */

form.search-form-top {
    position: absolute;
    top: 66px;
    left: 250px;
}
form.search-form-top input {
    border: none;
    margin: 0;
    padding: 1px 5px;
    width: 375px;
    font-size: 13px;
    color: #777;
    vertical-align: middle;
    background-color: #353535;
}

form.search-form-top input:focus {
    color: #fff;
}

form.search-form-top button {
    margin: 3px 0 0 -36px;
    padding: 0 5px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #777;
    vertical-align: middle;
    border: 0;
    background: url('/skin002/i/theme/wrapper.png') -593px -200px no-repeat;
    cursor: pointer;
}

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



/* Mini cart */
/*
.minicart {
    width: 200px;
    padding: 3px 0 4px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 14px;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    background: #fff;
    border: 3px solid #D27C17;
    border-top: 0;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.minicart.shine {
    -moz-box-shadow: 0 0 20px 20px #C2F968;
    -webkit-box-shadow: 0 0 20px 20px #C2F968;
    box-shadow: 0 0 20px 20px #C2F968;
}
.minicart a {
    display: block;
    width: 148px;
    padding: 2px 0 0 50px;
    background: url(/i/icons/cart.png) 10px 4px no-repeat;
    color: #009A00;
    overflow: hidden;
}
.minicart a small {
    font-size: 10px;
    line-height: 12px;
    color: #333
}
.minicart a small.error {
    color: red;
    font-weight: bold;
}
.minicart a small.promo-applied {
    color: #009A00;
    line-height: 10px
}
.minicart a span.qty,
.minicart img.loading {
    position: absolute;
    top: 6px;
    left: 21px;
}
.minicart a span.qty {
    display: block;
    width: 23px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 15px;
    font-size: 15px;
    color: #F76D10;
    font-weight: bold;
    text-align: center;
}
.minicart a span.btn {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 2px;
    right: 3px;
    background: url("/i/theme/form_lib.png") no-repeat scroll -532px -139px transparent;
}
/* Additional device product blob style */

ul.device-product li .p-title {
    position: absolute;
    top: 8px;
    left: 0;
    width: 280px;
    padding: 0 4px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #333;
}
ul.device-product li .warning {
    position: absolute;
    top: 45px;
    left: 1px;
    width: 243px;
    padding: 3px 5px 0 40px;
    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: 0.9;
    filter: alpha(opacity=90);
}
ul.device-product li .p-title a {
    text-decoration: none
}
ul.device-product li .p-panel {
    width: 264px;
    padding: 0 9px 0 10px;
    background: #fff;
}
ul.device-product li div.bottom-bar {
    height: 53px;
}
/* Colour options */

li.prod-ctn {
    position: relative;
    background: #fff !important;
}
.hidden {
    display: none!important;
}
.colour-options {
    position: absolute;
    left: 10px;
    width: 200px;
}
.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;
}
.colour-box a {
    outline: 0;
    padding: 0 8px;
}
/* Mobile section product category listing */

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;
}
/* Camera Multi-buy promo */

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: #ABD121;
    color: white;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 16px;
    padding: 0 0 1px;
}
div.cameraMultiS i {
    color: #ABD121;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
}
/* Magnifier */

a.magnifier {
    position: absolute;
    top: 35px;
    right: 0;
    height: 18px;
    padding: 3px 5px 3px 25px;
    background: #aaa 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: 0.95;
    filter: alpha(opacity=95);
}
a.magnifier:hover {
    text-decoration: none;
    cursor: pointer
}
/* Begin CSS RMA Form */

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 {
    /* width: 50%; */
    
    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: #66CC55;
    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: none;
}
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: none;
    border-left: 1px solid black;
    border-right: 1px solid black;
}
table.rmaTable > td {
    text-align: left;
}
.other {
    vertical-align: middle;
    height: 40px;
}
.first {
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
}
.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: 0.8;
}
.coverStep {
    background: #000;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 999;
    opacity: 0.1;
}
.contentTerms {
    text-align: center;
}
.contentAdvReplacement {
    text-align: center;
}
.contentAdvReplacement > div > div,
.contentTerms > div > div {
    background-color: #FF9943;
    display: inline-block;
    padding: 3px 3px 0px 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 #999999;
    padding: 0.5%;
}
.info-icon {
    float: right;
}
.rmaAction {
    width: 149px;
}
.shineCbx {
    -moz-box-shadow: 0px 0px 1.5px 1.5px #00CC66;
    -webkit-box-shadow: 0px 0px 1.5px 1.5px #00CC66;
    box-shadow: 0px 0px 1.5px 1.5px #00CC66;
}
.rmaReturn,
.rmaAction {
    width: 140px;
    /* margin-left: 10%; */
    
    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;
    /*font-size: 16px;
    font-weight: bold;*/
    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: none;
    border-left: 1px solid #6b6d6b;
    border-right: 1px solid #6b6d6b;
    border-bottom: none;
}
.item-footer {
    height: 42px;
    border-top: none;
    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(/skin002cons/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;
}
/* End CSS RMA Form */
/* Deb. Account order/invoice */

.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: 0px 0 60px 0;
    width: 100%;
}

.m-product {
    border: 0px;
    padding-right: 5px
}
.m-total {
    text-align: right;
    border: 0px;
}
.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: 0px;
    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: 0px;
    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: rgb(157, 191, 59);
    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;
}
/*Pay invoice*/
#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;
}

/* End Account order/invoice */
/* Contact information of 'Contact Us' */

#returnPolicy-link {
    color: grey !important;
}
#customerInfo-link:hover,
#returnPolicy-link:hover {
    cursor: pointer;
}
/* #contactInformation {
	display: table;
}
#contactInformation > div {
	display: table-row;
}
#contactInformation > div > div {
	display: table-cell;
}
#contactInformation > div > div:first-child {
	width: 20%;
}
#contactInformation > div > div:last-child {
	width: 80%;
}
#contactInformation b {
	font-size: 14px !important;
	font-weight: bold !important;
} */

.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: 0px !important;
    width: 100% !important;
}
.contactInformation > table tr > td,
.contactGeneral > table tr > td {
    width: auto !important;
    padding-bottom: 1.5em !important;
    vertical-align: top !important;
}
/* End Contact information of 'Contact Us' */
/* Account home current RMA list */

#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%;
    /*height: 30px;*/
}
#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;
}
/* End Account home current RMA list */

#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%;
}
#wh-icon_device {
    /*
  position: relative;
  margin-left: 75%;
  margin-top: -30%;
    */
    
    margin-right: 5%;
    background: url('/i/WhDial.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 70px;
    width: 67px;
    float: right;
}
#wh-icon > div,
#wh-icon_device > div {
    height: 67px;
    text-align: center;
    vertical-align: middle;
    padding-top: 30%;
    font-size: large;
    color: lightgreen;
}
#wh-icon_related-device {
    position: relative;
    margin-right: 5%;
    background: url('/i/WhDial.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
}
#wh-icon_related-device_wrapper {
    width: 50px;
    height: 50px;
    margin-top: -50px;
    margin-left: 70%;
}
#wh-icon_related-device > div {
    font-size: large !important;
    height: 67px;
    text-align: center;
    vertical-align: middle;
    padding-top: 25%;
    color: lightgreen;
}
#pro_device {
    width: 67px;
    padding: 2px;
    display: table-cell;
    border: solid 1px #C98959;
    vertical-align: middle;
    font-size: 18pt;
    background: #f6f6f6;
    color: #333;
    border-radius: 5px;
    position: absolute;
    left: 13px;
    top: 10px;
    margin: 0;
    opacity: 0.8;
}
.device_icon {
    position: relative;
    display: block;
    margin-top: -80px;
}
.tabs,
.tabs-dvp {
    padding-left: 15px;
    padding-top: 10px;
    overflow: visible;
    background: #e8e8e8;
}
.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;
    overflow: hidden;
    min-height: 180px;
    background: #e8e8e8; /* For browsers that do not support gradients */
    background: linear-gradient(#e8e8e8, #fff); /* Standard syntax (must be last) */
    background: -webkit-linear-gradient(#e8e8e8, #fff);
    background:    -moz-linear-gradient(#e8e8e8, #fff);
}
.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% 0.5% 3% 0.5% !important;
    padding: 1% !important;
}
.tab-content-dvp.active {
    border: none !important;
}
.tab-contents-dvp {
    padding: 10px 0 10px 0 !important;
    /*background: #fff url(/i/theme/tab_content_bg.gif) bottom repeat-x;*/
    background: #e8e8e8; /* For browsers that do not support gradients */
    background: linear-gradient(#e8e8e8, #fff); /* Standard syntax (must be last) */
    background: -webkit-linear-gradient(#e8e8e8, #fff); 
    background:    -moz-linear-gradient(#e8e8e8, #fff);
    overflow: hidden;
    min-height: 180px;
}
/* Review order: edit btn*/

.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;
}
/* Review pages */

.reviewForm {
    margin-top: 5%;
}
.rate {
    background: url(/i/starsRating.png) no-repeat;
    width: 42px;
    height: 42px;
    background-position: -6px -387px;
    outline-width: 0px;
    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: 0px;
    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: 0px;
    background-size: 320px 550px;
    float: left;
    margin-left: 2px;
    cursor: pointer;
}
/* #main {
	margin-bottom: 5%;
}
 */

.rateG {
    outline-width: 0px;
    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: 0px;
    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: 0px;
    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(3) {
    margin-top: -1%;
}
.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;
    /* height: 100%; */
    /* width: 100%; */
    
    text-align: left;
    padding-left: 5%;
    /* padding-top: 10%; */
}
#reviewName {
    margin-top: 2%;
}
#reviewName input {
    padding: 3px;
}
.review {
    border: 1px solid #ededed;
    border-bottom: 1px solid #d9d8d9;
    padding: 0px 10px 0px 10px;
    background: #fff url(/i/theme/tab_content_bg.gif) bottom repeat-x;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    margin-bottom: 2%;
    width: 75%;
    display: inline-block;
}
.review-response{
    float: right;
    text-align: left;
}
.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 10px 30px 10px;
    overflow: hidden;
    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: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid lightgrey;
}
.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;
}
/** Filters MDW */

.fHeader {
    text-transform: uppercase;
    font-size: 1em;
    margin-left: 0.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: 0.1em solid lightgrey;
    font-size: 10pt;
    padding-bottom: 0.5em;
    margin-left: 0.75em;
}
#fDevice {
    padding-top: 1em;
    width: 25%;
    margin-left: 1%;
    border-right: 0.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: 0.1em solid lightgrey;
}
#fUsage > div:nth-child(n+1) > div,
#speedHolder > div:nth-child(n+1) > div {
    margin-bottom: 0.25em;
}
#fSize {
    width: 43%;
    padding-top: 1em;
    margin-left: 2%;
}
#fSpeed {
    width: 52%;
    padding-top: 1em;
    margin-left: 2%;
}
.fCriteria {
    border: 0.1em solid lightgrey;
    width: 100%;
    padding: 2%;
    display: inline-block;
    width: 93%;
}
#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;
    padding-top: 0.3em;
    margin-left: 2%;
    margin-top:5px;
}
.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;
}
/** End filters */

/* New Roundcell Section CSS */
#roundcell {
	width: 780px;
	float: right;
    clear: both;
    font-size: 10pt;
}

#roundcell .groupTile table {
	border-spacing: 0px 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 td, #roundcell th {
	padding: 3px;
}
*/
#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 .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 .pack-size {
	font-weight: bold;
}

#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;
	min-height: 3em;
}

#roundcell .line2 {
	 margin-top: 6px;
	 min-height: 1em;
 }

#roundcell form.buy {
	float: none !important;
    margin: 0px !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: 30px !important;
	font-size: 12pt !important;
	padding: 3px;
	border: 1px solid #ddd;
	height: 15px !important;
	line-height: 20px !important;
}

#roundcell .buyBtn, #roundcell .more-info {
	width:140px;
	text-align: center;
	border: none;
	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;
}

#roundcell .productTile {
	width: 390px;
	/* min-height: 590px; */
	margin-bottom: 10px;
	float: left;
	display: block;
}

#roundcell .offerTile {
	margin-bottom: 10p;
}

#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:#FFFFFF;
	border:1px solid #999999;
	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 0px 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: inline-block;
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid white;
}
#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;
	float: right;
	margin-top: -90px;
	position: absolute;
	top: 266px;
	right: 210px;
}

.batteryNav-recharge{
    margin-top:10px;
}
#batteryNav {
	display: block;
	height: 90px;
    float: right;
    margin-right: 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: 0px;
}

#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;
}
/*  Recharg*/
#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 .offerTable td {
	padding: 0px;
}

#roundcell .offerTable td table {
	border-collapse: collapse;
}

#roundcell .offerTable tr td table tr {
	margin: 0px;
}

#roundcell .offerTable tr td table td {
	margin: 0px;
    font-weight: normal;
    padding: 3px;
}

#roundcell .offerTable tr td table tr:nth-child(even) td {
	font-size: 9pt;
	font-weight: normal;
}	

#roundcell .headerLeft {
	float: left;
	display: block;
	width: 70%;
}

#roundcell .headerLeft h1 {
	font-size: 23px;
	  line-height: 28px;
	  font-weight: bold;
	width: 340px;
	vertical-align: baseline;
	background: url(/i/theme/break_line.gif) 0 bottom no-repeat;
	padding: 4px 5px 6px 5px;
	margin-top: 12px;
	margin-left: -10px;
}

#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;
}
/* End Roundcell section CSS */

.list-ctns {
    margin:4px 0 8px 0
}

.list-ctn {
    float:left;
    padding:5px 5px 8px 5px;
    border-radius:2px;
}

.device-ctn, #device-list {
    width:355px;
    position:relative;
}

.oempno-ctn, #oempno-list {
    width:195px
}

.device-ctn {
    margin-left: 3px;
    margin-right: 16px;
    background: #666666;
    border: 1px solid #666666;
}

.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 {
    padding:5px 14px 3px 3px;
    position:relative;
    font-size: 10pt;
    line-height: 1.5em;
}

.filter {
    margin:0;
    padding:5px 14px 3px 3px;
    position:relative;
    border-bottom:1px solid #ccc;
    background: #e5e5e5;
    font-size:13px;
    color:#333;
    line-height: 26px;
    text-align:right;
}

.filter input {
    width: 160px!important;
    padding: 6px 3px 4px;
    vertical-align: top;
    color:#777; font-size:12px;
}

.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) 0px 2px no-repeat;
}

.filter a.cross {
    background-position: -32px 2px
}

.select-list-hidden {
    display:none
}

.select-list {
    border:none;
    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;
}
/* .select-list option.zebra {
    background: #EFEBEF
} */

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;
}

#enterAddrManually,#clearAddress{
    display:none;
}

.select-list:focus option:checked {
    background: #9ebf3c linear-gradient(0deg, #9ebf3c 0%, #9ebf3c 100%);
    background: #9ebf3c -webkit-linear-gradient(0deg, #9ebf3c 0%, #9ebf3c 100%);   
    background: #9ebf3c    -moz-linear-gradient(0deg, #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: 0px !important;
    padding-left: 0px !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;
}

form[name="EDIT_INVOICE_ADDRESS"], form[name="ADD_DELIVERY_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: 0px !important;
}

form[name="EDIT_INVOICE_ADDRESS"]  h1, form[name="ADD_DELIVERY_ADDRESS"] h1 {
    margin: 0px;
    margin-left: 10px;
}

form[name="EDIT_INVOICE_ADDRESS"] td div, form[name="ADD_DELIVERY_ADDRESS"] td div {
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.delivery-address-blobs {
    border: 1px solid #cecfce;
    border-radius: 2px;
    padding: 5px;
    margin-bottom: 30px;
    margin-top: 20px;
}

div.delivery-address-blobs h1 {
    margin: 0px;
    margin-left: 10px;
}

div.delivery-address-blobs a {
    background: none !important;
    padding-left: 0px !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: 0px !important;
    margin: 0px !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,.block-border {
    border:1px solid #ccc;
    border-radius: 2px;
    padding: 20px;
    margin-bottom: 30px;
}
#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 0px;
    list-style:disc inside none
}
ul.sExample li {
    font:11px/16px tahoma, arial; 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:2px 0 20px 40px;
    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:12px; font-weight:bold; 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: #a1c042; font-style: normal; font-weight: 700}
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 #666666;
    background:#666666;
}
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;
}


/*Loader*/

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;
    /*box-shadow: 0 0 10px #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;
    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 0px;
}
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;
}

/*Checkout : Order review*/
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;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
    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;
}			
.filter input{
    width: 100%;
}
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: 46.5%;
    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;
}

/*Toogle switch*/

.switch {
	position: relative;
	display: inline-block;
	width: 27px;
	height: 10px;
  }
  
  .switch input {display:none;}
  
  .slider-toggle {
	position: absolute;
	cursor: pointer;
	top: 0;
	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: 0px;
	bottom: -3px;
	-webkit-transition: .4s;
	transition: .2s;
	background-color: rgba(216, 63, 36,.8);
  }
  input:focus + .slider-toggle {
	box-shadow: 0 0 1px rgb(33, 168, 21);
  }

  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);
  }

  .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;	
	}

  /* Rounded sliders */
  .slider-toggle.round {
	border-radius: 34px;
  }
  
  .slider-toggle.round:after {
	border-radius: 50%;
  }
     /* The radio container */
     .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;
	}
	
	/* Hide the browser's default radio button */
	.radio-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	
	/* Create a custom radio button */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 16px;
		width: 16px;
		background-color:  transparent;
        border-radius: 50%;
        border: 2px solid #868686;
	}
	
	/* On mouse-over, add a grey background color */
	.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);
    }
	/* When the radio button is checked, add a blue background */
	.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);
    }
	
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
        top: 3px;
        left: 3px;
        width: 10px;
        height: 10px;
		border-radius: 50%;
		background: #868686;
	}
    
    
    /* Cookie container*/
    .cookie-container{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999999;
        background-color: rgba(254, 254, 254, .9);
        display:none;
    }
    .cookie-container .wrapper{
        width: 980px;
        margin: auto;
        text-align: center;
    }
    .cookie-container .wrapper .heading{
        color: #444;
        font-size: 20px;
        margin-bottom: .5em;
        margin-top: .5em;
    }
    .cookie-container .wrapper .content{
        color: #6e6e6e;
        font-size: 14px;
    }
    .cookie-container .wrapper .content a{
        color:#C98959;
    }
    .cookie-container .wrapper .btn-wrapper{
        margin: 1em 0;
    }
    .cookie-container    .btn {
        display: inline-block;
        cursor:pointer;
        padding: 10px 20px;
        margin-right: 10px;
        border-radius: 5px;
        color: white!important;
        font-size:12px!important;
        font-weight:normal;
        line-height: 1;
    }
    .cookie-container   .btn:hover {
        text-decoration: none;
    }
    .cookie-container    .btn.btn-orange {
        background-color: #C98959;
    }
    .cookie-container   .btn.btn-orange:hover {
        background-color: #aa6632;
    }
    .cookie-container   .btn.btn-grey {
        background-color: gray;
    }
    .cookie-container   .btn.btn-grey:hover {
        background-color: rgb(87, 87, 87);
    }
  


    #submitReviewPolicy{
        display: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;
    }
    .review{
        padding:10px!important;
    }
    .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: 0px 5px 0;
        line-height: 10px;
        color: #888;
    }
/*Tool tip*/
.tooltip {
    position: relative;
    display: inline-block;
    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:0!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: none;
}
.tooltip .medium.err-focused{
    border: 1px solid #b74e48!important;
}


/*Smartphone page*/

.block-container-large{
    width:348px;
    height:398px;
    border: 1px solid #ddd;
}

.panel-margin-right{
    margin-right:10px;
}
.panel-margin-left{
    margin-left:10px;
}

.block-container-small{
    width: 238px;
    height:188px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
}

.panel-container{
    position:relative;
    display: flex;
    flex-wrap: wrap;
}
.panel-container  .block{
    padding-bottom: 10px;
    margin-bottom:10px;
}
.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
}
.clear-both{
    clear: both;
}

.panel-block-content{
    display: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{
    height:265px;
    overflow:hidden;
}
.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: 130px;
    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;
}
/*Small panel*/
.block-container-small .flex-img-right .panel-block-device-list-container{
    margin-left: 10px;
    
}
.block-container-small .panel-block-device-list-container {    	
    display: flex;
    align-items: flex-end;
    margin-bottom: 5px;
    width: 63%;
 }

.block-container-small .img-container {
    padding: 0 10px;
    display: flex;
    align-items: flex-end;
    width: 37%;
}
.li-border-top{
    margin-top:10px;
}

.promo-categories li {
    float: left;
    width: 290px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 108px;
    border:1px solid #ddd;
    border-radius: 2px;
    overflow: hidden;
}
.promo-categories li:nth-child(odd){
    margin-right:10px;
}
.promo-categories li a{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.promo-categories li a:hover h5{
    color: #FF7D00;
}
.promo-categories li a img {
    margin: 6px 6px 12px;
}
.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;
    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;
}


/*New Style*/
/*Buttons*/
.dd-btn {
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    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: .375rem 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    background:#ddd;
    border-radius: 1.25rem;
    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;
}
.btn-primary {
    color: #fff!important;
    background-color: #9EBF3A;
    border-color: #9EBF3A;
}
.btn-secondary {
    color: #fff!important;
    background-color: #C98959;
    border-color: #C98959;
}
.btn-outline-primary {
    color: #9EBF3A!important;
    background-color: transparent;
    background-image: none;
    border-color: #9EBF3A;
}
.btn-outline-secondary {
    color: #C98959!important;
    background-color: transparent;
    background-image: none;
    border-color: #C98959;
}
.btn-tile{
    font-weight: 600;
    font-size: 11px;
    padding:.1rem .5rem;
}
.btn-sm {
    padding: .25rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 1.2rem;
}
.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-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: 0.9;
}
/*footer*/
#footer {
    position: relative;
    clear: both;
    width: 100%;
    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;
}
.footer-ul-list{
    list-style-type: disc;
    color: #c98959;
    margin-left: 1.6em;
    margin-top: 1em;
}
.footer-ul-list li{
    padding-bottom: 0.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: 163px;
    z-index: 2;
    top: -24px;
    left: 11px;
}
span.bunny-large img, span.bunny-small img{
    width: 100%;
    height: auto;
}

/*Global*/
.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, rgb(230, 167, 114) 0%, rgb(230, 167, 114) 40%, rgb(143, 92, 61) 60%, rgb(230, 167, 114) 100%);
    background: -o-linear-gradient(90deg, rgb(230, 167, 114) 0%, rgb(230, 167, 114) 40%, rgb(143, 92, 61) 60%, rgb(230, 167, 114) 100%);
    background: -moz-linear-gradient(90deg, rgb(230, 167, 114) 0%, rgb(230, 167, 114) 40%, rgb(143, 92, 61) 60%, rgb(230, 167, 114) 100%);
    background: linear-gradient(90deg, rgb(230, 167, 114) 0%, rgb(230, 167, 114) 40%, rgb(143, 92, 61) 60%, rgb(230, 167, 114) 100%);
}

p.min-spend {
    padding: 1em;
    background-color: #d6d8db;
    border-radius: 3px;
}

.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;
}

/*Overlay*/
.overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.3);
    z-index: 9999;
}

/*minicart*/
.minicart-container {
    position: relative;
    top: -31px;
    width: 200px;
    left: calc(100% - 200px);
    display: inline-block;
    z-index: 1;
}
.minicart{
    background-color: #c98959;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: inline-block;
    height: 47px;
    margin: auto;
    position: relative;
}
.minicart a{
    display: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/white-minicart.png) 0 0 no-repeat;
    background-size: 20px 20px;
    background-position-y: 8px;
}
.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: .3em;
    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 #ffffff;
    position: relative;
    top: calc(50% - 7px);
}
.minicart .minicart-content {
    padding: 5px 10px;
    display: 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: 0px 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;
    /*animation: showHideGlow 2s forwards 0s ease-out;*/
}



/*minicart slider*/
#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: 1000px;
    margin: auto;
    height: 50px;
}
#minicart-fixed-position .minicart small.promo-applied{
    color:#333;
}
#minicart-fixed-position .minicart-container{
    top:0px;
}
#minicart-fixed-position.slide-down{
    top:0px;
    opacity:1;
    transition: all .4s ease-in;
}


/*Popup and mailchimp*/
.popup-container {
    width: 550px;
    height: auto;
    padding: 1em 2em;
    background-color: #ffffff;
    margin: auto;
    transform: translateY(50%);
    border-radius: 10px;
    border:3px solid transparent;
}
.popup-container.dark {
    background-color: #222;
    border: 3px solid white;
}
.popup-container.dark *{
    color:white;
}
.input{
    border: none;
    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: #333333;
    border-color:#333!important;
    color:white!important;
}
#mc_embed_signup form{
    padding:0!important;
}
#mc_embed_signup .dd-btn{
    border-radius:1.25rem!important;
}
#mc_embed_signup .text{
    font-size:29px;
}
.popup-container .cancel_btn {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: .2em;
    cursor: pointer;
    color: #c98959;
}
#mce-responses{
    margin:0!important;
    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;
}
.email_marketing{
    font-size: 11px;
    line-height: 1px;
}