@charset "UTF-8";




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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

body{min-width:960px;}.container_20{margin-left:auto;margin-right:auto;width:960px;}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20{position:relative;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_20 .grid_1{width:38px;}.container_20 .grid_2{width:86px;}.container_20 .grid_3{width:134px;}.container_20 .grid_4{width:182px;}.container_20 .grid_5{width:230px;}.container_20 .grid_6{width:278px;}.container_20 .grid_7{width:326px;}.container_20 .grid_8{width:374px;}.container_20 .grid_9{width:422px;}.container_20 .grid_10{width:470px;}.container_20 .grid_11{width:518px;}.container_20 .grid_12{width:566px;}.container_20 .grid_13{width:614px;}.container_20 .grid_14{width:662px;}.container_20 .grid_15{width:710px;}.container_20 .grid_16{width:758px;}.container_20 .grid_17{width:806px;}.container_20 .grid_18{width:854px;}.container_20 .grid_19{width:902px;}.container_20 .grid_20{width:950px;}.container_20 .prefix_1{padding-left:48px;}.container_20 .prefix_2{padding-left:96px;}.container_20 .prefix_3{padding-left:144px;}.container_20 .prefix_4{padding-left:192px;}.container_20 .prefix_5{padding-left:240px;}.container_20 .prefix_6{padding-left:288px;}.container_20 .prefix_7{padding-left:336px;}.container_20 .prefix_8{padding-left:384px;}.container_20 .prefix_9{padding-left:432px;}.container_20 .prefix_10{padding-left:480px;}.container_20 .prefix_11{padding-left:528px;}.container_20 .prefix_12{padding-left:576px;}.container_20 .prefix_13{padding-left:624px;}.container_20 .prefix_14{padding-left:672px;}.container_20 .prefix_15{padding-left:720px;}.container_20 .prefix_16{padding-left:768px;}.container_20 .prefix_17{padding-left:816px;}.container_20 .prefix_18{padding-left:864px;}.container_20 .prefix_19{padding-left:912px;}.container_20 .suffix_1{padding-right:48px;}.container_20 .suffix_2{padding-right:96px;}.container_20 .suffix_3{padding-right:144px;}.container_20 .suffix_4{padding-right:192px;}.container_20 .suffix_5{padding-right:240px;}.container_20 .suffix_6{padding-right:288px;}.container_20 .suffix_7{padding-right:336px;}.container_20 .suffix_8{padding-right:384px;}.container_20 .suffix_9{padding-right:432px;}.container_20 .suffix_10{padding-right:480px;}.container_20 .suffix_11{padding-right:528px;}.container_20 .suffix_12{padding-right:576px;}.container_20 .suffix_13{padding-right:624px;}.container_20 .suffix_14{padding-right:672px;}.container_20 .suffix_15{padding-right:720px;}.container_20 .suffix_16{padding-right:768px;}.container_20 .suffix_17{padding-right:816px;}.container_20 .suffix_18{padding-right:864px;}.container_20 .suffix_19{padding-right:912px;}.container_20 .push_1{left:48px;}.container_20 .push_2{left:96px;}.container_20 .push_3{left:144px;}.container_20 .push_4{left:192px;}.container_20 .push_5{left:240px;}.container_20 .push_6{left:288px;}.container_20 .push_7{left:336px;}.container_20 .push_8{left:384px;}.container_20 .push_9{left:432px;}.container_20 .push_10{left:480px;}.container_20 .push_11{left:528px;}.container_20 .push_12{left:576px;}.container_20 .push_13{left:624px;}.container_20 .push_14{left:672px;}.container_20 .push_15{left:720px;}.container_20 .push_16{left:768px;}.container_20 .push_17{left:816px;}.container_20 .push_18{left:864px;}.container_20 .push_19{left:912px;}.container_20 .pull_1{left:-48px;}.container_20 .pull_2{left:-96px;}.container_20 .pull_3{left:-144px;}.container_20 .pull_4{left:-192px;}.container_20 .pull_5{left:-240px;}.container_20 .pull_6{left:-288px;}.container_20 .pull_7{left:-336px;}.container_20 .pull_8{left:-384px;}.container_20 .pull_9{left:-432px;}.container_20 .pull_10{left:-480px;}.container_20 .pull_11{left:-528px;}.container_20 .pull_12{left:-576px;}.container_20 .pull_13{left:-624px;}.container_20 .pull_14{left:-672px;}.container_20 .pull_15{left:-720px;}.container_20 .pull_16{left:-768px;}.container_20 .pull_17{left:-816px;}.container_20 .pull_18{left:-864px;}.container_20 .pull_19{left:-912px;}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

/* Set styles */
body {
    font:normal 14px/1.5em Arial,Verdana,sans-serif;
    position: relative;
}

::selection {
    color: white;
    background-color: #3d9fbc;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:700;
    color:#333;
    font-family:Arial,Verdana,sans-serif;
    line-height:1em;
}

h1 {
    font-size:2.3em;
    margin:.3em 0 .6em;
}

h2 {
    font-size:2em;
    margin:.3em 0 .6em;
}

h3 {
    font-size:1.8em;
    margin:.3em 0 .6em;
}

h4 {
    font-size:1.666em;
    margin:.3em 0 .4em;
}

h5 {
    font-size:1.26em;
    margin:.3em 0 .2em;
}

h6 {
    font-size:1em;
    margin:.3em 0 0;
}

p {
    font:normal 1em/1.5em Arial,Verdana,sans-serif;
    margin:.2em 0 1em;
}

em,i,var,cite {
    font-style:italic;
}

dfn {
    border-bottom:1px dashed;
}

blockquote {
    display:block;
    font-style:italic;
    border-left:2px solid #1d6fac;
    padding-left:1em;
    color:#1d6fac;
    margin:1em 3em;
}

blockquote p, q {
    font-style:italic;
    color:#1d6fac;
}

code,kbd,samp,tt {
    font-family:"Courier New",Courier,monospace,serif;
}

sub {
    vertical-align:sub;
    font-size:10px;
}

sup {
    vertical-align:super;
    font-size:10px;
}

strong, b {
    font-weight:800;
}

pre {
    font-family:"Courier New",Courier,monospace,serif;
    margin:0 0 1.5em;
}

a:link,a:visited {
    color:#1d7f9c;
    text-decoration:underline;
    border:0;
}

a:hover {
    color:#333;
    text-decoration:none;
}

a:focus,label input:focus {
    outline:0;
}

img {
    display:inline-block;
    font-size:.8em;
    color:#000;
    font-weight:400;
}

abbr,acronym {
    border-bottom:1px dotted;
    cursor:help;
    font-variant:small-caps;
}

table {
    border-collapse:collapse;
    border-spacing:0;
    margin:0 0 1.5em;
    padding:0;
}

caption {
    font-style:italic;
    text-align:left;
}

.alt td {
    background:#eee;
}

td {
    border:0;
    vertical-align:middle;
    padding:.333em;
}

th {
    font-weight:700;
    vertical-align:middle;
    padding:.333em;
}

ol {
    list-style:outside decimal;
}

ul {
    list-style:outside disc;
}

ul,ol,li ul,li ol {
    margin:0 0 1.5em 1.5em;
    padding:0;
}

dl {
    margin:0 0 1.5em;
}

dd {
    margin-left:1.5em;
}

small {
    font-size:.8em;
}

mark {
    background-color:#1d7f9c;
    color:#fff;
    font-style:italic;
    padding:0 .3em;
}

address {
    font-style:italic;
    font-size:1.2em;
}

s,del {
    text-decoration:line-through;
}

figure,.figure {
    float:left;
    padding:0 5px;
}

figcaption,.figcaption {
    display:block;
    text-align:center;
    font-size:.75em;
    font-style:italic;
    padding:.2em 0;
}

/* Table */
.wideTable {
    width:100%;
}

.thead {
    background:#34B6BF;
    color:#fff;
}

.tbody tr {
    border-left:2px solid transparent;
}

.tfoot {
    border-top:2px solid #34B6BF;
}


fieldset {
    position:relative;
    border:1px solid #eee;
    margin:0 0 1.5em;
    padding:1.5em .5em .5em;
}

fieldset fieldset {
    clear:both;
    margin:0 0 .75em;
    padding:0 0 0 1.5em;
}

.formList, .form-2-cols {
    list-style:none;
    margin:0;
}

.form-2-cols {
    overflow:hidden;
}

ul.form-2-cols li {
    position:relative;
    float:left;
    width:48%;
}

ul.form-2-cols li:first-child {
    margin-right:4%;
}

.form-2-cols input {
    float:left;
}

input, select, textarea {
    /*width:334px;*/
    width:100%;
}

input,textarea,select {
    border:1px solid #b8cfe1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    padding:5px;
    background:white;
}

label {
    cursor:pointer;
    display:block;
    clear:both;
}

label:active {
    text-decoration:underline;
}

optgroup {
    font-size:.8em;
    text-indent:0;
}

optgroup+optgroup {
    margin-top:0.8em;
}

option {
    font-size:1em;
    padding:0;
    text-indent:0.5em;
}

textarea {
    min-height:100px;
    margin:0 0 .75em;
}

input[type="checkbox"], input[type="radio"] {
    position:absolute;
    background:transparent;
    top:4px;
    left:2px;
    vertical-align:bottom;
    width:13px;
    height:13px;
    padding:0;
    margin:0;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

input[type="hidden"]{
    display:none;
}

label input {
    border:0;
}

label input+span {
    display:block;
    margin-left:20px;
}

.horizontalForm {
    margin:0;
    list-style:none;
}
.horizontalForm label {
    display:inline-block;
    width:49%;
    vertical-align:top;
}
.horizontalForm input, .horizontalForm select, .horizontalForm textarea {
    width:49%;
}

.horizontalForm label input {
    width:13px;
}

input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] {
    background:#eee;
    color:#999;
}




/* Extra classes for common used combos (OOCSS) */
.proh {position:relative;overflow:hidden;}
.oh {overflow:hidden;}
.tal {text-align:left;}
.tar {text-align:right}
.tac {text-align:center;}
.be {display:block;}
.dn {display:none;}
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.cl {clear:left;}
.cr {clear:right;}
.noMargin {margin:0;}
.mt50 {margin-top: 50px;}
.mr5 {margin-right: 5px;}
a .noLink {color:#333;text-decoration:none;}
.inline {display:inline;}

#pageWrap {
    width:960px;
    margin:0 auto;
    background: #fff;
}

#header-logo {
    margin:20px 5px 20px 0;
}

#logo {
    display:block;
    float:left;
    text-decoration: none;
}

#flags {
    margin:5px 0 0 20px;
}

#flags li {
    float:left;
    display:block;
    padding:0 .2em;
}

#flags a {
    width:18px;
    height:16px;
    display:block;
    background:url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) no-repeat;
}

.flagSe {
    background-position:0 -319px!important;
}

.flagFi {
    background-position:0 -343px!important;
}

.flagNo {
    background-position:0 -367px!important;
}

.quickCartLeft {
    max-width:125px;
    overflow:visible;
}
.productRows p {
    margin-bottom: 0px;
}

/* Quick lens select */
.quickLens-select {
    cursor:pointer;
    border:1px solid #b8cfe0;
    padding:.25em .8em;
    margin-top:20px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.quickLens-select:hover {
    border-color:#34b6bf;
}

.quickLens-select span {
    position:absolute;
    right:3px;
    top:7px;
    width:11px;
    height:11px;
    background:url(//img1.lenslogistics.com/yourlenses/sprites/symbolSprite.png) no-repeat 0 -216px;
}

.quickLens-content {
    display:none;
    position:absolute;
    top:52px;
    left:0;
    background:#fff;
    border:1px solid #b8cfe1;
    z-index:50;
    -moz-box-shadow:1px 2px 2px rgba(0,0,0,.2);
    -webkit-box-shadow:1px 2px 2px rgba(0,0,0,.2);
    box-shadow:1px 2px 2px rgba(0,0,0,.2);
}

.quickLens-close {
    cursor:pointer;
    padding:0 .5em;
    color:#1d7f9c;
    font-size:.75em;
}

.quickLens-close:hover {
    color:#fff;
    background-color:#34b6bf;
}

.quickLens-close div {
    position:relative;
    margin-top:4px;
    margin-left:4px;
    float:right;
    width:12px;
    height:12px;
    background:url(//img1.lenslogistics.com/yourlenses/sprites/symbolSprite.png) no-repeat -18px -1260px;
}

.quickLens-close:hover div {
    background:#34b6bf url(//img1.lenslogistics.com/yourlenses/sprites/symbolSprite.png) no-repeat -36px -1260px;
}

.quickLens-content ul {
    position:relative;
    list-style:none outside;
    margin:.2em .5em .2em 0;
    width:300px;
    height:200px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.quickLens-content li {
    position:relative;
    width:98%;
    font-size:.9em;
}

.quickLens-content li a {
    display:block;
    padding:0 .5em;
    border-bottom:1px solid #f0fcff;
}

.quickLens-content li a:hover {
    background-color:#ddeff4;
}

.quickLens-link-private {
    padding:.25em;
    font-size:.75em;
}

.quickLens-link-private:hover {
    background-color:#34b6bf;
    color:#fff;
}

a.quickLens-endoflife {
    color:#777;
}

/* Quick cart */
.header-cart-img-full,.header-cart-img-empty {
    display:block;
    width:20px;
    height:20px;
    float:right;
    margin:7px 10px;
    background:url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) no-repeat;
}

.header-cart-img-full {
    background-position:0 -173px;
}

.header-cart-img-empty {
    background-position:0 -198px;
}

/* Header nav */
#header-nav {
    position:relative;
    height:3em;
    border:1px solid #1d8f8c;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background:#34c6df;
    background:-moz-linear-gradient(top,#34c6df 0%,#1d8f8c 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(100%,#1d8f8c),color-stop(0%,#34c6df));
    background:-webkit-linear-gradient(top,#34c6df 0%,#1d8f8c 100%);
    background:-o-linear-gradient(top,#34c6df 0%,#1d8f8c 100%);
    background:-ms-linear-gradient(top,#34c6df 0%,#1d8f8c 100%);
    background:linear-gradient(top,#34c6df 0%,#1d8f8c 100%);
}

#header-nav ul {
    display:block;
    margin-bottom:0;
}

#header-nav li {
    height:42px;
    float:left;
    display:block;
    border-right:1px solid #1d7f7c;
}

#header-nav a {
    display:block;
    float:left;
    color:#fff;
    text-transform:uppercase;
    padding:10px 1.25em 0;
    text-shadow:0 0 3px #333;
    font-weight:700;
    font-size:.8em;
    text-decoration:none;
}
/* Search */
.searchInputContainer {
    position:relative;
    background-color:#fff;
    height:30px;
    width: 100%;
    margin:.4em .4em 0 0;
    border:1px solid #1d7f9c;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,.5);
    -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.5);
    box-shadow:inset 1px 1px 3px rgba(0,0,0,.5);
}

.searchInput {
    background-color:transparent;
    color:#888;
    width: 240px;
    padding:0 10px;
    margin:1px 0 0;
    border:0;
    clear:none!important;
    font-size:1em;
    height:2em;
    line-height:1em;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

#searchInput:focus, #searchInput:hover {
    outline:none;
    color:#000;
}

.searchSubmitBtn {
    margin:.3em .3em 0 0!important;
    float:right!important;
    padding:0!important;
    border:0!important;
    width:20px!important;
    height:19px!important;
    clear:none!important;
    background:transparent url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) no-repeat 0 -270px!important;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.searchSubmitBtn:hover {
    background:url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) no-repeat 0 -294px!important;
}

.productSelectHeader {
    clear:both;
    background:#fff;
    border:1px solid #1d7f9c;
    font-size:12px;
    display:none;
    z-index:33;
    width:340px;
    -moz-box-shadow:1px 2px 2px rgba(0,0,0,.2);
    -webkit-box-shadow:1px 2px 2px rgba(0,0,0,.2);
    box-shadow:1px 2px 2px rgba(0,0,0,.2);
}

.productSelectHeader div {
    cursor:pointer;
    padding:0 5px;
}

.productSelectHeader div.selected {
    background: #34B6BF;
    background: -moz-linear-gradient(top,#34A6FF -50%,#1d7f9c 150%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(-50%,#98D2FF),color-stop(150%,#1d7f9c));
    background: -webkit-linear-gradient(top,#34A6FF -50%,#1d7f9c 150%);
    background: -o-linear-gradient(top,#34A6FF -50%,#1d7f9c 150%);
    background: -ms-linear-gradient(top,#34A6FF -50%,#1d7f9c 150%);
    background: linear-gradient(top,#34A6FF -50%,#1d7f9c 150%);
    color: white;
}

/* 
 *          LEFT NAV
 */
#nav-left,.nav-content-item {
    margin:0;
    overflow:hidden;
    list-style:none outside;
}

.nav-content {
    margin-top:.8em;
}

.nav-header {
    margin:0;
}

.nav-header {
    border-top:4px solid #fcfcfc;
    -webkit-transition:border-color .3s linear;
    -moz-transition:border-color .3s linear;
    -o-transition:border-color .3s linear;
    -ms-transition:border-color .3s linear;
    transition: border-color .3s linear;
}

.nav-content:hover .nav-header {
    border-color:#34b6bf;
}

.nav-header a{
    text-decoration:none;
    display:block;
    padding:.2em;
    font-size:1.2em;
    font-weight:800;
}

.nav-content-item {
    margin-top:.5em;
}

.nav-content-item li {
    display:block;
}

.nav-content-item li a {
    display:block;
    padding:0 0 0 .5em;
    text-decoration:none;
}

.nav-content-item li a:hover,.nav-content-frames-filter ul li label:hover {
    text-decoration:underline;
}

.nav-sub-wrap ul {
    margin:0;
    position:relative;
}

.nav-sub-wrap li {
    border-left:0;
    border-right:0;
    position:relative;
}

.nav-sub-header {
    position:relative;
    cursor:pointer;
    color:#1d7f9c;
    padding:.2em .5em;
    font-weight:700;
    border:0;
    margin-bottom:0;
}

.nav-sub-header:hover {
    color:#333;
}

.nav-drop {
    position:absolute;
    top:3px;
    right:3px;
    margin-top:4px;
    width:10px;
    height:10px;
    background:url(//img1.lenslogistics.com/yourlenses/sprites/symbolSprite.png) no-repeat;
}

.nav-close {
    background-position:0 -217px;
}

.nav-open {
    background-position:0 -145px;
}

/* NAV - FRAME FILTERS */
.nav-content-frames-filter p {
    color:#1d7f9c;
    margin:.2em .5em;
}

.frame-filter-wrap {
    max-height:140px;
    overflow:auto;
    position:relative;
    border:1px solid #ddeff4;
    background:#f0fcff;
}

.frame-filter-wrap ul {
    margin:0 0 5px;
    position:relative;
    overflow:visible;
    z-index:1;
}

.frame-filter-wrap li {
    position:relative;
    margin-left:5px;
}

/* NAV - CUSTOMER SERVICE */
.nav-cs:hover .nav-header {
    border-color:#7BB233;
}

.nav-cs a {
    color:#7BB233; /* #116a11 */
}

.nav-cs ul.nav-content-item li a:hover, .nav-cs p.nav-header a:hover {
    color:#333;
}

/* NAV - GRADES */
.nav-grades {
    background:#fff;
}

.nav-grades-item .nav-grades-image {
    width:180px;
    background:url(//img1.lenslogistics.com/yourlenses/images/sprites/iconSpritev2.png) no-repeat;
}

.nav-grades-item .grade-trustpilot {
    background-position:0 -255px;
    height:26px;
}

.nav-grades-item .grade-pricerunner {
    background-position:0 -285px;
    height:30px;
}

.nav-grades ul {
    margin:0;
    padding:0;
}

.nav-grades-info, .nav-grades-read-more {
    width:49%;
    position:relative;
}

.nav-content-item .active a {
    background-color:#ddeff4;
}

.nav-content-item .active a:before {
    content:"";
    margin:3px 3px 0 0;
    float:left;
    width:10px;
    height:10px;
    background:url(//img1.lenslogistics.com/yourlenses/sprites/symbolSprite.png) no-repeat 0 -180px;
}

.nav-content-manufacturer {
    display:none;
}

.nav-content-manufacturer li {
    margin-left:10px;
}

/* PageInfo - Content */
#content-wrapper {
    float:right;
    margin-top:10px;
}

/* There is also a fix for this in IE7, IE8 in JavaScript */
.content-product:first-child {margin-left:0;}
.content-product:last-child {margin-right:0;}

.content-product-row {
    position:relative;
    margin:0;
}

/* Content - Promotion */
.promotionBox {
    height:375px;
    margin-bottom:10px;
}

/* PRODUCT PAGE */
.product-info-price-wrap .price {
    display:block;
    margin-top:5px;
    font-size:2.6em;
}

.product-inStock {
    font-size:.7em;
    color:#555;
    font-style:italic;
}

.product-outOfStock {
    color:red;
    text-decoration:underline;
}

.product-info-buy-button {
/*    margin-top:20px;*/
}
.submitFormBtn {
    overflow: hidden;
}
.submitFormBtn .progWrapperS {
    padding: 16px 0;
    background-color: rgba(255,255,255,.8);
}
.submitFormBtn .progress {
    margin-right: 4px;
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(//img4.lenslogistics.com/121/img2/invis.png" style="height:1px);
    top: 0;
    left: 0;
    display: none;
}

#related-products {
    margin-top:20px;
    border-top:1px solid #1d7f9c;
}

.facebookBox {
    width:270px;
}

.product-params {
    margin:10px 0;
}

.product-params select {
    margin:2px 0;
    width:81px;
    font-size:1em;
}

.product-params h4 {
    margin-left:1em;
}

/* PRODUCT PAGE - FRAMES */
.frame-params-usage {
    padding-left:10px;
}

.frame-params-wrap {
    /*width:245px;*/
    position:relative;
}

.frame-params-table tbody th {
    font-size:.8em;
    text-align:right;
}

.frame-info-wrap {
    width:100%;
    position:relative;
}

.frame-info {
    padding: 8px 50px;
}

.frame-info p {
    cursor:pointer;
    color:#1d7f9c;
}

.frame-info p:hover {
    color:#333;
}

.frame-extra-wrap {
    padding:10px;
}

.frame-params-usage {
    width: 245px;
    position:relative;
}

.frame-extra {
    width: 50%;
    float: left;
}

.frame-extra-header {
    font-weight:700;
    margin:0;
}

.frame-extra ul,.frame-extra ul li, .frame-params-usage ul, .frame-params-usage ul li {
    list-style:none outside;
    margin:0;
    padding:0;
    position:relative;
}

.frame-extra ul li, .frame-params-usage ul li {
    overflow:hidden;
    margin-right: 10px;
}

.frame-extra li:hover, .frame-params-usage li:hover {
    background-color:#ddeff4;
}

.frame-extra label, .frame-params-usage label {
    font-size:12px;
    padding:2px;
    height:auto;
}

.frame-extra label input[type=radio], .frame-params-usage label input[type=radio] {
    float:left;
}

#prescriptionHelp ul {
    list-style:none inside;
    margin:0;
}

#prescriptionHelp p {
    margin:5px 0;
    padding:0;
}

#prescriptionHelp span {
    color:#555;
    font-weight:700;
}

#prescriptionHelp abbr {
    font-variant:normal;
}
.sunglassReadMore,
.photoCromReadMore,
.polarizedReadMore,
.glassReadMoreInfo,
.glassTerminalMoreInfo,
.glassProgressiveMoreInfo {
    display: none;
}


/* PRODUCT PAGE - LENSES, EXTRA, SUNWEAR */
.lens-params-table th, .solution-params-table th, .sunwear-params-table th, .lens-params-table-edit th {
    font-size:.8em;
}

.lens-params-table tbody th, .solution-params-table tbody th, .sunwear-params-table tbody th, .lens-params-table-edit tbody th {
    text-align:right;
}

.lens-params-table-edit select{
    font-size:.8em;
}
.invalidInfo {
    display: none;
}
select.errorParam {
    background:#FFE5E5;
    border:1px solid #ff0000;
}
.errorParam .invalidInfo {
    display: inline;
    color: red;
}
.hover-tips {position: relative;
    top: -10px;
    background: white;
    border: 1px solid #1d7f9c;
    padding: 10px 15px;
    color: black;
    text-align: left;
    font-size: 0.8em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 23px 0 77px;
    display: none;
}
.hover-tips div {display: none;}
.hover-tips span {
    border: none;
    position: absolute;
    top: -12px;
    width: 23px;
    height: 12px;
    background-image: url(//img2.lenslogistics.com/SE/images/menu/menuSprite.png);
    background-position: -266px -52px;
}
.hover-tips.quantity, .hover-tips.power, .hover-tips.bc, .hover-tips.dia, .hover-tips.cyl, .hover-tips.ax, .hover-tips.add, .hover-tips.color,
.hover-tips.quantity .quantity, .hover-tips.power .power, .hover-tips.bc .bc, .hover-tips.dia .dia, .hover-tips.cyl .cyl, .hover-tips.ax .ax, .hover-tips.add .add, .hover-tips.color .color {
    display: block;
}
.hover-tips.quantity .pointer {left: 27px;}
.hover-tips.power .pointer {left: 110px;}
.hover-tips.bc .pointer {left: 193px;}
.hover-tips.dia .pointer {left: 276px;}
.hover-tips.cyl .pointer {left: 359px;}
.hover-tips.ax .pointer {left: 442px;}
.hover-tips.add .pointer {left: 525px;}
.hover-tips.color .pointer {left: 608px;}

.lens-param-error {
	margin-left: 10px;
	color: red;
	font-size: 12px;
}

.lens-param-error .not-in-stock {
	display: none;
}

.productNotInStock_left .lens-param-error .not-in-stock,
.productNotInStock_right .lens-param-error .not-in-stock {
	display: block;
}

/* PAGE - CUSTOMER SERVICE */
.contact-box {
    margin:.4em;
}

.contact-box li {
    list-style:none outside;
}

#form-contact-wrapper {
    position:relative;
    margin:0;
    padding:0 0 0 10px;
    list-style:none;
    /*width:400px;*/
    width:90%;
    float:left;
}

#form-contact-wrapper li {
    position:relative;
    overflow:hidden;
}

#form-contact-wrapper input[type="submit"] {
    width:auto;
}

.cs-terms {
    position:relative;
    padding:.3em .5em .3em 15px;
    margin:0;
    list-style:none;
}

.cs-terms li {
    position:relative;
}

.cs-terms li span+span {
    display:block;
    clear:right;
    padding-left:10px;
}

.cs-terms li .ul-check {
    position:absolute;
    left:-11px;
    top:5px;
    width:11px;
    height:11px;
    float:left;
    background:url(//img1.lenslogistics.com/yourlenses/sprites/symbolSprite.png) no-repeat -18px -1566px;
}

/* PRODUCT ITEM BOX */

.product-wrapper {
    margin-bottom:10px;
    background-color:#fff;
    border:1px solid #ddeff4;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:5px 0 0 0;
}

.product-wrapper:hover {
    border-color:#34b6bf;
}

.product-wrapper:hover .product-buy-button {
    text-decoration:underline;
    background:#34b6bf;
    color:#fff;

}

.product-name {
    text-align:left;
    font-weight:700;
    padding:0 .6em;
    margin-bottom:.5em;
    height:45px;
}

.infotitle {
    position: absolute;
}

.product-name a,
a.product-list-item {
    color:#333;
    text-decoration: none;
}

.product-wrapper .product-price-wrap {
    position:relative;
    width:100%;
    height: 21px;
}

.product-price-wrap .price,
.product-info-price-wrap .price {
	display: inline;
}

.product-price-wrap .price {
	font-size:1.4em;
}

.product-info-price-wrap .price {
	line-height: normal;
}

.product-price-wrap .old-price,
.product-info-price-wrap .old-price {
	display: inline;
	font-size: 1em;
	color: #000;
	margin-right: 5px;
}

.product-img-wrap {
    position:relative;
    height:117px;
}

.imginfo {
    /*height: 600px;*/
    width:422px;
    left: 0;
    margin-top: 30px;
    float: left;
}

.detailinfo {
    margin-left: 15px;
    margin-top: 70px;
}

.specslist {
    margin-top: 10px;
    margin-left: 40px
    }

.specslist dt,
.specslist dd {
    display: inline-block;
    width: 45%;
    margin: 0;
    border-bottom:1px solid #eee;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.info-main-img {
    padding-top: 40px;
    padding-bottom: 10px;
}
.info-main-img .privateLabel {
    width: 100%;
    height: 237px;
    margin-bottom: 20px;
}

.privateLabel .whiteLabel {
    text-shadow: 1px 1px white;
    color: #666;
    font-weight: bold;
    position: absolute;
    width: 100%;
    left: 0;
    top: 145px;
}
.info-main-img .arrow {
    position: absolute;
    top: 240px;
    left: 162px;
    width:90px;
    height:80px;
    background:url(//img1.lenslogistics.com/yourlenses/images/sprites/bigarrows.png) no-repeat 0 0;
}

.product-buy-button {
    position:relative;
    text-decoration:none;
    width:100%;
    background:#DDEFF4;
    color: #1d7f9c;
    font-weight:700;
    display:block;
    padding:8px 0;
    text-transform:uppercase;
    border-top:1px solid #f0fcff;
    /*-moz-border-radius-bottomright:5px;*/
    /*-webkit-border-bottom-right-radius:5px;*/
    /*border-bottom-right-radius:5px;*/
    /*-moz-border-radius-bottomleft:5px;*/
    /*-webkit-border-bottom-left-radius:5px;*/
    /*border-bottom-left-radius:5px;*/
}

/* Breadcrumb */
.breadcrumb-wrap {
    display:inline;
    clear:right;
}

.breadcrumb-wrap div {
    display:inline;
}

.breadcrumb-wrap a {
    color:#1d7f9c;
    text-decoration: none;
    font-weight: bold;
}

.breadcrumb-wrap a:hover {
    color:#333;
}

.breadcrumb-sep {
    font-size:1em;
    padding:0 .3em;
    color:#555;
}

a.breadcrumb-current {
    color:#333;
}

/* PRODLIST PAGINATION */
.prodList-result-count {
    margin:5px 0 0 10px;
    font-size:0.8em;
}

.prodList-nav {
    font-size:0.8em;
}

.prodList-pagination {
    float:left;
    margin:5px 0 0 20px;
}

.prodList-pagination a {
    padding:2px 5px;
    text-decoration:none;
    color:#333;
    border:1px solid #999;
    background:#f9f9f9 url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) repeat-x 0 -740px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

.prodList-pagination a:hover {
    background-position: 0 -785px;
    color:#111;
}

.prodList-pagination a.active {
    background-position: 0 -785px;
    color:#111;
    border-color:#666;
}

.prodList-pagination a.disabled {
    background-position: 0 -740px;
    border-color:#ccc;
    color:#999;
    cursor: default;
}

.prodList-sorting {
    margin:5px 10px 0;
}

.prodList-sorting a.active {
    font-weight:800;
    text-decoration:none;
}

/* PAGE - CART */
.cart-basketBox {
    padding:10px 40px;
}

.cart-product-row {
    position:relative;
    padding:.4em 1em;
    margin:.6em 0;
}

.cart-product-row img {
    padding:0 40px;
}

.cart-product-row .cart-options {
    position:absolute;
    top:5px;
    right:10px;
    color:#1d7f9c;
    font-size:11px;
}

.cart-options .edit-product {
    cursor:pointer;
    text-decoration:underline;
}

.cart-options .edit-product:hover {
    color:#333;
    text-decoration:none;
}

.cart-product-row .cart-product-info {
    position:relative;
    width:350px;
}

.cart-product-row .cart-product-price {
    margin-top:20px;
}

.cart-product-edit-container {
    display:none;
}

.cart-summary {
    width:407px;
}

.cart-summary,.cart-summary li {
    list-style:none outside;
    margin:0;
}

.cart-summary li {
    padding:.2em 0;
}

.cart-price-total {
    border-top:2px solid #b8cfe1;
}

.cart-tip p {
    text-align:center;
    margin:0 20px;
}

.cart-payment {
    position:relative;
    float:left;
    list-style:none;
    margin:10px 35px;
    width:290px;
}

.cart-payment-error {
    display:none;
    color:#000;
    background:#ffe2e2;
    border:1px solid red;
    text-align:center;
    padding:5px 0;
    margin-bottom:10px;
}

.cart-payment-error p {
    font-weight:800;
    margin:0;
    padding:0 5px;
    font-size:.8em;
}

.cart-payment-error span {
    display:block;
    float:left;
    width:13px;
    height:13px;
    background:transparent url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) repeat-x 0 0;
}

.cart-payment-info {
    display:none;
    float:left;
    margin:10px 35px;
    width:325px;
}

.cart-payment-arrow {
    float:left;
    position:relative;
    width:90px;
    height:80px;
    margin-top:20px;
    background:url(//img1.lenslogistics.com/yourlenses/images/sprites/bigarrows.png) no-repeat 0 -270px;
}

.cart-payment-info ul{
    position:relative;
    list-style:none;
    margin:0;
}

.cart-payment-info ul span {
    font-size:.85em;
    float:left;
}

.cart-payment-info .partPayment-price {
    float:right;
    font-weight:800;
}

.cart-freeFreight h4 {
    text-align:center;
    margin-top:10px;
}

.cart-freeFreight p {
    margin:10px 20px;
}

.cart-customer-params {
    list-style:none;
    margin:10px 35px;
    width:345px;
}

.cart-customer-params li{
    width:100%;
}

.cart-customer-params li, .cart-payment li, .cart-payment-info li {
    overflow:hidden;
    position:relative;
}

.cart-customer-params input[type="checkbox"] {
    width:13px;
}

.cart-agree-wrap {
    margin-top:10px;
    width:334px;
}

.cart-agree-wrap label.valid {
    background:transparent;
}

#submitOrderBtn {
    position: relative;
    height: 60px;
    clear: left;
}

#submitOrderBtn input {
    float: none;
}

#submitOrderBtn .progress {
    margin-top: -17px;
}

.sveaAddresses {
    display:none;
}

.sveaAddresNoResult {
    display:none;
}

.sveaAddressList {
    display:none;
    list-style:none;
    margin:0;
}

.sveaAddressList li {
    position:relative;
    overflow:hidden;
    padding:5px 0;
}

.sveaAddressResult {
    padding:5px;
    border:1px solid transparent;
}

.selectedRadio {
    background:#fff;
    border:1px solid #b8cfe1;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.sveaAddressResult input {
    top:15px;
    left:5px;
}

.sveaAddressResult span {
    font-size:.8em;
    line-height: 1em;
}

/* ERROR / 404 */
.errorWrap {
    text-align:center;
    margin-top:10em;
}

/* PAGE - FAQ */
.faq-list {
    margin:0;
    position:relative;
    width:100%;
}

.faq-list li {
    list-style:none outside;
    position:relative;
    float:left;
    clear:both;
    width:100%;
}

.faq-content {
    display:none;
    position:relative;
    padding:.4em 1em;
    clear:both;
    margin-left:20px;
}

.faq-question {
    position:relative;
    float:left;
    margin:.3em 0;
    clear:both;
    cursor:pointer;
}

.faq-question-text {
    margin:2px 0 0 15px;
    color:#1d7f9c;
}

.faq-symbol {
    position:absolute;
    top:5px;
    left:0;
    width:11px;
    height:11px;
    display:block;
    float:left;
}

.faq-question .faq-expand {
    background:url(//img1.lenslogistics.com/yourlenses/sprites/symbolSprite.png) no-repeat 0 -1351px;
}

.faq-question:hover .faq-expand {
    background-position:-18px -1351px;
}

.faq-question .faq-minimize {
    background:url(//img1.lenslogistics.com/yourlenses/sprites/symbolSprite.png) no-repeat 0 -1369px;
}

.faq-question:hover .faq-minimize {
    background-position:-18px -1369px;
}

.faq-answer p {
    clear: both;
}

.faq-nav {
    position:absolute;
    top:0;
    right:0;
}

.faq-nav span {
    cursor:pointer;
    color:#1d7f9c;
    font-weight:700;
}

.faq-nav span:hover {
    color:#000;
}

/* End Of Life */
.replacementImages a{
    border:2px solid #fff;
}

.replacementImages a:hover{
    border:2px solid #34b6bf;
}

.equivalentarrow {
    position:absolute;
    top:210px;
    right:110px;
    width:90px;
    height:80px;
    background:url(//img1.lenslogistics.com/yourlenses/images/sprites/bigarrows.png) no-repeat 0 0;
}

/* EOL on product view */
.eol-info {
    position:relative;
    margin:20px 0;
    padding:0 20px;
}

.eol-info p {
    float:left;
    width:462px;
    margin-left:30px;
    margin-right:10px;    
}

.eol-img-small {
    width:185px;
    margin-right:10px;
}

.eol-img-small img {
    float:left;
    padding:0 5px;
}

.eol-img-small-arrow {
    position:absolute;
    top:16px;
    left:72px;
    width:30px;
    height:30px;
    background:transparent url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) repeat-x 0 -483px;
}

.eol-warning {
    width:18px;
    height:18px;
    margin-right:10px;
    background:transparent url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) repeat-x 0 -54px;
}

.eol-warning-close {
    cursor:pointer;
    position:absolute;
    top:2px;
    right:2px;
    width:12px;
    height:12px;
    background:transparent url(//img1.lenslogistics.com/yourlenses/sprites/symbolSprite.png) no-repeat 0 -1260px;
}

.eol-replaceButton {
    margin:0 10px;
}

.eol-replaceButton a.btn {
    float:none;
}

/* FOOTER */
.footer {
    margin-top:3em;
    border-top:1px solid #b8dfe1;
    border-bottom:1px solid #b8Dfe1;
    background-color:#f0fcfb;
    padding:1.3em 0 4em;
}

#footer-sitemap,#footer-sitemap li, #footer-toplist li {
    list-style:none outside;
    margin:0;
    padding:0;
}

#footer-mid-content {
    border-left:1px solid #b8dfe1;
    border-right:1px solid #b8dfe1;
    padding:1.5em 1em;
    margin:.7em;
}

#footer-sitemap li h5,#footer-toplist li h5 {
    margin-bottom:.7em;
}

#footer-sitemap li a,#footer-toplist li a {
    padding:.2em .3em;
    display:block;
    font-size:.85em;
}

/* Reusable stuff */
.break-row {
    width:100%;
    height:1px;
    font-size:0;
    background-color:#b8cfe1;
    margin:5px 0;
    overflow:hidden;
}

.column-container {
    position:relative;
    float:left;
}

.placeholder {
    color:#ccc;
}

/* Validation Erorrs */
.tooltip {
    background:#fff;
    border:1px solid #1d7f9c;
    padding:10px 15px;
    max-width:200px;
    display:none;
    color:#000;
    text-align:left;
    font-size:0.8em;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.dirty {
    background:#ffe2e2;
}

label.dirty {
    background:transparent;
    color:red;
}

.valid {
    background:#e2ffe3;
}

label.valid {
    border:0;
    color:#7BB233;
}

.manditory {
    color:red;
    padding-left:5px;
}


/* Slider */
.slide-no {float: left}
.slider-caption a {display:inline!important;color:#efe9d1;text-decoration:underline;}
.slider-caption {
    margin:0;
    position:absolute;
    left:0;
    bottom:4px;
    width: 100%;
    background:url("//img4.lenslogistics.com/121/img2/invis.png" style="height:1px") repeat-y;
    color:#fff;
    z-index:20;
}
.slider-caption div {
    padding:10px 5px;
    font-weight:300;
    font-size:1.2em;
    color:#fff;
    line-height: 100%;
}
.small .slider-caption div {padding: 7px 5px;font-size: 14px;}
.slider-caption .primary-caption {position: relative;}
.slider-caption .secondary-caption {position: absolute;left: 0;top:0;display:none}
.caption-top .slider-caption {top: 0!important;bottom: auto!important}
.no-caption .slider-caption {visibility: hidden;}
.slider {position:relative;width:100%;height:100%;}
.slide {position: relative;width: 100%;height: 100%;display: none;}
.slide:first-child {display: block}
.ticker {position: absolute;right: 0;bottom:0;z-index: 24;margin: 5px;}
.ticker div {
    cursor: pointer;
    float: left;
    margin: 5px;
    border: 2px solid #ddd;
    background-color: #eee;
    font-size: 8px;
    font-weight: bold;
    width: 10px;
    height: 10px;
    text-align: center;
    -webkit-border-radius:7px; 
    -moz-border-radius: 7px;
    border-radius: 7px;
    color:#c33;
    line-height: 0.4em;
    z-index: 5;
    -moz-box-shadow: inset 1px 1px 2px rgba(51, 51, 51, .8);
    -webkit-box-shadow: inset 1px 1px 2px rgba(51, 51, 51, .8);
    box-shadow: inset 1px 1px 2px rgba(51, 51, 51, .8);
}
.ticker div.currentSlide {
    background-color: #28f;
    -moz-box-shadow: inset -1px -1px 3px rgba(51, 51, 51, .5);
    -webkit-box-shadow: inset -1px -1px 3px rgba(51, 51, 51, .5);
    box-shadow: inset -1px -1px 3px rgba(51, 51, 51, .5);
}
.no-ticker .ticker {display: none}
#indexMainContent {
    margin: 5px auto;
    width:710px;
    height: 334px;
}

div.highlight1 li.highlight1, div.highlight2 li.highlight2, div.highlight3 li.highlight3, div.highlight4 li.highlight4, div.highlight5 li.highlight5 {
    background-color: #3a3b3c;
    color: #fff;
    cursor:pointer;
}

/* Progress indicator */

#progWrapperTemplate {display: none;}

.progWrapperS, .progWrapperM, .progWrapperB {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 7000;
}
.progress {
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: auto;
	opacity: 0.8;
	color: #f00;
	position: relative;
}
.progWrapperS .progress {
	height: 32px;
	width: 32px;
}
.progWrapperM .progress {
	height: 96px;
	width: 96px;
}
.progWrapperB .progress {
	height: 180px;
	width: 180px;
}
.lvm_container .progWrapperS .progress {
	background-color: #BEBEBE;
	top: 7px;
}
.progress li {
    list-style-position: inside;
    margin: 0;
}
.progress li.prog {
	color: #34b6bf;
	float: left;
	font-family: Lucida Console;
	font-weight: bold;
	letter-spacing: -11px;
	position: relative;
	text-align: center;
	text-shadow: 2px 2px 3px #777777;
}
.progress li.spacer {
    float: left;
    position: relative;
    list-style: none;
}
.progWrapperS .progress li.prog, .progWrapperS .progress li.spacer {
	font-size: 8pt;
	height: 8px;
	width: 6px;
}
.progWrapperM .progress li.prog, .progWrapperM .progress li.spacer {
	font-size: 27pt;
	height: 24px;
	width: 18px;
}
.progWrapperB .progress li.prog, .progWrapperB .progress li.spacer {
	font-size: 40pt;
	height: 40px;
	width: 30px;
}
.progress ul {
	list-style-position: inside;
	list-style-type: disc;
	position: absolute;
	height: 100%;
	width: 100%;
	margin: 0;
        padding: 0;
}
.progWrapperS .progress ul {
	left: 9px;
	top: -2px;
}
.progWrapperM .progress ul {
	left: 27px;
	top: 10px;
}
.progWrapperB .progress ul {
	left: 54px;
	top: 35px;
}
.progress .lm {clear: left;}
.progress .lb {clear: left;}
.progress .cb {clear: none;}
.progWrapperS .progress .lt, .progWrapperS .progress .rt {top: 2px;}
.progWrapperS .progress .ct {top: 0;}
.progWrapperS .progress .lt, .progWrapperS .progress .rt {top: 2px;}
.progWrapperS .progress .lm {left: -2px;}
.progWrapperS .progress .rm {left: 2px;}
.progWrapperS .progress .rb, .progWrapperS .progress .lb {top: -2px;}
.progWrapperS .progress .cb {}
.progWrapperS .progress .rb, .progWrapperS .progress .lb {top: -2px;}
.progWrapperM .progress .lt, .progWrapperM .progress .rt {top: 6px;}
.progWrapperM .progress .ct {top: -2px;}
.progWrapperM .progress .lt, .progWrapperM .progress .rt {top: 6px;}
.progWrapperM .progress .lm {left: -7px;}
.progWrapperM .progress .rm {left: 7px;}
.progWrapperM .progress .rb, .progWrapperM .progress .lb {top: -6px;}
.progWrapperM .progress .cb {top: 2px;}
.progWrapperM .progress .rb, .progWrapperM .progress .lb {top: -6px;}
.progWrapperB .progress .rm {left: 12px;}
.progWrapperB .progress .lm {left: -12px;}
.progWrapperB .progress .ct {top: -4px;}
.progWrapperB .progress .cb {top: 4px;}
.progWrapperB .progress .lt,.progWrapperB .progress .rt {top: 8px;}
.progWrapperB .progress .rb,.progWrapperB .progress .lb {top: -8px;}

.noscriptWarning {
    position:fixed;
    top:80px;
    left:50%;
    text-align:center;
    z-index:99999;
    margin-left:-300px;
    width:600px;
}
.noscriptWarning .m-warning {
     min-height:300px;
}

/* Admin stuff */
.adminTool {
    margin-top:10px;
    background:#333;
    color:#ccc;
    padding:5px;
}
.adminTool-user, .adminTool-host {text-align:center;}
.adminTool ul {list-style:none;}
.adminTool a {color:#ccc;text-decoration:none;}
.adminTool a:hover {color:#fff;}

.cacheTable th {
    text-align:right;
}

.ssn-no select {
    float:left;
    width:110px;
}

.cartConfirm h1 {
    text-align: center;
    font-weight: 400;
    font-size: 34px;
    margin-bottom: 10px;
}
.cartConfirm .cartConfirmText {
    text-align: center;
    font-size: 16px;
    padding: 0 60px;
    margin-bottom: 50px;
}
.cartConfirmGray {
    margin: 10px 0;
    padding: 10px;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.cartConfirmGray li {
    list-style: none;
    margin: 0;
}

.updatePrice {
    color: red;
}

.hold-comment-wrapper, .csi-comment-wrapper {
    display: none;
}

.hold-checkbox-wrapper, .csi-checkbox-wrapper {
    position: relative;
}

.hold-checkbox-label, .csi-checkbox-label {
    margin-left: 20px;
}


/* ********************************************************************************************************
 * BUTTON 
 ******************************************************************************************************** */
.btn, a.btn {
    position:relative;
    display:inline-block;
    cursor:pointer;
    vertical-align:middle;
    padding:.2em .6em;
    margin-bottom:.2em;
    text-decoration:none;
    font-weight:bold;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    /* The user can not select the text inside the buttons */
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select: none;

    text-align: center;
}

/* ******************************************************************************************************** 
 * BUTTON GREEN 
 ******************************************************************************************************** */
.btn.green {
    border:1px solid #555!important;
    color:#fff!important;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow:inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9);
    -webkit-box-shadow:inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9);
    box-shadow:inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9);
    background: #6ac728;
    background: -moz-linear-gradient(top, #6ac728 0%, #008b00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ac728), color-stop(100%,#008b00));
    background: -webkit-linear-gradient(top, #6ac728 0%,#008b00 100%);
    background: -o-linear-gradient(top, #6ac728 0%,#008b00 100%);
    background: -ms-linear-gradient(top, #6ac728 0%,#008b00 100%);
    background: linear-gradient(to bottom, #6ac728 0%,#008b00 100%);
}
.btn.green:hover, .btn.green:focus {
    background: #65bd2a;
    background: -moz-linear-gradient(top, #65bd2a 0%, #007800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65bd2a), color-stop(100%,#007800));
    background: -webkit-linear-gradient(top, #65bd2a 0%,#007800 100%);
    background: -o-linear-gradient(top, #65bd2a 0%,#007800 100%);
    background: -ms-linear-gradient(top, #65bd2a 0%,#007800 100%);
    background: linear-gradient(to bottom, #65bd2a 0%,#007800 100%);
}
.btn.green:active {
    background: #5fa827;
    background: -moz-linear-gradient(top, #5fa827 0%, #006600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fa827), color-stop(100%,#006600));
    background: -webkit-linear-gradient(top, #5fa827 0%,#006600 100%);
    background: -o-linear-gradient(top, #5fa827 0%,#006600 100%);
    background: -ms-linear-gradient(top, #5fa827 0%,#006600 100%);
    background: linear-gradient(to bottom, #5fa827 0%,#006600 100%);
}

/* ******************************************************************************************************** 
*  BUTTON GRAY 
******************************************************************************************************** */
.btn.gray{
    border:1px solid #AAA!important;
    color:#072243!important;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
    -moz-box-shadow:inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5);
    -webkit-box-shadow:inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5);
    box-shadow:inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5);
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #dbdbdb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#dbdbdb));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#dbdbdb 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#dbdbdb 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#dbdbdb 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#dbdbdb 100%);
}
.btn.gray:hover, .btn.gray:focus{
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #c9c9c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#c9c9c9));
    background: -webkit-linear-gradient(top, #fcfcfc 0%,#c9c9c9 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%,#c9c9c9 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%,#c9c9c9 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%,#c9c9c9 100%);
}
.btn.gray:active{
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#fcfcfc));
    background: -webkit-linear-gradient(top, #dddddd 0%,#fcfcfc 100%);
    background: -o-linear-gradient(top, #dddddd 0%,#fcfcfc 100%);
    background: -ms-linear-gradient(top, #dddddd 0%,#fcfcfc 100%);
    background: linear-gradient(to bottom, #dddddd 0%,#fcfcfc 100%);
}

/* ******************************************************************************************************** 
* BUTTON BLACK 
******************************************************************************************************** */
.btn.black {
    border:1px solid #000!important;
    color:#fff!important;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow:inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9);
    -webkit-box-shadow:inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9);
    box-shadow:inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9);
    background: #555;
    background: -moz-linear-gradient(top, #555555 0%, #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#111111));
    background: -webkit-linear-gradient(top, #555555 0%,#111111 100%);
    background: -o-linear-gradient(top, #555555 0%,#111111 100%);
    background: -ms-linear-gradient(top, #555555 0%,#111111 100%);
    background: linear-gradient(to bottom, #555555 0%,#111111 100%);
}
.btn.black:hover, .btn.black:focus {
    background: #777777;
    background: -moz-linear-gradient(top, #777777 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#1e1e1e));
    background: -webkit-linear-gradient(top, #777777 0%,#1e1e1e 100%);
    background: -o-linear-gradient(top, #777777 0%,#1e1e1e 100%);
    background: -ms-linear-gradient(top, #777777 0%,#1e1e1e 100%);
    background: linear-gradient(to bottom, #777777 0%,#1e1e1e 100%);
}
.btn.black:active {
    background: #444444;
    background: -moz-linear-gradient(top, #444444 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#1e1e1e));
    background: -webkit-linear-gradient(top, #444444 0%,#1e1e1e 100%);
    background: -o-linear-gradient(top, #444444 0%,#1e1e1e 100%);
    background: -ms-linear-gradient(top, #444444 0%,#1e1e1e 100%);
    background: linear-gradient(to bottom, #444444 0%,#1e1e1e 100%);
}

/* ******************************************************************************************************** 
*                  BUTTON BEHAVIOUR 
******************************************************************************************************** */
.round.btn {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.btn.large, a.btn.large {
    width:100%;
}
.btn.green.active, .btn.gray.active {
    border-color:#333!important;
    box-shadow:0 0 3px rgba(0,0,0,.5);
}

.btn.gray.disabled, .btn.gray.disabled:hover, .btn.gray.disabled:focus, .btn.gray.disabled:active {
    cursor:default;
    border-color:#ccc;
    color:#c0c0c0!important;
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#fcfcfc));
    background: -webkit-linear-gradient(top, #dddddd 0%,#fcfcfc 100%);
    background: -o-linear-gradient(top, #dddddd 0%,#fcfcfc 100%);
    background: -ms-linear-gradient(top, #dddddd 0%,#fcfcfc 100%);
    background: linear-gradient(to bottom, #dddddd 0%,#fcfcfc 100%);
}
.btn.green.disabled, .btn.green.disabled:hover, .btn.green.disabled:focus, .btn.green.disabled:active {
    cursor:default;
    color:#137700!important;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.2);
    background: #6ac728;
    background: -moz-linear-gradient(top, #6ac728 0%, #008b00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ac728), color-stop(100%,#008b00));
    background: -webkit-linear-gradient(top, #6ac728 0%,#008b00 100%);
    background: -o-linear-gradient(top, #6ac728 0%,#008b00 100%);
    background: -ms-linear-gradient(top, #6ac728 0%,#008b00 100%);
    background: linear-gradient(to bottom, #6ac728 0%,#008b00 100%);
}
.btn.disabled .sprite {
    opacity: .4;
}
button:-moz-focus-inner {
    border: 0;
    padding: 0;
}
.btn:active {
    outline:none;
}

.btn.iconLeft span{
    float:left;
}

.btnBar li{
    list-style:none;
    margin:0;
    display:block;
    float:left;
}
.btnBar li .btn {
    height:2em;
    line-height:1.5em;
    border-left-width:0!important;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.btnBar li:first-child .btn {
    border-left-width: 1px!important;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btnBar li:last-child .btn {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}




/* ModuleBox */
.module {
    position:relative;
    border:1px solid transparent;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-bottom:10px;
    padding-bottom:.4em;
    overflow:hidden;
}

.module h5 {
    font-size:1em;
    position:relative;
    border-bottom:1px solid transparent;
    padding:.5em;
    margin:0;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}

.module h5 a {
    font-size:1em;
    font-weight:700;
}

.module div.content {
    margin:.6em .4em;
    clear:both;
    overflow:hidden;
    position:relative;
}

.module h5+div.content {
    margin:.4em;
    overflow:hidden;
}

.module .m-Btn {
    float:right;
    clear:both;
    margin-top:0;
}

.module .content a.read-more {
    display:block;
    font-size:.75em;
    clear:both;
    width:100%;
    text-align:right;
    margin-top:.5em;
}

.module .content a.read-more:after {
    content:" \00BB";
}

/* MODULE STYLES */
.m-light {
    border-color:#ddeaf4;
    background:#fff;
}

.m-lightBlue {
    border-color:#ddeff4;
    background:#f0fcfb;
}

.m-darkBlue {
    border-color:#1d7f9c;
}

.m-darkBlue,.m-darkBlue h5,.m-darkBlue .content,.m-darkBlue a {
    background:#34b6bf;
    color:#fff;
}

.m-gradientlight {
    border-color:#ddeaf4;
}

.m-gradientlight h5 {
    border-bottom:1px solid #ddeaf4;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
    background: linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
}

.m-dark{
    border-color:#000;
    background:#444;
    color:#eee;
}

.m-dark h5 {
    color:#eee;
    border-color:#000;
    background: #444444;
    background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(99%,#333333));
    background: -webkit-linear-gradient(top, #444444 0%,#333333 100%);
    background: -o-linear-gradient(top, #444444 0%,#333333 100%);
    background: -ms-linear-gradient(top, #444444 0%,#333333 100%);
    background: linear-gradient(top, #444444 0%,#333333 100%);
}

.m-dark a {
    color:#eee;
}

.m-warning {
    background-color:#ffe2e2;
}

.m-warning h5 {
    text-align:center;
    color:#fff;
    border-color:#000;
    background: #ff0000;
    background: -moz-linear-gradient(top, #ff0000 0%, #a50000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#a50000));
    background: -webkit-linear-gradient(top, #ff0000 0%,#a50000 100%);
    background: -o-linear-gradient(top, #ff0000 0%,#a50000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%,#a50000 100%);
    background: linear-gradient(top, #ff0000 0%,#a50000 100%);
}

.m-offer h5 {
    text-align:center;
    color:#333;
    text-shadow:0 0 2px #fff;
    background: #f3d118;
    background: -moz-linear-gradient(top, #f3d118 0%, #ed7e00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3d118), color-stop(100%,#ed7e00));
    background: -webkit-linear-gradient(top, #f3d118 0%,#ed7e00 100%);
    background: -o-linear-gradient(top, #f3d118 0%,#ed7e00 100%);
    background: -ms-linear-gradient(top, #f3d118 0%,#ed7e00 100%);
    background: linear-gradient(top, #f3d118 0%,#ed7e00 100%);
}

/* A tag that is put on the product box (.product-tag + product-x) */
.product-tag {
    position:absolute;
    top:20px;
    right:5px;
    font-weight:700;
    font-size:14px;
    padding:5px 8px;
    float:left;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow:2px 2px 3px #ccc;
    -webkit-box-shadow:2px 2px 3px #ccc;
    box-shadow:2px 2px 3px #ccc;
    -moz-transform:rotate(20deg);
    -webkit-transform:rotate(20deg);
    -o-transform:rotate(20deg);
    -ms-transform:rotate(20deg);
}

.product-offer {
    background-color:#f3d118;
    border:2px solid red;
    color:red;
}

.product-new {
    background-color:#34a6ff;
    border:2px solid #ddeaf4;
    color:#fff;
}

.product-eol {
    background-color:#fff;
    border:2px solid #000;
    color:#000;
}

.product-campagin {
    background-color:#34a6ff;
    border:2px solid #1d6fac;
    color:#fff;
}

/* BUTTONS */
button,input[type="submit"],input[type="submit"].btn,.btn,a.btn {
    position:relative;
    float:left;
    display:block;
    clear:both;
    width:auto;
    cursor:pointer;
    margin:.8em 0 0;
    padding:.4em .8em;
    border:1px solid #ccc;
    text-decoration:none;
    color:#777;
    font:700 1em/1.5em Arial,Verdana,sans-serif;
    white-space:pre;
    z-index:2;
    text-shadow:2px 1px 1px #fff;
    background:#eee url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) repeat-x 0 -735px;
}

button:hover,input[type="submit"]:hover,input[type="submit"].btn:hover,.btn:hover,a.btn:hover {
    border-color:#999;
    color:#444;
    background-position: 0 -780px;
    text-shadow:0 0 1px #f1f1f1;
}

button:focus,input[type="submit"]:focus,input[type="submit"].btn:focus,.btn:focus,a.btn:focus,button:active,input[type="submit"]:active,input[type="submit"].btn:active,.btn:active,a.btn:active {
    border-color:#000;
    color:#000;
}

.bfBtn,a.bfBtn,input.bfBtn {
    text-decoration:none;
    margin:.8em 0 0;
    width:100%;
    cursor:pointer;
    position:relative;
    display:block;
    text-align:center;
    color:#fff;
    font-weight:700;
    font-size:1.15em;
    text-shadow:1px 1px 3px rgba(0,0,0,.5);
    padding:.6em 0;
    background: #8df900; /* Old browsers */
    background: -moz-linear-gradient(top, #8df900 0%, #2ea500 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8df900), color-stop(100%,#2ea500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8df900 0%,#2ea500 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8df900 0%,#2ea500 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8df900 0%,#2ea500 100%); /* IE10+ */
    background: linear-gradient(top, #8df900 0%,#2ea500 100%); /* W3C */
    
    -webkit-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #555;
    -moz-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #555;
    box-shadow:inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #555;
    
    border:1px solid #7699b4;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

input.bfBtn {
    height:2.6em;
}

.bfBtn:hover,a.bfBtn:hover,input.bfBtn:hover {
    color:#fff;
    background: #4ed600; /* Old browsers */
    background: -moz-linear-gradient(top, #4ed600 0%, #2ea500 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ed600), color-stop(100%,#2ea500));
    background: -webkit-linear-gradient(top, #4ed600 0%,#2ea500 100%);
    background: -o-linear-gradient(top, #4ed600 0%,#2ea500 100%);
    background: -ms-linear-gradient(top, #4ed600 0%,#2ea500 100%);
    background: linear-gradient(top, #4ed600 0%,#2ea500 100%);
}

.bfBtn:active, input.bfBtn:active, .bfBtn:hover, input.bfBtn:hover {
    text-shadow:-1px -1px 3px rgba(0,0,0,.3),1px 1px rgba(255,255,255,.1);
}

.smallBtn {
    float:left;
    width:auto!important;
    padding:.6em 1em!important;
}

input[type="submit"][disabled="disabled"] {
    background:#eee;
    color:#ccc;
    text-shadow:none;
}

/* BUTTONS - Print button */
a.print-page .print-page-icon {
    background:url(//img1.lenslogistics.com/yourlenses/images/sprites/colorSymbol.png) no-repeat 0 -224px;
    width: 18px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
a.print-page:hover .print-page-icon {
    background-position:0 -248px;
}
.print-right {
    text-align: right;
    font-size:.8em;
}

/* GRAY */
.gradient.gray, .module.gray > h1, .module.gray > h2, .module.gray > h3, .module.gray > h4, .module.gray > h5, .module.gray > h6,
.module.gray > .h1, .module.gray > .h2, .module.gray > .h3, .module.gray > .h4, .module.gray > .h5, .module.gray > .h6, .product-choose,
.gradient > h1.gradient.gray, .gradient > h2.gradient.gray, .gradient > h3.gradient.gray, .gradient > h4.gradient.gray, .gradient > h5.gradient.gray, .gradient > h6.gradient.gray {
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top, #fefefe 0%,#eeeeee 100%);
	background: -o-linear-gradient(top, #fefefe 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top, #fefefe 0%,#eeeeee 100%);
	background: linear-gradient(top, #fefefe 0%,#eeeeee 100%);
}



.smaller{font-size:.8em!important;line-height:1.3em!important;}
.small{font-size:.9em!important;line-height:1.4em!important;}
.big{font-size:1.2em!important;line-height:1.4em!important;}
.hidden{display:none!important;}
.price{color:red;font-weight:700;}
.bold{font-weight:700;}
.italic{font-style:italic;}
.bem{font-style:italic;font-weight:700;}
.black{color:#000;}
.red{color:red;}
.grey{color:#555;}
.blue{color:#1d6fac;}
.productInfo_boxsize {
    margin: 10px 0px;
}

.productInfo_boxsize em {
    margin-right: 20px;
}

.productInfo_boxsize span {
    white-space: nowrap;
}

.pricePerBox {
    font-size: .5em;
    color: #333;
    font-weight: normal;
}

.productInfo_boxsize label {
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #9d9d9d;
    background: #fefefe;
    border: 1px solid #eee;
    margin-bottom: 5px;
    padding: 4px 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.productInfo_boxsize .alter_prod.checked label {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.productInfo_boxsize label:hover {
    border-color: #ccc;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.productInfo_boxsize label span {
    margin-left: 25px;
    display: inline-block;
}

.productInfo_boxsize input {
    position: absolute;
    left: 5px;
    top: 9px;
}

.productInfo_boxsize .boxSizeSel, .productInfo_boxsize .boxSizeSel:hover {
    color: #333;
    background: #ededed;
    border-color: #ccc;
}
.boxsizeComment {
    position: relative;
    display: none;
    margin: -5px auto 5px auto;
    padding: 5px;
    background: #fff;
    color: #9d9d9d;
    border: 1px solid #eee;
    border-top: none;
    font-size: 0.8em;
    font-style: italic;
}
.boxsizeComment.selected {
    background: #fdd;
}