.container_20 { margin-left: auto; margin-right: auto; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } #colors #grays .black { background:#000; } #colors #grays .v0 { background:#050505; } #colors #grays .v1 { background:#0d0d0d; } #colors #grays .v2 { background:#191919; } #colors #grays .v3 { background:#262626; } #colors #grays .v4 { background:#333333; } #colors #grays .v5 { background:#404040; } #colors #grays .v6 { background:#4c4c4c; } #colors #grays .v7 { background:#595959; } #colors #grays .v8 { background:#666666; } #colors #grays .v9 { background:#737373; } #colors #grays .v10 { background:#7f7f7f; } #colors #grays .v11 { background:#8c8c8c; } #colors #grays .v12 { background:#999999; } #colors #grays .v13 { background:#a6a6a6; } #colors #grays .v14 { background:#b2b2b2; } #colors #grays .v15 { background:#bfbfbf; } #colors #grays .v16 { background:#cccccc; } #colors #grays .v17 { background:#d9d9d9; } #colors #grays .v18 { background:#e5e5e5; } #colors #grays .v19 { background:#f2f2f2; } #colors #grays .v20 { background:#fafafa; } #colors #grays .white { background:#fafafa; } #colors #a .a0 { background:#070101; } #colors #a .a1 { background:#110101; } #colors #a .a2 { background:#1e0101; } #colors #a .a3 { background:#2f0101; } #colors #a .a4 { background:#3c0101; } #colors #a .a5 { background:#4d0101; } #colors #a .a6 { background:#5a0101; } #colors #a .a7 { background:#6a0101; } #colors #a .a8 { background:#7b0101; } #colors #a .a9 { background:#880101; } #colors #a .a10 { background:#990000; } #colors #a .a11 { background:#ad1414; } #colors #a .a12 { background:#c32a2a; } #colors #a .a13 { background:#d83f3f; } #colors #a .a14 { background:#ec5353; } #colors #a .a15 { background:#ff6a6a; } #colors #a .a16 { background:#ff8888; } #colors #a .a17 { background:#ffa7a7; } #colors #a .a18 { background:#ffc3c3; } #colors #a .a19 { background:#ffe2e2; } #colors #a .a20 { background:#fff5f5; } #colors #b .b0 { background:#030401; } #colors #b .b1 { background:#080a01; } #colors #b .b2 { background:#0d1202; } #colors #b .b3 { background:#131c02; } #colors #b .b4 { background:#1a2503; } #colors #b .b5 { background:#202f04; } #colors #b .b6 { background:#263805; } #colors #b .b7 { background:#2b4105; } #colors #b .b8 { background:#33490e; } #colors #b .b9 { background:#3b5015; } #colors #b .b10 { background:#3b5015; } #colors #b .b11 { background:#54692c; } #colors #b .b12 { background:#667b3e; } #colors #b .b13 { background:#667b3e; } #colors #b .b14 { background:#8a9f62; } #colors #b .b15 { background:#9cb174; } #colors #b .b16 { background:#aec386; } #colors #b .b17 { background:#c1d699; } #colors #b .b18 { background:#d2e7aa; } #colors #b .b19 { background:#e5fabc; } #colors #b .b20 { background:#f5ffe0; } #colors #c .c0 { background:c0; } #colors #c .c1 { background:c1; } #colors #c .c2 { background:c2; } #colors #c .c3 { background:c3; } #colors #c .c4 { background:c4; } #colors #c .c5 { background:c5; } #colors #c .c6 { background:c6; } #colors #c .c7 { background:c7; } #colors #c .c8 { background:c8; } #colors #c .c9 { background:c9; } #colors #c .c10 { background:c10; } #colors #c .c11 { background:c11; } #colors #c .c12 { background:c12; } #colors #c .c13 { background:c13; } #colors #c .c14 { background:c14; } #colors #c .c15 { background:c15; } #colors #c .c16 { background:c16; } #colors #c .c17 { background:c17; } #colors #c .c18 { background:c18; } #colors #c .c19 { background:c19; } #colors #c .c20 { background:c20; } #colors #d .d0 { background:d0; } #colors #d .d1 { background:d1; } #colors #d .d2 { background:d2; } #colors #d .d3 { background:d3; } #colors #d .d4 { background:d4; } #colors #d .d5 { background:d5; } #colors #d .d6 { background:d6; } #colors #d .d7 { background:d7; } #colors #d .d8 { background:d8; } #colors #d .d9 { background:d9; } #colors #d .d10 { background:d10; } #colors #d .d11 { background:d11; } #colors #d .d12 { background:d12; } #colors #d .d13 { background:d13; } #colors #d .d14 { background:d14; } #colors #d .d15 { background:d15; } #colors #d .d16 { background:d16; } #colors #d .d17 { background:d17; } #colors #d .d18 { background:d18; } #colors #d .d19 { background:d19; } #colors #d .d20 { background:d20; } #lens_widget { background: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; zoom: 1; } #lens_widget #selections { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:780px; margin-left: 0; margin-right: 0; padding-bottom: 18px; z-index: 9999; } #lens_widget #selections .wrapper { width: 700px; height: 75px; padding: 15px 15px 0 15px; position: relative; } #lens_widget.full_widget #selections .wrapper { width: 750px; } #lens_widget_loading { position: absolute; z-index: 110; width: 100%; height: 400px; opacity: .8; top: 83px; left: 10px; background: #060606 url( ../../../../images/shared/loading_white_black.gif ) center center no-repeat; } #scene_loading { display: none; position: absolute; z-index: 20; width: 100%; height: 200px; opacity: .8; background: #060606 url( ../../../../images/shared/loading_white_black.gif ) center center no-repeat; } #lens_widget #selections, #lens_widget #selections ul, #lens_widget #selections ul li, #lens_widget #selections a dl, #lens_widget #selections a dl dt, #lens_widget #selections a dl dd, #lens_widget #selections a dl dd ul, #lens_widget #selections a dl dd ul li { margin: 0; padding: 0; width: auto; float: none; } #lens_widget #selections ul { list-style-type: none; } #lens_widget #selections .select_dd { position: absolute; top: 15px; z-index: 100; cursor: pointer; } #lens_widget #selections #lenses { display: none; width: 300px; left: 15px; } #lens_widget #selections #scenes { display: none; width: 300px; right: 15px; } #lens_widget #selections .selected_option { background: #191919 url(../../../../images/gradients/000/50v_v3_t.png) repeat-x top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #lens_widget #selections .options_dd { margin: -10px 0 0 0; padding: 10px 0 7px 0; background: #191919; display: none; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position:relative; z-index: 1; -webkit-box-shadow: 0px 0px 10px #000; } #lens_widget #selections #lenses div.selected_option { padding: 7px 10px; position:relative; z-index:2; } #lens_widget #selections #lenses div.selected_option a { margin: 0 0 0 0; background: url(../../../../images/widgets/lens_widget/arrow_d.gif) no-repeat 268px 50%; } #lens_widget #selections #lenses li { padding: 2px 10px; } #lens_widget #selections #lenses li.option { margin: 5px 0 0 0; overflow: hidden; } #lens_widget #selections #lenses li.option.hover { background: #262626; } #lens_widget #selections #lenses a { display: block; } #lens_widget #selections #lenses a:visited, #lens_widget #selections #lenses a:hover { color: #b2b2b2 } #lens_widget #selections #lenses dl .puck { float: left; padding: 2px 0 0 0; width: 55px; } #lens_widget #selections #lenses dl .puck img { margin: 6px 0 0 10px; width: 26px; height: 26px; } #lens_widget #selections #lenses dl .name { padding: 0 0 4px 0; font-size: 11px; } #lens_widget #selections #lenses dl dt { } #lens_widget #selections #lenses dl dd { margin:0 0 0 55px; padding: 0 0 4px 0; line-height: 100%; color: #fff; font-size: 8px; font-weight: normal; } #lens_widget #selections #lenses dl dd strong { font-weight: bold; color: #666666; } #lens_widget #selections #scenes div.selected_option { padding: 7px 10px; position:relative; z-index:2; } #lens_widget #selections #scenes div.selected_option a { background: url(../../../../images/widgets/lens_widget/arrow_d.gif) no-repeat 0px 50%; z-index: -1; } #lens_widget #selections #scenes li { padding: 2px 10px; list-style:none; } #lens_widget #selections #scenes li.option { margin: 0 0 0 0; overflow: hidden; } #lens_widget #selections #scenes li.option.hover { background: #262626; } #lens_widget #selections #scenes a { display: block; } #lens_widget #selections #scenes a:visited, #lens_widget #selections #scenes a:hover { color: #b2b2b2 } #lens_widget #selections #scenes dl dt { float: left; margin: 12px 0 0 28px; font-size: 11px; color: #7f7f7f; } #lens_widget #selections #scenes dl dt strong { color: #fff; font-weight: bold; } #lens_widget #selections #scenes dl dd { margin: 0; padding: 0 0 0 0; line-height: 100%; float: right; border: none; } #lens_widget #selections #scenes dl dd img { margin: 0; } #lens_widget .wrapper_outer { height: 240px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:780px; margin-left: 0; margin-right: 0; } #lens_widget .wrapper_inner { width: 700px; margin: 0 15px; position: relative; } #lens_widget.full_widget .wrapper_inner { width: 750px; } #lens_widget .wrapper_outer .panel, #lens_widget .wrapper_inner .panel { } #lens_widget .wrapper_inner .panel .photochromic_holder, #lens_widget .wrapper_outer .panel .holder, #lens_widget .wrapper_inner .panel .holder { overflow: hidden; } #lens_widget .wrapper_inner .panel .photochromic_holder img, #lens_widget .wrapper_outer .panel .holder img, #lens_widget .wrapper_inner .panel .holder img { margin: 0 0 0 -25px; padding: 0; } #lens_widget.full_widget .wrapper_inner .panel .holder img { margin: 0 0 0 0; } #lens_widget .wrapper_inner #with_lens .holder img.lenses_img { position: absolute; } #lens_widget .wrapper_inner #with_lens img#lensPhotochromic_a { z-index: 20; } #lens_widget .wrapper_inner #with_lens img#lensPhotochromic_b { z-index: 30; } #lens_widget .wrapper_inner #with_lens .holder { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 355px; height: 200px; display: block; } #lens_widget.full_widget .wrapper_inner #with_lens .holder { width: 381px; } #lens_widget .wrapper_inner #naked_eye .holder { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; height: 200px; display: block; } #lens_widget .wrapper_inner #with_lens { position: absolute; z-index: 5; } #lens_widget .wrapper_inner #naked_eye { position: absolute; z-index: 4; width: 700px; height: 200px; } #lens_widget.full_widget .wrapper_inner #naked_eye { width: 750px; } #lens_widget .wrapper_inner #naked_eye p { text-align: right; } #lens_widget .wrapper_inner #with_lens p em { color: #4c4c4c; } #lens_photochromic { display: none; position: absolute; z-index: 10; width: 70px; height: 200px; background: url( ../../../../images/widgets/lens_widget/transitions_slider.gif ) top center; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-e { cursor: col-resize; width: 11px; right: 0px; top: 0px; height: 100%; background: url( ../../../../images/widgets/lens_widget/vertical_slider.jpg ) top center; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 20px; cursor: pointer; background: url( ../../../../images/widgets/lens_widget/transitions_knob.gif ) no-repeat 50% 50%; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-vertical { width: 20px; height: 136px; margin: 42px 0 0 25px; } .ui-slider-vertical .ui-slider-handle { left: 0; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } #lens_info { width: 700px; padding: 20px 15px 20px 15px; overflow: hidden; } .full_widget #lens_info { width: 750px; } /*#lens_info h5 { font-size: 14px; padding-bottom: 10px; font-weight: normal; position:relative;}*/ .catimgl{ position:absolute; right:0; /*float:right; top:-7px; right:5px; vertical-align:top;*/ } #title_summary{ /*background-color:#333;*/ font-size: 14px; font-weight: normal; display:block; margin:0 0 15px 0; position:relative; } #lens_info #summary { width: 315px; padding: 0 34px 0 0; margin: 0 35px 15px 0; float: left; border-right: 1px solid #191919; } .full_widget #lens_info #summary { width: 340px; padding: 0 35px 0 0; } #lens_info #summary p { margin: 0; } #lens_info #tech_specs { width: 315px; float: left; margin: 0 0 15px 0; } .full_widget #lens_info #tech_specs { width: 339px; } #lens_info #tech_specs span { width: 60px; height: 50px; float: left; display: block; } #lens_info #tech_specs span img { margin: 8px 0 0 0; } #lens_info #tech_specs dl, #lens_info #tech_specs dl dt, #lens_info #tech_specs dl dd { margin: 0; padding: 0; width: auto; float: none; } #lens_info #tech_specs dl { width: 240px; float: left; line-height: 130%; font-size: 10px; } #lens_info #tech_specs dl dt, #lens_info #tech_specs dl dd { float: left; } #lens_info #tech_specs dl dt { width: 50%; color: #666666; } #lens_info #tech_specs dl dd { width: 50%; color: #fafafa; } #lens_widget .tabs_default { width: 750px; margin: 0 15px; float: left; clear: both; } #lens_widget .tabs_default div.tab { padding-left: 10px; padding-right: 10px; } #lens_widget .tabs_default div.tab div { margin: 0 0 20px 0; float: left;} #lens_widget .tabs_default div.tab div.first, #lens_widget .tabs_default div.tab div.last { } #lens_widget .tabs_default div.tab div.last { margin: 0; } #lens_widget .tabs_default div.tab div ul { margin-right: 12px; width: 200px; } #lens_widget .tabs_default div.tab div.last ul { margin-right: 12px; width: 200px; } #lens_widget .tabs_default div.tab div ul, #lens_widget .tabs_default div.tab div ul li { margin: 0; padding: 0; list-style-type: none; width:200px; } #lens_widget .tabs_default div.tab div ul li{ position:relative;padding:5px 0;} #lens_widget .tabs_default div.tab div ul li a {display:block;color: #7f7f7f;top:-3px;} #lens_widget .tabs_default div.tab div ul li a:after{ clear:both; } #lens_widget .tabs_default div.tab div ul li a:hover { color: #fff; } #lens_widget .tabs_default div.tab div ul li a span.puck { float: left; position:relative; margin-top: -2px; padding: 0 10px 0 0; } #lens_widget .tabs_default div.tab div ul li a span.puck img { } #lens_widget .tabs_default div.tab div h6 { color: #990000; padding: 0 0 10px 0; } .catimg{ float:right; top:-2px; right:5px; vertical-align:top; } #lens_widget .tabs_default div.tab div.cat { width: 270px!important; margin: 0 0 20px 0; float: left;} #lens_widget .tabs_default div.tab div.cat ul { margin-right: 12px; width: 260px!important; } #lens_widget .tabs_default div.tab div.cat ul li { margin: 0; padding: 0; list-style-type: none; width:260px!important;position:relative;padding:5px 0;} #lens_widget .tabs_default div#polarized div.cat { width: 330px!important; margin: 0 0 20px 0; float: left;} #lens_widget .tabs_default div#polarized div.cat ul { margin-right: 12px; width: 320px!important; } #lens_widget .tabs_default div#polarized div.cat ul li { margin: 0; padding: 0; list-style-type: none; width:320px!important;position:relative;padding:5px 0;} #lens_widget .tabs_default div.tab div.etc { width: 250px!important; margin: 0 0 20px 0; float: left;} #lens_widget .tabs_default div.tab div.etc ul { margin-right: 12px; width: 250px!important; } #lens_widget .tabs_default div.tab div.etc ul li { margin: 0; padding: 0; list-style-type: none; width:250px!important;position:relative;padding:5px 0;} #lens_info #tech_specs dl dt { width: 47%; } #lens_info #tech_specs dl dd { width: 48%; padding-left: 10px; } body.pd #secondary #lenstints dt { border-bottom:none; } /* Localized */