/*main container starts */ #one_column {width:970px;} body.orange #left_container .left_navigation ul li ul li a:hover, body.orange #left_container .left_navigation ul li ul li a.active { background: url(../images/red_arrow.jpg) no-repeat 0px 3px; } /*left container starts */ #left_container{width:211px; float:left;background:#fff;margin-right:0px;} #left_container .left_navigation{width:210px; float:left;} #left_container .left_navigation ul{width:210px; float:left; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; border-bottom:1px solid #bbbdcc;} #left_container .left_navigation ul li {margin:0!important;} #left_container .left_navigation ul li{width:210px; float:left;font-weight:bold;border-top:1px solid #bbbdcc;} #left_container .left_navigation ul li a{color:#9c9d9f; text-decoration:none;width:210px; float:left; text-decoration:none;} #left_container .left_navigation ul li a:hover{color:#eb690a; text-decoration:none;} #left_container .left_navigation ul li a.active{color:#eb690a; text-decoration:none; cursor:text} #left_container .left_navigation ul li a.first{ padding:10px 0 0px 43px;width:167px;height:23px; float:left; background:url(../images/brillen_icon.jpg) no-repeat 5px 0;} #left_container .left_navigation ul li a.second{ padding:10px 0 0px 43px;width:167px;height:23px; float:left; background:#f6f7f7 url(../images/helme_icon.jpg) no-repeat 5px 0;} #left_container .left_navigation ul li a.naviIcon1, #left_container .left_navigation ul li a.naviIcon2, #left_container .left_navigation ul li a.naviIcon3, #left_container .left_navigation ul li a.naviIcon4, #left_container .left_navigation ul li a.naviIcon5, #left_container .left_navigation ul li a.naviIcon6, #left_container .left_navigation ul li a.naviIcon7, #left_container .left_navigation ul li a.naviIcon8, #left_container .left_navigation ul li a.naviIcon8B, #left_container .left_navigation ul li a.naviIcon9, #left_container .left_navigation ul li a.naviIcon10, #left_container .left_navigation ul li a.naviIcon11, #left_container .left_navigation ul li a.naviIconProt, #left_container .left_navigation ul li a.naviIconAccess{ padding:0px 0 0px 43px; width:167px; height:30px; float:left; line-height:18px; padding-top:8px; vertical-align:middle; } #left_container .left_navigation ul li a.naviIcon1{ background:url(../images/nav_icon_eye_brille.jpg) no-repeat 3px 0px;} #left_container .left_navigation ul li a.naviIcon2{ background:url(../images/nav_icon_winter_brille.jpg) no-repeat 5px 0;} #left_container .left_navigation ul li a.naviIcon3{ background:url(../images/nav_icon_winter_skibrille.gif) no-repeat 3px -3px;} #left_container .left_navigation ul li a.naviIcon4{ background:url(../images/nav_icon_winter_helm.gif) no-repeat 5px -3px;} #left_container .left_navigation ul li a.naviIcon5{ background:url(../images/nav_icon_reit_brille.gif) no-repeat 0px -3px;} #left_container .left_navigation ul li a.naviIcon6{ background:url(../images/nav_icon_reit_helm.gif) no-repeat 5px 0;} #left_container .left_navigation ul li a.naviIcon7{ background:url(../images/nav_icon_motor_brille.gif) no-repeat 1px -4px;} #left_container .left_navigation ul li a.naviIcon8{ background:url(../images/nav_icon_motor_helm.gif) no-repeat 5px -2px;} #left_container .left_navigation ul li a.naviIcon8B{ background:url(../images/nav_icon_motor_rennhelm.gif) no-repeat 5px -2px;} #left_container .left_navigation ul li a.naviIcon9{ background:url(../images/nav_icon_motor_crossbrille.gif) no-repeat 1px -5px;} #left_container .left_navigation ul li a.naviIcon10{background:url(../images/nav_icon_rad_brille.gif) no-repeat 1px -5px;} #left_container .left_navigation ul li a.naviIcon11{background:url(../images/nav_icon_rad_helm.gif) no-repeat 4px -5px;} #left_container .left_navigation ul li a.naviIconProt{background: url(../images/protek.jpg) no-repeat 5px 0;} #left_container .left_navigation ul li a.naviIconAccess{background:url(../images/access_icon.jpg) no-repeat 5px 0;} #left_container .left_navigation ul li ul{width:210px; float:left;font-weight:normal;background:#f6f7f7; border-bottom:none;} #left_container .left_navigation ul li ul li{width:200px; float:left; font-weight:normal; border:none; font-size:12px; color:#9c9d9f;padding:1px 0 1px 10px;} #left_container .left_navigation ul li ul li.heading{width:200px; float:left; font-weight:bold; background:#f6f7f7 url(../images/nav_border.jpg) repeat-x 0 0;padding:5px 0 1px 10px;} #left_container .left_navigation ul li ul li.heading span{font-size:9px;} #left_container .left_navigation ul li ul li.last{width:200px; padding:1px 0 5px 10px;} #left_container .left_navigation ul li ul li a{width:185px; padding:0 0 0 15px; float:left; background:none;} #left_container .left_navigation ul li ul li a span{width:auto; float:left;} #left_container .left_navigation ul li ul li a span.img{margin:0px 0 0 2px; width:auto; float:left; cursor:pointer; position:relative;} #left_container .left_navigation ul li ul li a:hover{width:185px; padding:0 0 0 15px; float:left; background:url(../images/red_arrow.jpg) no-repeat 0 2px;} #left_container .left_navigation ul li ul li a.active{width:185px; padding:0 0 0 15px; float:left; background:url(../images/red_arrow.jpg) no-repeat 0 2px; cursor:text} /*left container end */ #right_container .top_container{width:720px; float:left; position:relative;display:block;min-height:64px;} #right_container .top_container h1{width:510px; float:left; font-family:Arial, Helvetica, sans-serif; color:#f37520; font-size:22px; line-height:28px; font-weight:normal;} #right_container .top_container p{width:510px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:14px; line-height:18px; font-weight:normal;} #right_container .top_container .img_box{/*width:166px; height:95px;*/} #right_container .product_container{width:720px; float:left; padding:15px 0 0} #right_container .product_container .row{width:720px; float:left;padding:0px 0 8px} #right_container .product_box{ width:150px; height:165px; float:left; margin-right:10px; padding:5px 8px; /*background-image:url(../images/product_box_bg.jpg);*/ background-image:url(../images/uvexsports/box.png); background-position:0 0; background-repeat:no-repeat; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .3); -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .3); -o-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .3); } #right_container .product_box p{width:150px; /* ff2 bug float:left; */font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; font-size:12px; line-height:16px;} #right_container .product_box{ position:relative; border:2px solid #ffffff; border-left:none; border-radius: 3px 3px 3px 3px; box-shadow: 3px 3px 3px #B2B2B2; } #right_container .product_box .isNew_DE, #right_container .product_box .isNew_EN { position:absolute; width:52px; height:61px; left:6px; top:-2px; } #right_container .product_box .isNew_DE{ background: url(../images/product_icons/label_neu_klein_de.png); } #right_container .product_box .isNew_EN{ background: url(../images/product_icons/label_neu_klein_en.png); } /* #right_container[id] .product_container .product_box .product_img_outer{ width:150px; height:130px; overflow:visible; display: table; background-color:red; } #right_container[id] .product_container .product_box .product_img_middle{ display: table-cell; vertical-align: middle; width: 100%; text-align: center; } #right_container[id] .product_container .product_box .product_img_inner { } */ #right_container .product_container .product_box .product_img_outer{ display: table; height: 130px; width:150px; overflow: hidden; } #right_container .product_container .product_box .product_img_middle{ } #right_container .product_container .product_box .proxut_list{width:150px; float:left;} #right_container .product_container .product_box .proxut_list ul{width:100%; float:left; list-style:none;} #right_container .product_container .product_box .proxut_list ul li{width:auto; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666666; margin-right:2px; display:inline;} #right_container .product_container .product_box .proxut_list ul li a{color:#666666; text-decoration:none;} #right_container .product_container .product_box .proxut_list ul li a:hover{color:#F37520; text-decoration:underline;} #right_container .product_container .product_box:hover{ /*background-image:url(../images/product_boxorange_bg.jpg); border-radius: 3px 3px 3px 3px; box-shadow: 3px 3px 3px #a32500; */ } #right_container .page_navigation{width:720px; float:left; padding:25px 0 5px} #right_container .page_navigation ul{width:524px; float:left; list-style:none; padding:0 0 0 200px;} #right_container .page_navigation ul li{width:auto; float:left; font-size:11px; text-align:center; font-family:Arial, Helvetica, sans-serif;color:#eb690a; margin-right:2px; display:inline;} #right_container .page_navigation ul li a{color:#666666;text-decoration:none; padding:1px 4px; border:1px solid #ccc; float:left;} #right_container .page_navigation ul li a:hover{color:#eb690a; text-decoration:none;padding:1px 4px;border:1px solid #ccc;float:left;} #right_container .page_navigation ul li a.active{color:#eb690a; text-decoration:none;padding:1px 4px;border:1px solid #ccc; font-weight:bold;float:left;} #right_container .page_navigation ul li.first{padding:5px 5px 0} #right_container .page_navigation ul li.second{margin-right:10px;padding:2px 0 0; display:inline;} #right_container .page_navigation ul li.next{margin-left:10px; display:inline;padding:2px 0 0;} #right_container .page_navigation ul li.more{ color:#666666;} #right_container .page_navigation ul li.first a{border:none; padding:0px;} #right_container .page_navigation ul li.first a:hover{border:none; padding:0px;} /*right container end */ /*bottom link container end */ /*main container end */ /*body container end */ /*footer container end */ /* layout end */ /*right container inner page starts */ #right_container_inner{width:722px; margin-right:30px; display:inline; background:url(../images/dotted_border.jpg) repeat-x 0 0; padding:3px 0 40px; position:relative} #right_container_inner .top_container{width:720px; float:left; position:relative;} #right_container_inner .top_container p{width:700px; float:left; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:14px; line-height:20px; font-weight:normal;} #right_container_inner .top_container .link_box{width:auto; position:absolute; right:10px; top:10px;font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px;} #right_container_inner .top_container .link_box a{width:auto; float:left; background:url(../images/sub_nav_gray_arrow.jpg) no-repeat 0 5px;color:#666666; padding:0 0 0 8px; text-decoration:none;} #right_container_inner .top_container .link_box a:hover{color:#666666;text-decoration:underline;} #right_container_inner .product_container{width:720px; float:left; padding:15px 0 0} #right_container_inner .product_details{width:720px; float:left; padding:20px 0 0} #right_container_inner .product_details .left_container{width:360px; float:left;} #right_container_inner .product_details .right_container{width:285px; float:right; background:url(../images/right_content_box_bg.jpg) repeat-y 0 0; border-bottom:1px solid #bbbdcc; padding:5px 15px;border-top:1px solid #bbbdcc;} #right_container_inner h6, .bottom_section h6 {width:285px; float:left; font-size:12px; color:#f37520; line-height:16px; font-family:Arial, Helvetica, sans-serif;} #right_container_inner .product_details .top_content_box{width:285px; float:left; } #right_container_inner .product_details .top_content_box ul{width:295px; float:left; list-style:none;font-family:Arial, Helvetica, sans-serif;} #right_container_inner .product_details .top_content_box ul li{width:200px; float:left; padding:5px 0 9px 95px;font-size:12px; color:#666; line-height:15px; margin:5px 0 8px; } #right_container_inner .product_details .top_content_box ul li a{color:#666; text-decoration:underline; background:url(../images/sub_nav_gray_arrow.jpg) no-repeat 0 5px; padding:0 0 0 15px; width:auto;} #right_container_inner .product_details .top_content_box ul li a:hover{color:#666; text-decoration:none;} #right_container_inner .product_details .top_content_box ul li.first{background:url(../images/icon1.gif) no-repeat 10px 0;} #right_container_inner .product_details .top_content_box ul li.second{background:url(../images/icon2.gif) no-repeat 10px 0;} #right_container_inner .product_details .top_content_box ul li.third{background:url(../images/icon3.gif) no-repeat 10px 0;} #right_container_inner .product_details .top_content_box ul li.fourth{background:url(../images/icon4.gif) no-repeat 10px 0;} #right_container_inner .product_details .bottom_content_box{width:285px; float:left; padding:5px 0 15px } #right_container_inner .product_details .bottom_content_box ul{width:285px; float:left; list-style:none;font-family:Arial, Helvetica, sans-serif;} #right_container_inner .product_details .bottom_content_box ul li{width:275px; float:left;font-size:12px; color:#666; line-height:15px; background:url(../images/list_style.jpg) no-repeat 2px 5px; padding:0 0 0 10px; } #right_container_inner .product_details .bottom_content_box ul li a{color:#666; text-decoration:none;} #right_container_inner .product_details .bottom_content_box ul li a:hover{color:#666; text-decoration:underline;} #right_container_inner .product_sample {width:720px; float:left; padding:25px 0 0; padding-top:10px; border-top:1px solid #EEEFF3} #right_container_inner h6 {width:720px; float:left; font-size:12px; color:#f37520; line-height:16px; font-family:Arial, Helvetica, sans-serif;} #right_container_inner .product_sample .product_row{width:720px; float:left; margin:5px 0 20px; } #right_container_inner .product_sample .sample_box{width:170px; height:170px;float:left; margin-right:5px; display:inline;} #right_container_inner .product_sample .sample_box p{width:170px; padding-bottom:10px;font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:16px;text-align:center;} #right_container_inner .product_sample .sample_box .img_box{width:170px; text-align:center;} /*right container inner page ends */ /*right container bottom_section starts */ #right_container_inner .bottom_section{width:720px; float:left; padding:0 0 10px} #right_container_inner .bottom_section h6{width:700px; float:left; font-size:12px; color:#f37520; line-height:16px; font-family:Arial, Helvetica, sans-serif;} #right_container_inner .bottom_section p{width:700px; float:left; padding-bottom:2px;font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; font-size:12px; line-height:16px;} #right_container_inner .bottom_section .img_link_box{width:700px; float:left; padding:0 0 12px} #right_container_inner .bottom_section .img_link_box img{margin:0 40px 0 0; display:inline; float:left;} #right_container_inner .bottom_section2{width:720px; float:left; padding:0 0 10px} #right_container_inner .bottom_section2 h6{width:700px; float:left; font-size:12px; color:#f37520; line-height:16px; font-family:Arial, Helvetica, sans-serif; padding:0 0 5px} #right_container_inner .bottom_section2 .img_link_box{width:480px; float:left; background:url(../images/bottom_img_link_box_bg.jpg) repeat-x 0 0; height:123px; padding:20px 0 0} #right_container_inner .bottom_section2 .img_link_box ul{width:480px; float:left; list-style:none;} #right_container_inner .bottom_section2 .img_link_box ul li{width:auto; float:left; margin:0 0 0 30px; display:inline;font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:16px; text-align:center;} #right_container_inner .bottom_section2 .img_box_right{width:224px; height:144px; float:right;} #right_container_inner .bottom_section2 .img_box_right img{float:left;} /*right container bottom_section ends */ .top_content_box table td { font-family:Arial, Helvetica, sans-serif; font-size:12px; } #preview{ position:absolute; background:#CCC; padding:1px; display:none; color:#fff; } /* Bernd: 2009-12-15 @@@ */ #right_container #middle_container .content_box { overflow: visible; /* eyl */ margin-bottom: 20px; clear: both; } /* Bernd: 2009-12-15 @@@ */ #right_container #middle_container .content_box p.bodytext { display:block; /*float:left;*/ /*line-height:20px;*/ } /* tooltip */ .navtext{ border:1px solid #ccc; background:#fff; width:213px; float:left; position:absolute;} .navtext p{width:213px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:16px; } .navtext p a{width:200px; float:left; color:#666666; text-decoration:underline;background:url(../images/right_arrow_gray.jpg) no-repeat 0px 5px; padding:0 0 0 8px} body.orange #left_container .left_navigation ul li.active { background: url(../images/uvexsports/droppfeil.png) no-repeat 221px 25px; } body.orange #left_container .left_navigation ul li ul li.heading { width:230px; } /* */ #right_container_inner .top_container .newTeaser-de, #right_container_inner .top_container .newTeaser-en{ position:absolute; top: -10px; left:20px; width:52px; height:80px; z-index:12; } #right_container_inner .top_container .newTeaser-de{ background: url("../images/product_icons/label_neu_gross_de.png") no-repeat 0 0 transparent; } #right_container_inner .top_container .newTeaser-en{ background: url("../images/product_icons/label_neu_gross_en.png") no-repeat 0 0 transparent; } .product_pic{ position:relative; background: url("../images/product_icons/verlauf_oben.png") repeat-x 0 0 transparent; } .product_img{ text-align: center ; background: url("../images/product_icons/verlauf_unten.png") repeat-x 0 0 transparent ; background-position:bottom; border: 2px solid #FFF; -moz-border-radius: 2px 2px 2px 2px; -moz-box-shadow: 2px 2px 2px 2px #B2B2B2; min-height:400px; height:auto !important; height:400px; } .product_img img{ vertical-align:bottom; } .product_price{ position:absolute; left:570px; font-size:16px; bottom:10px; } .block-technology, .product_similar, .block-dealer-seals{ clear:both; border-top: 1px solid #EEEFF3 ; padding-top:10px; } .btn-container{ position:absolute; bottom:2px; width:200px; height:68px; left:30px; z-index:100; } .btn-zoom{ display:block; float:left; background: url(../images/product_icons/zoom.png) no-repeat 0 0; width: 41px; height:68px; } .btn-3d{ display:block; float:left; background: url(../images/product_icons/3d.png) no-repeat 0 0; width: 41px; height:68px; } .top_container .product-inner-infos{ position:absolute; top:70px; left:30px; width: 200px; height:300px; z-index:10; } .top_container .product-inner-infos h1{ font-family:Arial, Helvetica, sans-serif; color:#f37520; font-size:18px; line-height:24px; font-weight:normal; } .top_container .product-inner-infos h2{ font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:15px; font-weight:normal; } #right_container_inner .top_container #madeInGermany{ margin-top:15px; } .prod-view-detail h3 { font-size:18px; margin-bottom:10px; }