.container_20 { margin-left: auto; margin-right: auto; } .center { text-align:center; } div.redBox { background-color:#C00; margin:30px 0 0 30px; padding:5px 0; width:173px; } div.redBox p { color:#FFF; text-align:center; line-height:100%; margin:0; } .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; } @font-face { font-family: 'GaramondModernFSLight'; src: url('../../../fonts/garamondmodernfs_light_macroman/garamondmodernlight-webfont.eot'); src: local('☺'), url('../../../fonts/garamondmodernfs_light_macroman/garamondmodernlight-webfont.woff') format('woff'), url('../../../fonts/garamondmodernfs_light_macroman/garamondmodernlight-webfont.ttf') format('truetype'), url('../../../fonts/garamondmodernfs_light_macroman/garamondmodernlight-webfont.svg#webfontsHy0NXq8') format('svg'); font-weight: normal; font-style: normal; } #heading .quicknav { border-bottom: 1px solid #990000; } #heading .quicknav { border-bottom: 1px solid #990000; z-index:10;} #heading .quicknav h1 { } #heading .quicknav h1 a, #heading .quicknav h1 a:visited { } #heading .quicknav h1 a:hover { } #heading .quicknav .nav_wrap { border-left:2px solid #999999; } #body { background-color: #000; background-image: none; padding-bottom: 40px; } #outer_wrapper { background: url(../../../images/static/innovation/optical_superiority/polarized/body_shadow.png) top left repeat-x; } #inner_wrapper { background-image: none; } #banner_full_w { background-color: #191919; } #banner_full_w_shadow { position: absolute; height: 350px; width: 100%; background: url(../../../images/static/innovation/optical_superiority/polarized/header_shadow.png) top left repeat-x; } .innerCon { padding: 20px 10px 0 10px; } .tinytxt { font-size: 8px; vertical-align: top; } .in_polarized_clarity #banner_full_w_inner { background: #0d0d0d url(../../../images/static/innovation/optical_superiority/polarized/clarity/polarized-clarity-golf.jpg) top center no-repeat; height: 438px; } .in_polarized_glare #banner_full_w_inner { background: #0d0d0d url(../../../images/static/innovation/optical_superiority/polarized/glare-protection/glare.jpg) top center no-repeat; height: 438px; } .hdo3d #banner_full_w_inner { background: #0d0d0d url(../../../images/static/innovation/optical_superiority/hdo3d/hdo3d_header.jpg) top center no-repeat; height: 439px; } #body p { margin-bottom: 20px; font-size: 13px; font-family: Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif; color: #666666; } #full_width_banner_container { height: 438px; width: 1000px; margin: 0 auto; } body.in_polarized_glare div#body #heading_container, body.in_polarized_clarity div#body #heading_container { position: absolute; width: 100%; z-index: 1; } body.in_polarized_glare div#body #heading, body.in_polarized_clarity div#body #heading { float: none; margin: 0 auto; display: block; width: 1000px; } body.in_polarized_glare div#body #heading .quicknav, body.in_polarized_clarity div#body #heading .quicknav { margin-left: 10px; margin-right: 10px; } #footer_full_w { border-top: 1px solid #141414; border-bottom: 1px solid #0d0d0d; background: #141414 url(../../../images/static/innovation/optical_superiority/polarized/footer_shadow.png) top left repeat-x; } #footer_full_w_inner { width: 1000px; margin: 0 auto; padding: 39px 0; } #footer_full_w_nav_list { width: 980; margin-left: 10px; margin-right: 10px; } #intro { padding-top: 40px; } .hdo3d #intro { padding-top: 18px; } .in_polarized_homepage #intro { padding-top: 15px; } #intro h2 { color: #fff; font-weight: normal; font-family: 'GaramondModernFSLight',Arial,sans-serif; margin-bottom: 37px; } .in_polarized_homepage #intro h2 { font-size: 33px; line-height: 40px; } .in_polarized_clarity #intro h2 { font-size: 33px; line-height: 40px; } .in_polarized_glare #intro h2 { font-size: 39px; line-height: 40px; } .hdo3d #intro h2 { font-size: 30px; line-height: 40px; height: 98px; padding: 32px 0 0 150px; margin-bottom: -5px; background: url(../../../images/static/innovation/optical_superiority/hdo3d/hdo3d_logo.png) -8px 0 no-repeat; } #intro dl.tronDropdown { -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; position: absolute; right: 0; top: 46px; z-index: 1; padding: 0 0 0 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; cursor: pointer; } .in_polarized_homepage #intro dl.tronDropdown { right: 10px; } #intro dl.tronDropdown dt { width: auto; height: 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; padding: 0 0 0 0; background: #990000 url(../../../images/gradients/000/50v_t_v3.png) top left repeat-x; cursor: pointer; } #intro dl.tronDropdown dt span.label { text-shadow: -1px -1px 0px #000; float: left; overflow: hidden; padding: 5px 15px 5px 10px; border-right: 1px solid #990000; display: block; } #intro dl.tronDropdown dt span.arrow { float: left; display: block; width: 25px; height: 20px; background: url(../../../images/css/default/icons/arrows/000/d/v20.gif) center 12px no-repeat; } #intro dl.tronDropdown dd { display: none; float: none; width: auto; clear: both; margin-bottom: 0; height: 30px; border-bottom: 1px solid #d9d9d9; } #intro dl.tronDropdown dd.lastItem { border-bottom: none; } #intro dl.tronDropdown dd a, #intro dl.tronDropdown dd a:visited { color: #999999; display: block; padding: 6px 0 0 30px; background: url(../../../images/css/default/icons/arrows/000/r/v12.gif) 13px 12px no-repeat; } #intro dl.tronDropdown dd a:hover { color: #990000; background: url(../../../images/css/default/icons/arrows/900/r/a10.gif) 13px 12px no-repeat; } #intro hr { border-bottom-color: #595959; margin-bottom: 35px; } #body div.intro p { color: #b2b2b2; font-size: 18px; font-weight: 100; line-height: 30px; margin-bottom: 0; font-style: normal; } #primary h2 { font-size: 19px; padding-top: 30px; font-weight: 100; text-transform: none; } #secondary h2 { line-height: 30px; font-weight: 100; font-size: 19px; text-transform: none; margin-bottom: 30px; } .in_polarized h3 { color: #fff; } #secondary h3 { font-size: 12px; } .in_polarized h3.leadin { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; margin-bottom: 0; margin-right: 10px; padding-top: 0; float: left; display: inline; font-size: 11px; line-height: 20px; } #secondary #hdo_logo_secondary { float: left; margin: 0 30px 10px 0; } .in_polarized_homepage #section { padding-top: 0; } .in_polarized_homepage #banner { padding-bottom: 0; } .mbox_container_rnd { background: #0d0d0d; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #191919; margin-bottom: 38px; float: left; width: 100%; } .mbox_container_rnd h3 { margin-bottom: 14px; } .mbox_item { width: 100%; border-bottom: 1px solid #191919; float: left; position: relative; } .mbox_item:last-child { border-bottom: none; } .mbox_left_inner { float: left; padding: 20px 0 0 20px; } .mbox_right_inner { float: right; padding: 20px 0 10px 20px; } .mbox_float_img { position: absolute; } #competitors_distortion .mbox_left_inner { width: 180px; } #competitors_distortion .mbox_float_img { top: 23px; right: -5px; } #oakley_hdpolarized .mbox_left_inner { width: 200px; } #oakley_hdpolarized .mbox_float_img { top: -38px; right: 5px; } #oakley_hdpolarized_lens .mbox_left_inner { width: 200px; } #oakley_hdpolarized_lens .mbox_float_img { top: 6px; right: 5px; } #competitors_lens .mbox_left_inner { width: 200px; } #competitors_lens .mbox_float_img { top: -12px; right: 0; } #polarized_light .mbox_left_inner, #high_definition_optics .mbox_left_inner, #infusion_molding .mbox_left_inner { width: 132px; } #polarized_light .mbox_right_inner, #high_definition_optics .mbox_right_inner, #infusion_molding .mbox_right_inner { width: 306px; padding:0 20px 0 0; } #polarized_light h3, #high_definition_optics h3, #infusion_molding h3 { padding: 20px 0 0 20px; } .video_preview .mbox_left_inner { padding-top: 0; } .video_preview .mbox_right_inner { padding-top: 0; } .hdo_test .mbox_left_inner { width: 226px; border-right: 1px solid #191919; padding-right: 20px; } .hdo_test .mbox_right_inner { width: 190px; } .mbox_right_inner .testresult { float: left; width: 75px; text-align: center; margin-right: 20px; padding-top: 20px; } #body .mbox_right_inner .testresult p { padding-bottom: 0; font-size: 9px; } #polarized_demo { } #polarized_demo .mbox_left_inner { position: absolute; padding: 0 0 0 0; top: 0; left: 2px;} #polarized_demo .mbox_right_inner { margin: 0 0 0 280px; padding: 20px 20px 0 0; } .in_polarized_homepage .columns { float: left; position: relative; display: inline; } #body .in_polarized_homepage .columns p { margin-bottom: 0; } #column_one { width: 432px; margin-right: 10px; } #column_two { width: 254px; margin: 0 10px; } #column_three { width: 254px; margin-left: 10px; } .in_polarized_homepage div.intro { border-bottom: none; } #column_two img { margin: 0 0 20px 0; } #column_three img { margin: -41px 0 6px 0; } a.action_links, a.action_links:visited { color: #990000; } a.action_links:hover { color: #fff; } a.view_popup_content { padding: 0 0 0 20px; background: url(../../../images/css/default/icons/innovation/view_popup_content.png) left center no-repeat; } a.view_more { padding: 0 0 0 18px; background: url(../../../images/css/default/icons/innovation/view_more_icon.png) left center no-repeat; } a.watch_video { padding: 0 0 0 14px; background: url(../../../images/css/default/icons/innovation/view_video_icon.png) left center no-repeat; } a.view_next_content { padding: 0 0 0 18px; background: url(../../../images/css/default/icons/innovation/view_more_icon.png) left center no-repeat; } a.goto_content { padding: 0 0 0 12px; background: url(../../../images/css/default/icons/arrows/900/r/a10.gif) left center no-repeat; } .popupModalContainer { display: none; background: #191919; border: 1px solid #262626; clear: both; padding: 20px;} .popupModalContainer .close { display: block; top: -10px; right: -10px; position: absolute; overflow: hidden; width: 30px; height: 30px; background: url( ../../../images/css/default/icons/close_30x30.png) no-repeat 0 0; cursor:pointer; } .popupModalContainer .close:hover { background-position: 0 -31px; } .popupModalContainer .close:focus { background-position: 0 -60px; } #clarity_test_results { width: 792px; height: 380px; } #refractive_test_results { width: 792px; height: 380px; } #prism_test_results { width: 792px; height: 400px; } #polarized_demo_results { width: 484px; height: 315px; } #body .comparison_list p { font-size: 11px; border-bottom: 1px solid #262626; } .comparison_list ul { overflow: hidden; margin: 0 0 0 0; padding: 0 0 0 0; } .comparison_list ul li { list-style: none; float: left; margin-right: 20px; width: 250px; } .comparison_list ul li.last { margin-right: 0; } .comparison_list ul li h3 { text-align: center; margin-bottom: 10px; } .comparison_list ul li img { width: 246px; padding: 1px; background: #050505; border: 1px solid #262626; } .comparison_list ul li select { margin-top: 10px; width: 250px; } #outro hr { margin-bottom: 45px; } #outro .popupModal { margin-left: 4px; } #doubleOLensLeft { width: 480px; margin-right: 10px; float: left; } #doubleOLensRight { width: 480px; margin-left: 10px; float: left; } #doubleOLensRight .oo_summary { font-size: 11px; padding: 30px 30px 18px 30px; } #lensWidgetPopup { width: 1000px; height: 450px; } #lensWidgetPopup .leftCol { width: 300px; float: left; margin-right: 10px; } #lensWidgetPopup .rightCol { width: 680px; float: left; margin-left: 10px; } #lensWidgetPopup .leftCol h2 { font-size: 16px; margin-bottom: 30px; text-transform: none; } #lensWidgetPopup .leftCol h3 { color: #999999; margin-bottom: 10px; font-size: 12px; } #body #lensWidgetPopup .leftCol p { color: #666666; font-size: 12px; } #doubleOLensWidget { background: #050505; border: 1px solid #262626; width: 677px; height: 447px; } #doubleOLensWidget ul { height: 30px; position: absolute; z-index: 3; margin: 0 0 0 0; padding: 0 0 0 0; } #doubleOLensWidget ul li { display: block; width: 120px; height: 30px; float: left; border-right: 1px solid #262626; } #doubleOLensWidget ul li a, #doubleOLensWidget ul li a:visited { background: url(../../../images/gradients/000/50v_v2_t.png); color: #333333; text-align: center; line-height: 30px; display: block; width: 120px; height: 30px; } #doubleOLensWidget ul li a.current, #doubleOLensWidget ul li a.current:visited { background: #0d0d0d; color: #990000; } .widget_panel { width: 675px; height: 415px; margin: 1px; } .lens_sim_widget_panel { position: absolute; } .lens_sim_widget_nakedeye { z-index: 1; } .lens_sim_widget_withlens { z-index: 2; } .lens_sim_widget_image_holder_withlens { width: 360px; overflow: hidden; } .lens_sim_widget_image_holder_withlens .ui-resizable-e { background: url(../../../images/widgets/lens_widget/vertical_slider_large.jpg) center top; cursor: col-resize; height: 100%; right: 0; top: 0; width: 11px; } .lens_sim_widget_image_holder_withlens .ui-resizable-handle { display: block; font-size: 0.1px; position: absolute; z-index: 99999; } .lens_sim_widget_panel .naked_eye_label { float: right; font-size: 12px; line-height: 30px; margin: 0 0 0 0; padding: 0 10px 0 0; } .lens_sim_widget_panel .lens_view_label { display: none; } .hdo3d div.intro { border-bottom: none; margin: 0 10px 18px 10px; } .hdo3d div.intro p.intro_copy { float: left; width: 610px; } .hdo3d div.intro div.reald { float: right; width: 283px; height: 172px; background: url(../../../images/static/innovation/optical_superiority/hdo3d/reald-background.gif) center top no-repeat; padding: 30px 0 0 60px; margin-top: 8px; } .hdo3d div.intro div.reald span { font-size: 12px; color: #fff; margin-bottom: 16px; float: left; } .hdo3d div.intro div.reald p { font-size: 11px !important; font-family: Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif !important; color: #666666 !important; line-height: 20px !important; width: 215px; } .hdo3d div.intro div.reald img { float: right; margin: 5px 60px 20px 35px; } .hdo3d #info_content .content_row { overflow: hidden; } .hdo3d #info_content .content_col { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:280px; padding-right:50px; } .hdo3d #info_content .img_con { text-align: center; } .hdo3d #info_content .content_col.first { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:280px; padding-right:50px; margin-left: 0; } .hdo3d #info_content .content_col.last { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:280px; add: margin-right: 0; padding-right: 0; margin-right: 0; } .hdo3d #products_con { margin: 0 0 65px 0; padding: 50px 0 0 0; background: url(../../../images/static/innovation/optical_superiority/hdo3d/product_highlight.jpg) 0 40px no-repeat; } .hdo3d #black_gascan { margin: 0 47px 0 0; } .hdo3d #tron_gascan { margin: 0 46px 0 0; } .hdo3d #white_gascan { } .hdo3d #technology_con { margin: 0 0 50px 0; overflow: hidden; } .hdo3d #technology_con .content_col { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:330px; text-align: center; } .hdo3d #technology_con .content_col.first { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:280px; margin-left: 0; text-align: left; } .hdo3d #technology_con .content_col.last { margin-right: 0; } .hdo3d #technology_con h2 { margin-bottom: 46px; padding-top: 58px; } .hdo3d .animation_con { position: relative; height: 300px; cursor: pointer; } .hdo3d .animation_con .stop_con { position: absolute; z-index: 2; left: 25px; top: 3px; } .hdo3d .animation_con .play_con { position: absolute; z-index: 1; left: 25px; top: 3px; } ul#footer_full_w_nav_list { overflow: hidden; margin: 0 10px; padding: 0 0 0 0; } ul#footer_full_w_nav_list li { list-style: none; } ul#footer_full_w_nav_list span { color: #fff; } ul#footer_full_w_nav_list li.first_col { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:130px; margin-left: 0; border-right:1px dotted #1f1f1f; margin-right: 0px; padding-right:9px; border-style: solid;} ul#footer_full_w_nav_list li.second_col { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:180px; border-right:1px dotted #1f1f1f; margin-right: 0px; padding-right:9px; border-style: solid; } ul#footer_full_w_nav_list li.third_col { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:330px; border-right:1px dotted #1f1f1f; margin-right: 0px; padding-right:9px; border-style: solid; } ul#footer_full_w_nav_list li.fourth_col { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:280px; margin-right: 0; } ul#footer_full_w_nav_list li.list_col { float: left; border-color: #262626; margin-bottom: 0; } ul.nav_list { margin: 0 0 0 30px; padding: 26px 0 0 0; overflow: hidden; } ul#footer_full_w_nav_list li.first_col ul.nav_list { margin-left: 0; } ul.nav_list li { margin-bottom: 23px; } #footer_logos { margin-left: 30px; padding: 26px 0 0 0; overflow: hidden; } #footer_logos img { float: left; } #footer_logos img.hdpolarized_icon { margin: 0 0 0 0; } #footer_logos img.hdpolarized_logo { margin: 10px 0 0 20px; } li.fourth_col .sec_nav_list li a, li.fourth_col .sec_nav_list li a:visited { padding-right: 15px; background: url(../../../images/css/default/icons/innovation/view_more_icon.png) right center no-repeat; } li.fourth_col ul.nav_list li { float: left; width: 50%; } li.fourth_col ul.sec_nav_list li { float: none; width: auto; } ul.sec_nav_list { margin: 0 0 0 0; padding: 9px 0 0 0; } ul.sec_nav_list li { margin-bottom: 9px; } ul.sec_nav_list li a, ul.sec_nav_list li a:visited { color: #666666; } ul.sec_nav_list li a:hover { color: #fff; } ul.sec_nav_list_op li { float: left; width: 50%; } /* Localized */ /* #banner_full_w{ z-index:20; } #outer_wrapper{ z-index:50; } */