* Web Fonts from fontspring.com * * All OpenType features and all extended glyphs have been removed. * Fully installable fonts can be purchased at http://www.fontspring.com * * The fonts included in this stylesheet are subject to the End User License you purchased * from Fontspring. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2010 Fontspring * * * * * The fonts included are copyrighted by the vendor listed below. * * Vendor: FontSite Inc. * License URL: http://www.fontspring.com/fflicense/fontsite * * */ @font-face { font-family: Verdana,Arial,sans-serif; 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') forma('truetype'), url('/fonts/garamondmodernfs_light_macroman/garamondmodernlight-webfont.svg#webfontsHy0NXq8') format('svg'); font-weight: normal; font-style: normal; } .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; } .image_left, .image_right, .image_center { margin: 9px 0 9px 0; padding: 0; zoom: 1; display: block; } .image_left p, .image_right p, .image_center p { display: none; } .image_left { float: left; margin-right: 20px; display:inline; } .image_right { float: right; margin-left: 20px; display:inline; } .image_center { margin: 0 auto; margin-top:9px; margin-bottom:9px; } .image_border { border: 1px solid #191919; margin-top:8px; margin-bottom:8px; } .image_frame { border: 1px solid #191919; margin-bottom:8px; padding:1px; } .caption_left p, .caption_right p, .caption_center p { width: 94%; margin: 0 3% 0 3%; padding: 9px 0; font-size: .8333em; font-style: italic; display: block; } .caption_left p { text-align: left; } .caption_right p { text-align: right; } .caption_center p { text-align: center; } .image_frame p { padding: 7px 0; } .image_left a, .image_center a, .image_right a, .image_left img, .image_center img, .image_right img, .image_left p, .image_center p, .image_right p { display: block; } .image_left a, .image_center a, .image_right a { width: 100%; } .image_left img, .image_center img, .image_right img { } .image_center img { margin: 0 auto; } .image_left p, .image_center p, .image_right p { } .image img { margin: 0; display: block; } .prescription #banner .mstory h1.with_shield { line-height: 120%; } .prescription #secondary .locator, .prescription #secondary .purchase_from, #secondary .last { margin-top: 18px; } .prescription #secondary .media_list { padding-bottom: 0; padding-left:15px; padding:15px 15px 5px 15px; } .prescription #secondary .media_list form { padding-bottom: 0; margin-bottom:0;} .prescription #secondary .purchase_from { text-align: center; } .prescription #secondary .purchase_from h2 { text-align: left; } .prescription #secondary .purchase_from img { margin:0 auto 15px auto; } form div { border:none; padding:0; } .optical_superiority.prescription #banner_full_w_inner{ background:url(/images/static/innovation/apparel/topbg.jpg) top center no-repeat; } #intro h1{ width:592px; height:58px; margin:0!important; padding:0!important; text-indent:-9999px; line-height:1.4em; background:url(/images/static/innovation/apparel/titletxt.gif) no-repeat; } #intro .introp{ width:980px; margin:25px 0 47px 0!important; padding:0!important; font-size:16px; color:#939393; line-height:1.5em; } .confr{ width:980px; margin:0 auto; position:relative; } .condetailfr{ width:980px; margin:0 auto; background:url(/images/static/innovation/apparel/detailbg.gif) repeat-y; } .condetailleft{ width:656px; float:left; margin:0!important; padding:0!important; overflow:hidden; } .tubmanufr{ width:656px; background:url(/images/static/innovation/apparel/menuar.gif) left bottom repeat-x; padding:0 0 16px 0; } .tubmanufr a{ padding:0 20px 0 0; color:#393939; font-size:14px; } .tubmanufr a:hover{ color:#999; } .tubmanufr a.on{ color:#990000; } .techline{ width:800px; overflow:hidden; margin:20px 0; } .techone{ width:180px; float:left; margin:0 58px 0 0; } .techone:after{ clear:both; } .techone p{ color:#5e5e5e; font-size:12px; margin:0; padding:0; } .techone a,.techone span{ width:178px; height:118px; display:block; border:solid 1px #535353; text-indent:-9999px; } .techone a:hover{ border:solid 1px #888; } .techone a.app1{background:url(/images/static/innovation/apparel/app/sum1.gif) no-repeat;} .techone a.app2{background:url(/images/static/innovation/apparel/app/sum2.gif) no-repeat;} .techone a.app3{background:url(/images/static/innovation/apparel/app/sum3.gif) no-repeat;} .techone a.app4{background:url(/images/static/innovation/apparel/app/sum4.gif) no-repeat;} .techone a.app5{background:url(/images/static/innovation/apparel/app/sum5.gif) no-repeat;} .techone a.app6{background:url(/images/static/innovation/apparel/app/sum6.gif) no-repeat;} .techone a.app7{background:url(/images/static/innovation/apparel/app/sum7.gif) no-repeat;} .techone a.app8{background:url(/images/static/innovation/apparel/app/sum8.gif) no-repeat;} .techone a.app9{background:url(/images/static/innovation/apparel/app/sum9.gif) no-repeat;} .techone a.app10{background:url(/images/static/innovation/apparel/app/sum10.gif) no-repeat;} .techone a.app11{background:url(/images/static/innovation/apparel/app/sum11.gif) no-repeat;} .techone span.app12{background:url(/images/static/innovation/apparel/app/sum12.gif) no-repeat;} .techone span.app13{background:url(/images/static/innovation/apparel/app/sum13.gif) no-repeat;} .techone a.app14{background:url(/images/static/innovation/apparel/app/sum14.gif) no-repeat;} .techone a.app15{background:url(/images/static/innovation/apparel/app/sum15.gif) no-repeat;} .techone a.app16{background:url(/images/static/innovation/apparel/app/sum16.gif) no-repeat;} .techone a.app17{background:url(/images/static/innovation/apparel/app/sum17.gif) no-repeat;} .techone a.app18{background:url(/images/static/innovation/apparel/app/sum18.gif) no-repeat;} .techone a.app19{background:url(/images/static/innovation/apparel/app/sum19.gif) no-repeat;} .techone a.app20{background:url(/images/static/innovation/apparel/app/sum20.gif) no-repeat;} .techone a.app101{background:url(/images/static/innovation/apparel/app/sum101.jpg) no-repeat;} .techinfotxt{ color:#353535; font-size:12px; border-top:solid 1px #111111; padding:9px 0 0 0; } .techone a.acc1{background:url(/images/static/innovation/apparel/acc/sum1.gif) no-repeat;} .techone a.acc2{background:url(/images/static/innovation/apparel/acc/sum2.gif) no-repeat;} .techone a.acc3{background:url(/images/static/innovation/apparel/acc/sum3.gif) no-repeat;} .techone a.acc4{background:url(/images/static/innovation/apparel/acc/sum4.gif) no-repeat;} .techone a.acc5{background:url(/images/static/innovation/apparel/acc/sum5.gif) no-repeat;} .techone a.acc6{background:url(/images/static/innovation/apparel/acc/sum6.gif) no-repeat;} .techone a.acc7{background:url(/images/static/innovation/apparel/acc/sum7.gif) no-repeat;} .techone a.acc8{background:url(/images/static/innovation/apparel/acc/sum8.gif) no-repeat;} .techone a.acc9{background:url(/images/static/innovation/apparel/acc/sum9.gif) no-repeat;} .techone a.acc10{background:url(/images/static/innovation/apparel/acc/sum10.gif) no-repeat;} .techone a.acc11{background:url(/images/static/innovation/apparel/acc/sum11.gif) no-repeat;} .techone a.acc12{background:url(/images/static/innovation/apparel/acc/sum12.gif) no-repeat;} .techone a.acc13{background:url(/images/static/innovation/apparel/acc/sum13.gif) no-repeat;} .techone a.acc14{background:url(/images/static/innovation/apparel/acc/sum14.gif) no-repeat;} .techone a.acc15{background:url(/images/static/innovation/apparel/acc/sum15.gif) no-repeat;} .techone a.acc16{background:url(/images/static/innovation/apparel/acc/sum16.gif) no-repeat;} .techone a.acc17{background:url(/images/static/innovation/apparel/acc/sum17.gif) no-repeat;} .acc{ display:none; } .tronDropdown dt a:hover{ color:#FFF!important; } .condetailright{ width:207px; float:right; margin:0!important; padding:0!important; } .condetailright a{ margin:0 0 20px 0; } .condetailright h3{ font-size:14px; font-weight:bold; color:#FFF; margin:0!important; margin-bottom:15px!important; padding:0; } .condetailright .skullcollection{ width:205px; height:71px; display:block; border-radius: 3px; /* CSS3 */ -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari,Chrome */ background:url(/images/static/innovation/apparel/banner_skull.jpg) no-repeat; border:solid 1px #222222; position:relative; color: #e4e4e4; } .condetailright .skullcollection:hover{ color:#FFF; } .condetailright .oakleygolf{ width:205px; height:71px; display:block; border-radius: 3px; /* CSS3 */ -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari,Chrome */ background:url(/images/static/innovation/apparel/banner_oakleygolf.jpg) no-repeat; border:solid 1px #222222; position:relative; color: #e4e4e4; } .condetailright .oakleygolf:hover{ color:#FFF; } /*.condetailright .training{ width:205px; height:71px; display:block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:url(/images/static/innovation/apparel/banner_training.jpg) no-repeat; border:solid 1px #222222; position:relative; color: #e4e4e4; } .condetailright .training:hover{ color:#FFF; } */ .condetailright .oakleylifestylecycle{ width:205px; height:71px; display:block; border-radius: 3px; /* CSS3 */ -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari,Chrome */ background:url(/images/static/innovation/apparel/banner_lifestylecycle.jpg) no-repeat; border:solid 1px #222222; position:relative; color: #e4e4e4; } .condetailright .oakleylifestylecycle:hover{ color:#FFF; } .condetailright .womensgolf{ width:205px; height:71px; display:block; border-radius: 3px; /* CSS3 */ -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari,Chrome */ background:url(/images/static/innovation/apparel/banner_womensgolf.jpg) no-repeat; border:solid 1px #222222; position:relative; color: #e4e4e4; } .condetailright .womensgolf:hover{ color:#FFF; } .condetailright .skullpremium{ width:205px; height:71px; display:block; border-radius: 3px; /* CSS3 */ -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari,Chrome */ background:url(/images/static/innovation/apparel/banner_skullpremium.jpg) no-repeat; border:solid 1px #222222; position:relative; color: #e4e4e4; } .condetailright .skullpremium:hover{ color:#FFF; } .condetailright .bannertitle{ position: absolute; bottom: 0pt; text-align: right; display: block; width: 100%; padding:2px 0 1px 0; background:url(/images/static/innovation/apparel/alphabg.png); font-size: 11px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .bannertitlear{ position:relative; padding:0 3px 0 0; top:-2px; } .prescription #secondary .locator { background:#d9d9d9 url(/images/gradients/000/10v_white_t.png) repeat-x 0 0; color:#0d0d0d; } .prescription #secondary .locator h2 { color:#191919; text-shadow:1px 1px 1px #fff; border:none; padding:0; font-size:11px; text-transform:uppercase; margin-bottom:9px;} .prescription #secondary .locator div.input { float:left; width:120px; } .prescription #secondary .locator div.input input { width:105px; padding:5px; border-color:#7f7f7f; } .prescription #secondary .locator div.buttons { float:right; padding:0; margin:0; clear:none; } .prescription #secondary .locator div.buttons input { border:2px solid #7b0101; padding-bottom:4px;} .prescription #secondary .locator p { padding:9px 0 5px 0; margin:0; display:block; clear:both; font-size:9px; color:#404040; } .prescription #secondary .locator p strong { color:#191919; } .prescription #heading { position: absolute; margin-top: -440px; display: block; } .prescription #heading .quicknav .nav_wrap2 { border-left: 2px solid #424242; } .prescription #heading .quicknav .nav_wrap1 { border-left: 2px solid #666666; } .prescription.prescription_landing #heading .quicknav h1 a { color: #fff; } .prescription.prescription_landing #heading .quicknav h1 a:hover { color: #990000; } .prescription.prescription_landing #heading .quicknav ul li a { color:#999; } .prescription.prescription_landing #heading .quicknav .nav_wrap1 a { color: #555; } .prescription.prescription_landing #heading .quicknav .nav_wrap2 a { color: #999; } .prescription.rx_lenses #heading .quicknav ul li a { color: #575757; } .prescription.rx_lenses #heading .quicknav .nav_wrap a:hover, .prescription.rx_lenses #heading .quicknav ul li.selected a { color: #fff; } .prescription.rx_frames #heading .quicknav ul li a { color: #808080; } .prescription.rx_frames #heading .quicknav .nav_wrap a:hover, .prescription.rx_frames #heading .quicknav ul li.selected a { color: #fff; } .optical_superiority.prescription #banner_full_w_inner { background-color: #0d0d0d; height: 439px; } .prescription #inner_wrapper #section { overflow: visible; } .prescription #inner_wrapper #intro h1 { font-weight: normal; font-family: Verdana,Arial,sans-serif; font-size: 35px; margin-bottom: 50px; } .prescription #inner_wrapper #intro hr, .prescription #inner_wrapper #primary hr { border-bottom: 1px solid #2a2a2a; border-top: none; margin-bottom: 27px; } .prescription #inner_wrapper #primary { margin: 0; width: 1000px; } .prescription #inner_wrapper #primary p.description { float: left; width: 380px; color: #fff; font-size: 19px; font-weight:bold; font-family: Verdana,Arial,sans-serif; line-height: 30px; margin-right: 40px; } .prescription #inner_wrapper #primary div.tech { float: right; width: 280px; margin-bottom: 45px; } .prescription #inner_wrapper #primary div.lens_tech { margin-right: 25px; } .prescription #inner_wrapper #primary div.frame_tech { margin-right: -11px; } .prescription #inner_wrapper #primary div.tech p { margin-bottom: 0; font-family: Verdana,Arial,sans-serif; font-size: 11.5px; } .prescription #inner_wrapper #primary div.tech p.first { color: #fff; margin-top: 20px; font-weight: bold; line-height:1.6em;} .prescription #inner_wrapper #primary div.tech p.second { color: #858D8C; margin-bottom: 10px;margin-top: 5px; line-height:1.6em;width: 245px;} .prescription #inner_wrapper #primary div.tech p.third { color: #990000; background: url(/images/css/default/icons/arrows/900/r/a10.gif) left 7px no-repeat; padding-left: 10px; } .prescription #inner_wrapper #primary div.tech:hover p.third { color: #fff; background: url(/images/css/default/icons/arrows/arrow-right-white.gif) left 7px no-repeat; } .prescription #inner_wrapper #primary .purchase { float: left; width: 340px; margin: 30px 110px 0 0; } .prescription #inner_wrapper #primary .purchase p { font-size: 19px; font-family: Verdana,Arial,sans-serif; color: #fff; } .prescription #inner_wrapper #primary .purchase span { font-size: 11px; color: #383838; } .prescription #inner_wrapper #primary fieldset div { float: left; margin-bottom: 10px; } .prescription #inner_wrapper #primary fieldset div.input input { width: 200px; color: #000; background: #4E4E4E; padding: 5px; -moz-border-radius: 5px; height: 20px; font-size: 13px; } .prescription #inner_wrapper #primary fieldset div.buttons { clear: none; padding: 0; margin: 0; width: 80px; margin-left: 15px; } .prescription #inner_wrapper #primary fieldset div.buttons input { background: url(/images/css/default/icons/arrows/arrow-right-white.gif) #990000 90% 58% no-repeat; padding-right: 16px; height: 31px; font-size: 12px; } .prescription #inner_wrapper #primary fieldset div.buttons input:hover { background: url(/images/css/default/icons/arrows/900/r/a10.gif) #fff 90% 58% no-repeat; color: #990000; text-shadow: none; border: 1px solid #f2f2f2; } .prescription #inner_wrapper #primary .purchase.rx_online { width: 380px; } .prescription #inner_wrapper #primary .purchase.rx_online a { float: left; margin-right: 20px; text-indent: -9999em; } .prescription #inner_wrapper #primary .purchase.rx_online a.framesdirect { background: url(/images/static/innovation/optical_superiority/prescription/FramesDirect.png) top center no-repeat; width: 158px; height: 32px; } .prescription #inner_wrapper #primary .purchase.rx_online a.sports_vision { background: url(/images/static/innovation/optical_superiority/prescription/Sports-Vision.png) top center no-repeat; width: 167px; height: 32px; } .prescription #inner_wrapper #primary .purchase.rx_online a.framesdirect:hover { background: url(/images/static/innovation/optical_superiority/prescription/FramesDirect-Hover.png) top center no-repeat; } .prescription #inner_wrapper #primary .purchase.rx_online a.sports_vision:hover { background: url(/images/static/innovation/optical_superiority/prescription/Sports-Vision-Hover.png) top center no-repeat; } .prescription.rx_lenses #banner_full_w_inner { background: #0d0d0d url(/images/static/innovation/optical_superiority/prescription/prescription-lenses-header.jpg) top center no-repeat; height: 439px; } .prescription.rx_lenses #inner_wrapper #primary img.true_digital { float: left; width: 128px; margin-right: 50px; } .prescription.rx_lenses #inner_wrapper #primary p.sub_title { width: 800px; margin-bottom: 45px; color: #fff; font-size: 19px; font-weight:bold; font-family: Verdana,Arial,sans-serif; line-height: 30px; float: left; } /*.prescription.rx_lenses #inner_wrapper #primary hr { margin-bottom: 0; } */ .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology { background: url(/images/static/innovation/optical_superiority/prescription/Oakley-True-Digital-Frame.jpg) top center no-repeat; width: 1400px; height: 700px; margin-left: -300px; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology.active-one { background: url(/images/static/innovation/optical_superiority/prescription/Oakley-True-Digital-Frame-1.jpg) top center no-repeat; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology.active-two { background: url(/images/static/innovation/optical_superiority/prescription/Oakley-True-Digital-Frame-2.jpg) top center no-repeat; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info { width: 440px; margin-left: 850px; padding-top: 28px; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info ul li { margin-bottom: 7px; font-size:12px;} .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info .tdi_title, .prescription.rx_lenses #inner_wrapper #primary p.tdi_title { padding-top: 13px; margin-bottom: 13px; color: #fff; font-size: 19px; font-weight:bold; font-family: Verdana,Arial,sans-serif; line-height: 30px; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info p { color: #858D8C; line-height: 25px; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info p strong { color: #fff; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info p.mid_periphery, .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info p.far_periphery { line-height: 20px; padding-left: 35px; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info p.mid_periphery { background: url(/images/static/innovation/optical_superiority/prescription/number-one.png) 0% 16% no-repeat; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info p.mid_periphery:hover { background: url(/images/static/innovation/optical_superiority/prescription/number-one-over.png) 0% 16% no-repeat; cursor: pointer; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info p.far_periphery { background: url(/images/static/innovation/optical_superiority/prescription/number-two.png) 0% 16% no-repeat; } .prescription.rx_lenses #inner_wrapper #primary div.true_digital_technology .true_digital_info p.far_periphery:hover { background: url(/images/static/innovation/optical_superiority/prescription/number-two-over.png) 0% 16% no-repeat; cursor: pointer; } .prescription.rx_lenses #inner_wrapper #primary hr.seperation { margin-top: -30px; } .prescription.rx_lenses #inner_wrapper #primary div.perfect_compliment { background: url(/images/static/innovation/optical_superiority/prescription/prescription-sunglasses.jpg) 50% 50% no-repeat; width: 1050px; height: 620px; } .prescription.rx_lenses #inner_wrapper #primary div.perfect_compliment div.pc_con { width: 500px; margin-top: 40px; } .prescription.rx_lenses #inner_wrapper #primary div.perfect_compliment div.pc_con p.tdi_info, .prescription.rx_lenses #inner_wrapper #primary div.bottom_container p.tdi_info { width: 430px; color: #858D8C; line-height: 25px; } .prescription.rx_lenses #inner_wrapper #primary div.bottom_container { clear: both; margin-top: -70px; } .prescription.rx_lenses #inner_wrapper #primary div.bottom_container div.left { float: left; width: 450px; margin-right: 75px; } .prescription.rx_lenses #inner_wrapper #primary div.bottom_container div.left p.info { color: #858D8C; line-height: 25px; } .prescription.rx_lenses #inner_wrapper #primary div.bottom_container div.right { float: left; width: 450px; padding-top: 18px; } .prescription.rx_lenses #inner_wrapper #primary div.bottom_container div.right div { float: left; width: 75px; height: 90px; margin: 0 30px 35px 0; text-align: center; } .prescription.rx_lenses #inner_wrapper #primary div.bottom_container div.right div span { font-size: 10px; } .prescription.rx_frames #banner_full_w_inner { background: #0d0d0d url(/images/static/innovation/optical_superiority/prescription/prescription-frames-header.jpg) top center no-repeat; height: 439px; } .prescription.rx_frames #inner_wrapper #primary p.intro { color: #fff; font-size: 19px;font-weight:bold; font-family: Verdana,Arial,sans-serif; line-height: 30px; margin-bottom: 60px; } .prescription.rx_frames #inner_wrapper #primary div.left_content { float: left; width: 470px; margin-bottom: 50px; } .prescription.rx_frames #inner_wrapper #primary div.right_content { float: right; width: 470px; margin-bottom: 50px; } .prescription.rx_frames #inner_wrapper #primary div p.titles { margin-bottom: 10px; color: #fff; font-size: 19px;font-weight:bold; font-family: Verdana,Arial,sans-serif; text-transform: uppercase; line-height: 30px; } .prescription.rx_frames #inner_wrapper #primary div p.frame_descriptions { height: 220px; color: #858D8C; line-height: 25px; } .prescription.rx_frames #inner_wrapper #primary div.left_content div.twinshock_straight { background: url(/images/static/innovation/optical_superiority/prescription/frame-position-1.jpg) left center no-repeat; width: 455px; height: 242px; } .prescription.rx_frames #inner_wrapper #primary div.left_content div.twinshock_bent { background: url(/images/static/innovation/optical_superiority/prescription/frame-position-2.jpg) left center no-repeat; width: 455px; height: 242px; } .prescription.rx_frames #inner_wrapper #primary div.right_content div.monoshock_straight { background: url(/images/static/innovation/optical_superiority/prescription/frame2-position-1.jpg) left center no-repeat; width: 455px; height: 242px; } .prescription.rx_frames #inner_wrapper #primary div.right_content div.monoshock_bent { background: url(/images/static/innovation/optical_superiority/prescription/frame2-position-2.jpg) left center no-repeat; width: 455px; height: 242px; } .prescription.rx_frames #inner_wrapper #primary div.bottom_content ul { float: right; margin: 220px 12px 0 0; } .prescription.rx_frames #inner_wrapper #primary div.bottom_content ul li { width: 30px; height: 13px; margin: 0 0 0 2px; float: left; list-style-type: none; text-indent: -9999em; } .prescription.rx_frames #inner_wrapper #primary div.bottom_content div.twinshock ul li a, .prescription.rx_frames #inner_wrapper #primary div.bottom_content div.monoshock ul li a { width: 100%; height: 100%; float: left; } .prescription.rx_frames #inner_wrapper #primary div.bottom_content div.twinshock ul li a.active { background: url(/images/static/innovation/optical_superiority/prescription/active-button.png) left center no-repeat; } .prescription.rx_frames #inner_wrapper #primary div.bottom_content div.twinshock ul li a.not_active { background: url(/images/static/innovation/optical_superiority/prescription/not-active-button.png) left center no-repeat; } .prescription.rx_frames #inner_wrapper #primary div.bottom_content div.monoshock ul li a.active2 { background: url(/images/static/innovation/optical_superiority/prescription/active-button.png) left center no-repeat; } .prescription.rx_frames #inner_wrapper #primary div.bottom_content div.monoshock ul li a.not_active2 { background: url(/images/static/innovation/optical_superiority/prescription/not-active-button.png) left center no-repeat; } .prescription #inner_wrapper #intro dl.tronDropdown { top: 60px; } .prdctsearchstore,.prdctsearchdealer{ width:214px; margin:0 0 15px 0; } .prdctsearchstore a,.prdctsearchdealer a{ width:214px; height:53px; overflow:hidden; border:solid 1px #363636; display:block; background:url(/innovation/optical-superiority/prescription_test/images/prdctdearchbg.jpg) bottom right no-repeat; } .prdctsearchstore a:hover,.prdctsearchdealer a:hover{ width:214px; border:solid 1px #414141; } form{display:none;} .prdctsearchstore img,.prdctsearchdealer img{ float:left; } .prdctsearchstore a .storetext,.prdctsearchdealer a .dealertext{ display:table-cell; width:159px; height:53px; text-align:center; font-size:12px; vertical-align:middle; } form{ display:none; } hr.bottom { border-bottom: 1px solid #2a2a2a; border-top: none; margin-bottom: 45px; !important} dl.tronDropdown dt span.label{font-size:12px;} .otdfootfr{ width:951px; margin:27px auto 40px auto; padding:15px 0 0 0; background:url(/innovation/optical-superiority/prescription_test/images/dotted.gif) 0 0 repeat-y; } .otdfootfr .otdfootleft h2{ font-size:16px!important; font-weight:bold!important; color:#990000!important; margin:0 0 25px 0!important; padding:0!important; } .otdfootleft{ width:687px; float:left; } .otdfootleft ul{ width:687px; list-style:none; margin:0; padding:0; } .otdfootleft ul li{ width:229px; padding:0 0 15px 0; float:left; } .otdfootleft img{ width:76px; float:left; } .otdfootleft p{ width:144px!important; font-size:14px!important; color:#d6d6d6!important; padding:10px 0 0 9px!important; margin:0!important; float:left!important; line-height:1.6em!important; } .otdfootleft ul li a:hover p{ color:#ffffff!important; } .otdfootleft span{ width:144px!important; font-size:12px!important; color:#616161!important; padding:0 0 0 9px!important; display:block!important; float:left!important; line-height:1.6em!important; } .otdfootfr .otdfootright h2{ font-size:16px!important; font-weight:bold!important; color:#990000!important; margin:0 0 17px 0!important; padding:0!important; } .otdfootright{ width:216px; float:right; } .otdfootrighttxt{ font-size:12px!important; color:#858d8c!important; line-height:1.6em!important; padding:0!important; margin:0 0 15px 0!important; } /* add 2012/08/14 */ .maintechinfofr{ padding:0 0 30px 0; } .maintechinfo{ width:345px; height:18px; background:url(/images/static/innovation/apparel/maintech.jpg) 0 0 no-repeat; text-indent:-9999px; margin:0 0 30px 0; padding:0; } .techinfoframe{ width:980px; margin:0 0 30px 0; } .techinfoleft{ width:474px; float:left; } .techinforight{ width:474px; float:right; background-color:red; } .ohydrolix{ background:url(/images/static/innovation/apparel/tech1bg.jpg) 0 0 no-repeat; } .hydrofree{ background:url(/images/static/innovation/apparel/tech2bg.jpg) 0 0 no-repeat; } .hydrofuse{ background:url(/images/static/innovation/apparel/tech3bg.jpg) 0 0 no-repeat; } .factorylite{ background:url(/images/static/innovation/apparel/tech4bg.jpg) 0 0 no-repeat; } .redcode{ background:url(/images/static/innovation/apparel/tech5bg.jpg) 0 0 no-repeat; } .techinfotxt2{ font-size:14px!important; color:#FFF; width:225px; border:none; margin:0!important; padding:0!important; } /*SEARCH*/ .catalog-searchfr{ width:980px; margin:70px auto 60px auto; padding:14px 0; overflow:hidden; } .catalog-search{ width:966px; margin:0 auto; overflow:hidden; background: url(/images/static/innovation/apparel/searchbg.gif) 0 0 repeat-y; } .catalog-search-table{ margin:0; padding:0; } .catalog-search-title{ width:185px; font-size:14px; color:#990000; font-weight:bold; vertical-align:middle; display:table-cell; margin:0; padding:0; text-align:center; } .catalog-search-detail{ width:260px; margin:0 0 0 1px; padding:0; } .catalog-search-onelnk{ width:220px; height:76px; display:block; margin:0 auto; position:relative; color:#990000; font-size:12px; font-weight:bold; line-height:1.4em; } .search-onelnk1{ background: url(/images/static/innovation/apparel/searchicon1.jpg) 0 0 no-repeat; } .search-onelnk2{ background: url(/images/static/innovation/apparel/searchicon2.jpg) 0 0 no-repeat; } .search-onelnk3{ background: url(/images/static/innovation/apparel/searchicon3.jpg) 0 0 no-repeat; } .catalog-search-onelnk:hover{ background-position:0 -76px; color:#a6291a; } .catalog-search-onelnk span{ width:170px; display:block; position:absolute; left:60px; top:10px; } .lnkfr{ display:block; width:205px; margin:15px 0 0 0; padding:0 0 15px 0; background: url(/images/static/innovation/apparel/rightdot.jpg) 0 bottom no-repeat; } .lnkfrlast{ background:none; } .lnkimage{ display:block; width:205px; height:73px; border:solid 1px #535353; text-indent:-9999px; } .skull{ background: url(/images/static/innovation/apparel/collection1.jpg) 0 0 no-repeat; } .golf{ background: url(/images/static/innovation/apparel/collection2.jpg) 0 0 no-repeat; } .wgolf{ background: url(/images/static/innovation/apparel/collection3.jpg) 0 0 no-repeat; } .training{ background: url(/images/static/innovation/apparel/collection5.jpg) 0 0 no-repeat; } .lifestyle{ background: url(/images/static/innovation/apparel/collection4.jpg) 0 0 no-repeat; } .surf{ background: url(/images/static/innovation/apparel/collection6.jpg) 0 0 no-repeat; } .lnktitle{ display:block; width:205px; font-size:12px; color:#ffffff; margin:6px 0 3px 0; } .lnktxt{ display:block; width:205px; font-size:12px; color:#5e5e5e; } .lnkttext{ display:block; font-size:12px; color:#990000; text-align:right; text-decoration:underline; background: url(/images/static/innovation/apparel/ar.png) 95px 6px no-repeat; padding:0 0 0 10px; } .lnkfr:hover .skull{ background: url(/images/static/innovation/apparel/collection1.jpg) 0 -73px no-repeat; } .lnkfr:hover .golf{ background: url(/images/static/innovation/apparel/collection2.jpg) 0 -73px no-repeat; } .lnkfr:hover .wgolf{ background: url(/images/static/innovation/apparel/collection3.jpg) 0 -73px no-repeat; } .lnkfr:hover .training{ background-position:0 -73px; } .lnkfr:hover .lifestyle{ background-position:0 -73px; } .lnkfr:hover .surf{ background-position:0 -73px; } .lnkfr:hover .lnkttext{ color:#FFF; background: url(/images/static/innovation/apparel/arw.png) 95px 6px no-repeat; }