/* iPad Portrait / Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { body * { } body#start, body#search, body#intro, html { height: 100%; } body#start .wrapper, body#intro .wrapper, body#search .wrapper { min-height: 100%; } .scrollbar { position: absolute; background-color: #555; opacity: 0.1; width: 6px; margin-left: 2px; height: 365px; right: 17px; top: 92px; z-index: 1; } .scrollbar-arrow { position: absolute; width: 6px; height: 9px; right: 17px; } .scrollbar-arrow.a-up { background: transparent url("../../images/tc-sprite.png") no-repeat -375px -110px !important; top: 82px; } .scrollbar-arrow.a-down { background: transparent url("../../images/tc-sprite.png") no-repeat -390px -106px !important; top: 459px; } header nav .opened > a { color: #00adef; } header nav .opened .dd { display: block; background-position:-200px 0; } header nav ul li ul, header nav ul li ul > li { width: 88px; } body#detail #box { position: fixed; } body#search #content { margin-top: 135px; padding-bottom: 100px; } body#detail #content { margin-top: 75px; } #bar { top: 133px; z-index: 9999; } #logo { margin: 1em 0 0 1.8em; } #logo h4 { width: 252px; height: 53px; background-size: 100%; background-image: url('../../images/logo_optimised.png'); } footer nav { margin: 2.6em 3.4em 40px 0; } nav { margin: 53px 3.4em 40px 0; } nav { position: absolute; right: 0; z-index: 999999; } footer { height: 45px; z-index: 99999; } /*body#start footer, body#intro footer { bottom: 20px; }*/ footer .share-stage { position: absolute; margin: 2.6em 0 0 37px; z-index: 99999; } .switch-views a:hover { background-position: 0 -120px; } .switch-terms a:hover { background-position: 0 -120px; } .trigger-toolbox:hover { background-position: -250px -150px } .trigger-toolbox.open:hover { background-position: -280px -150px } button.btn-search { margin: 0; padding: 0; } button, input, textarea, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; border-radius: 0px; } .btn:hover { color: white; background: #737577; background: -moz-linear-gradient(top, rgba(115, 117, 119, 1) 0%, rgba(95, 96, 98, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115, 117, 119, 1)), color-stop(100%,rgba(95, 96, 98, 1))); background: -webkit-linear-gradient(top, rgba(115, 117, 119, 1) 0%, rgba(95, 96, 98, 1) 100%); background: -o-linear-gradient(top, rgba(115, 117, 119, 1) 0%, rgba(95, 96, 98, 1) 100%); background: -ms-linear-gradient(top, rgba(115, 117, 119, 1) 0%, rgba(95, 96, 98, 1) 100%); background: linear-gradient(top, rgba(115, 117, 119, 1) 0%, rgba(95, 96, 98, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737577', endColorstr='#5f6062',GradientType=0 ) } /************************************************************************** * START SITE *************************************************************************/ .slider #slider_next, .slider #slider_prev { display: block; } .slider #hover_next, .slider #hover_prev { z-index: 99999; height: 200px !important; top: 240px !important; } #slider_next.prev { display: none; } .slider a.prev { background-position: -413px -222px; left: 20px; } .slider a.next { background-position: -401px -180px; right: 20px; } .slider a.next, .slider a.prev { width: 28px; height: 38px; top: 275px; margin-top: -25px; position: absolute; background-image: url('../../images/tc-sprite2.png'); } .panel a { background-image:url(../../images/top_teaser-initial-304x203.png) !important; } .panel a.term, .panel a.desc { width: 50%; } .panel a.term, .panel a.term:hover, .panel a.desc, .panel a.desc:hover { background-position: 0 -60px; } /************************************************************************** * START SITE *************************************************************************/ /************************************************************************** * RESULTS SITE *************************************************************************/ .js fieldset .label_check, .js fieldset .label_check:hover { background-color: #666; background: linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; background: -o-linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; background: -moz-linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; background: -webkit-linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; background: -ms-linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; } .js fieldset .label_check.c_on { background-color: #2c2c2c !important; background-image: none !important; box-shadow: inset 0 0 10px #1F1F1F; } #toolbox.tiny fieldset.closed legend:hover span.arrow { background-position: -405px -109px; } /* size01 */ .listing.size01 a span.arrow, .listing.size01 a:hover span.arrow, .listing.size02 a span.arrow, .listing.size02 a:hover span.arrow { width:17px; height:22px; background-position:-436px -188px } .listing.size02 a span.arrow { right: 15px; bottom: 15px; } li.as-result-item:hover { color: #00ADEF; } li.as-result-item:hover em { background: none repeat scroll 0pt 0pt #00ADEF; color: white; } /************************************************************************** * DETAIL SITE *************************************************************************/ .subnavi li {margin-bottom:14px; width: 18px; height: 21px; background:transparent url('../../images/tc-sprite.png') no-repeat -270px -85px; margin-left: 3px} .subnavi li.selected {background-position: -309px -85px} #detail#bar { height: 180px !important; width: 350px !important; z-index: 99999 !important; } #mod-intro { min-height: 170px; } #mod-media .mejs-mb .mejs-layers { bottom: 0 !important; height: 100% !important; } #mod-media .mejs-mb .mejs-captions-position-hover { bottom: 26px !important; } #mod-recommend .box2 input { vertical-align: baseline; height: 10px; } #mod-recommend .box2 input, #mod-recommend .box2 textarea { padding: 9px; line-height: 1; } #mod-intro #intelliget_drive { background: none repeat scroll 0 0 #00AEEA; color: #FFFFFF; font-family: arial; font-size: 12px; height: 12px; left: 199px; line-height: 12px; padding: 12px 20px; top: 30px; width: auto; } .share-stage UL LI .icon img {top:-16px} } /* iPad Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .wrapper { max-width: 1024px; } footer { width: 1023px;} footer .share-stage { margin: 0 0 0 37px; } footer nav { margin: 0 3.4em 40px 0; } body#intro, body#start, html { height: 100%; } body#start .wrapper, body#intro .wrapper, body#search .wrapper { min-height: 100%; } .slider, .slide, .wall { height: 500px; } /************************************************************************** * START SITE *************************************************************************/ .slider h1.introheader { left: 635px; top: 10px; font-size: 26px; line-height: 36px; width: 304px; } .slider .pagination { bottom: -55px; left: 475px; } .panel { width: 304px; height: 203px; } .panel a { background-image:url(../../images/top_teaser-initial-304x203.png) !important; } .panel a.txt { height: 171px !important; } .panel a.txt span.arrow { top: 118px !important; right: 15px !important; } .panel a.term { width: 152px; } .panel a.desc { width: 151px; } .wall.term .panel a.term, .wall.term .panel a.term:hover, .wall.desc .panel a.desc, .wall.desc .panel a.desc:hover { background-color: #00adef !important; background-image: none !important; box-shadow: inset 0 0 10px #0096cf; } .wall.desc .panel a.term, .wall.desc .panel a.term:hover, .wall.term .panel a.desc, .wall.term .panel a.desc:hover { background-color: #666; background: linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; background: -o-linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; background: -moz-linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; background: -webkit-linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; background: -ms-linear-gradient(top, #666666 0%, #5D5F5E 100%) !important; } /* TPL 0 */ .tpl-0 .t1 { width: 100px; height: 56px; left: 309px; top: 39px; } .tpl-0 .t2 { width: 304px; height: 171px; left: 614px; top: 39px; } .tpl-0 .t3 { width: 100px; height: 56px; left: 207px; top: 96px; } .tpl-0 .t4 { width: 202px; height: 114px; left: 105px; top: 154px; } .tpl-0 .t5 { width: 202px; height: 114px; left: 614px; top: 212px; } .tpl-0 .t6 { width: 100px; height: 56px; left: 818px; top: 212px; } .tpl-0 .t7 { width: 100px; height: 56px; left: 105px; top: 270px; } .tpl-0 .t8 { width: 303px; height: 171px; left: 207px; top: 270px; } .tpl-0 .t9 { width: 100px; height: 56px; left: 512px; top: 270px; } .tpl-0 .t10 { display: none; } .tpl-0 .panel { width: 303px; height: 171px; left: 309px; top: 97px; } .tpl-0 .t1 img, .tpl-0 .t3 img, .tpl-0 .t6 img, .tpl-0 .t7 img, .tpl-0 .t9 img { width: 100px; } .tpl-0 .t2 img, .tpl-0 .t9 img { width: 304px; } /* TPL 1 */ .tpl-1 .t1 { left: 411px; top: 39px; width: 202px; height: 114px; } .tpl-1 .t2 { left: 105px; top: 98px; width: 304px; height: 171px; } .tpl-1 .t3 { left: 615px; top: 98px; width: 304px; height: 171px; } .tpl-1 .t4 { left: 411px; top: 155px; width: 202px; height: 114px; } .tpl-1 .t6 { left: 207px; top: 271px; width: 406px; height: 228px; } .tpl-1 .t7 { display: none; } .tpl-1 .t8 { display: none; } .tpl-1 .t9 { display: none; } .tpl-1 .t10 { display: none; } .tpl-1 .panel { left: 615px; top: 271px; } /* TPL 2 */ .tpl-2 .t3 { left: 411px; top: 29px; width: 100px; height: 56px; } .tpl-2 .t4 { left: 513px; top: 49px; width: 304px; height: 171px; } .tpl-2 .t6 { left: 105px; top: 87px; width: 406px; height: 228px; } .tpl-2 .t7 { left: 819px; top: 164px; width: 100px; height: 56px; } .tpl-2 .t8 { left: 513px; top: 222px; width: 406px; height: 228px; } .tpl-2 .t10 { display: none; } .tpl-2 .panel { left: 207px; top: 317px; } /* TPL 3 */ .tpl-3 .t1 { left: 359px; top: 39px; width: 409px; height: 230px; } .tpl-3 .t2 { left: 770px; top: 96px; width: 100px; height: 56px; } .tpl-3 .t4 { left: 153px; top: 154px; width: 204px; height: 115px; } .tpl-3 .t7 { left: 105px; top: 271px; width: 406px; height: 228px; } .tpl-3 .t8 { display: none; } .tpl-3 .t9 { display: none; } .tpl-3 .t10 { display: none; } .tpl-3 .panel { left: 513px; top: 271px; } /* TPL 4 */ .tpl-4 .t1 { left: 207px; top: 39px; width: 202px; height: 114px; } .tpl-4 .t2 { left: 411px; top: 39px; width: 202px; height: 114px; } .tpl-4 .t3 { left: 615px; top: 98px; width: 304px; height: 171px; } .tpl-4 .t4 { left: 105px; top: 153px; width: 100px; height: 56px; } .tpl-4 .t5 { left: 207px; top: 155px; width: 406px; height: 228px; } .tpl-4 .t7 { left: 105px; top: 211px; width: 100px; height: 56px; } .tpl-4 .panel { left: 615px; top: 271px; width: 304px; height: 203px; } /************************************************************************** * START SITE *************************************************************************/ /************************************************************************** * RESULT SITE *************************************************************************/ body#search #content { width: 1000px; margin-top: 135px; } /************************************************************************** * DETAIL SITE *************************************************************************/ .subnavi li {margin-bottom:14px;} .subnavi li a.selected span {background-position:-251px -85px} .subnavi li a span {width: 18px; height: 17px; background:transparent url('../../images/tc-sprite.png') no-repeat -270px -85px; margin-left: 3px} .module { margin-bottom: 6.5em !important; } #mod-media .video { width: 814px; height: 460px; margin-left: 105px; } #mod-media .video-info { width: 357px; height: 260px; top: 9px; left: 173px; } /*#mod-media video { width: 814px; height: 460px; }*/ #mod-media .mejs-container.mejs-mb, #mod-media #img-view img { width: 814px !important; height: 460px !important; } #mod-media .mejs-controls div.mejs-time-rail, #mod-media .mejs-mb .mejs-controls .mejs-time-rail .mejs-time-total { width: 570px !important; } #mod-media .mejs-mb .mejs-overlay { width: 814px !important; height: 435px !important; top: 15px; } #mod-media .mejs-mb .mejs-captions-layer { width: 814px !important; height: 433px !important; } #mod-media .playlist .v1 { left: 409px; top: 462px; } #mod-media .playlist .v2 { left: 615px; top: 462px; } #mod-media .playlist .v3 { left: 105px; top: 578px; } #mod-media .playlist .v4 { left: 309px; top: 578px; } #mod-media .playlist .v5 { left: 615px; top: 635px; } #mod-media .playlist .v6 { left: 203px; top: 751px; } #mod-media .playlist .v7 { left: 409px; top: 751px; } #mod-relation { margin-top: 0; min-height: 100px; } #mod-relation .listing li { margin-bottom: 2px; } /* #mod-recommend { margin-bottom: 0 !important; } #mod-recommend, #mod-recommend .box2 { height: 350px; } #mod-recommend .box1 { height: 222px; } #mod-recommend .box3 { height: 126px; top: 224px; } #mod-recommend .box1, #mod-recommend .box3 { left: 5px; } #mod-recommend .box2 { left: 505px; } #mod-detail { min-height: 230px; } #mod-detail .mod-content-wrapper { margin: 0 0 0 77px; width: 291px !important; } #mod-detail .columns { min-width: 291px !important; } #mod-detail .column { width: 231px !important; } #mod-detail .trigger-more { right: 145px; } */ body#detail #content { padding-bottom: 70px; } } /* iPad Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) { .wrapper { max-width: 768px; } footer { width: 768px;} body#start .slider, body#intro .slider { height: 694px; } #bar .outer { max-width: 728px; } body#search #bar .inner { width: 728px; max-width: 728px; } #bar .inner .search, #toolbox { max-width: 234px; } #toolbox fieldset { width: 220px; } #content { width:100%;max-width:100%; } body#detail #content { padding-bottom: 20px; } body#search #content { padding-bottom: 70px; } body#start .wrapper, body#intro .wrapper, body#search .wrapper { min-height: 100%; } body#start, body#search, body#intro, html { height: 100%; } .search .input-append { width: 167px; } .search .trigger-toolbox { right: 13px; } ul.as-selections li.as-original input { width: 127px !important; } /*ul.as-list { min-width: 270px !important; }*/ /*ul.as-list li { word-wrap: normal; word-break: keep-all; }*/ /************************************************************************** * START SITE *************************************************************************/ .slider h1.introheader { left: 479px; top: 32px; font-size: 22px; line-height: 27px;} .slider .pagination { bottom: 0px; left: 345px; } .tpl-1 .panel a, .tpl-2 .panel a, .tpl-3 .panel a, .tpl-4 .panel a { background-image:url(../../images/top_teaser-initial-304x203.png) !important; } /* TPL 0 */ .tpl-0 .t1 { width: 80px; height: 44px; left: 221px; top: 58px; } .tpl-0 .t2 { width: 243px; height: 136px; left: 468px; top: 58px; } .tpl-0 .t3 { width: 80px; height: 44px; left: 139px; top: 104px; } .tpl-0 .t4 { width: 161px; height: 91px; left: 58px; top: 150px; } .tpl-0 .t5 { width: 161px; height: 91px; left: 468px; top: 196px; } .tpl-0 .t6 { width: 80px; height: 44px; left: 631px; top: 196px; } .tpl-0 .t7 { width: 80px; height: 44px; left: 58px; top: 243px; } .tpl-0 .t8 { width: 244px; height: 136px; left: 140px; top: 243px; } .tpl-0 .t9 { width: 80px; height: 44px; left: 386px; top: 243px; } .tpl-0 .t10 { display: none; } .tpl-0 .panel { width: 245px; height: 137px; left: 221px; top: 104px; } .tpl-0 .panel a.txt { height: 137px !important; } .tpl-0 .panel a.txt span.arrow { right: 15px; top: 85px !important; } .tpl-0 .panel a.txt h4 { font-size: 26px; line-height: 26px; margin: 0.2em 0; } /* TPL 1 */ .tpl-1 .t1 { left: 308px; top: 58px; width: 150px; height: 84px; } .tpl-1 .t2 { left: 77px; top: 101px; width: 229px; height: 129px; } .tpl-1 .t3 { left: 460px; top: 101px; width: 229px; height: 129px; } .tpl-1 .t4 { left: 308px; top: 144px; width: 150px; height: 86px; } .tpl-1 .t6 { left: 154px; top: 232px; width: 304px; height: 170px; } .tpl-1 .t7 { display: none; } .tpl-1 .t8 { display: none; } .tpl-1 .t9 { display: none; } .tpl-1 .t10 { display: none; } .tpl-1 .panel { left: 460px; top: 232px; width: 229px; height: 202px; } .tpl-1 .panel a.txt { height: 170px; } .tpl-1 .panel a.txt span.arrow { top: 117px; } .tpl-1 .panel a.txt h4 { font-size: 26px; line-height: 26px; margin: 0.2em 0; } /* TPL 2 */ .tpl-2 .t3 { left: 306px; top: 58px; width: 75px; height: 42px; } .tpl-2 .t4 { left: 383px; top: 74px; width: 227px; height: 128px; } .tpl-2 .t6 { left: 77px; top: 102px; width: 304px; height: 172px; } .tpl-2 .t7 { left: 612px; top: 160px; width: 75px; height: 42px; } .tpl-2 .t8 { left: 383px; top: 204px; width: 304px; height: 171px; } .tpl-2 .t10 { display: none; } .tpl-2 .panel { left: 152px; top: 276px; width: 229px; height: 203px; } .tpl-2 .panel a.txt { height: 171px; } .tpl-2 .panel a.txt span.arrow { top: 118px; } /* TPL 3 */ .tpl-3 .t1 { left: 279px; top: 58px; width: 327px; height: 184px; } .tpl-3 .t2 { left: 608px; top: 104px; width: 79px; height: 44px; } .tpl-3 .t4 { left: 113px; top: 150px; width: 164px; height: 92px; } .tpl-3 .t7 { left: 77px; top: 244px; width: 324px; height: 182px; } .tpl-3 .t8 { display: none; } .tpl-3 .t9 { display: none; } .tpl-3 .t10 { display: none; } .tpl-3 .panel { left: 403px; top: 244px; width: 229px; height: 203px; } .tpl-3 .panel a.txt { height: 171px; } .tpl-3 .panel a.txt span.arrow { top: 118px; } /* TPL 4 */ .tpl-4 .t1 { left: 153px; top: 58px; width: 151px; height: 85px; } .tpl-4 .t2 { left: 306px; top: 58px; width: 151px; height: 85px; } .tpl-4 .t3 { left: 459px; top: 102px; width: 229px; height: 129px; } .tpl-4 .t4 { left: 77px; top: 145px; width: 74px; height: 42px; } .tpl-4 .t5 { left: 153px; top: 145px; width: 304px; height: 171px; } .tpl-4 .t7 { left: 77px; top: 189px; width: 74px; height: 42px; } .tpl-4 .panel { left: 459px; top: 233px; width: 229px; height: 203px; } .tpl-4 .panel a.txt { height: 171px; } .tpl-4 .panel a.txt span.arrow { top: 118px; } /************************************************************************** * RESULTS SITE *************************************************************************/ body#search #content { width: 768px; } .switch-views { right: 10px; } .switch-order { right: 106px; width: 181px; } .switch-order .sbHolder { width: 179px; } .switch-order .sbHolder .sbSelector { text-indent: 10px; } .switch-order .sbHolder .sbOptions { width: 181px; } .switch-terms { right: 215px; } .switch-terms a { width: 87px; } /* #toolbox */ .js fieldset .label_check, .js fieldset .label_check:hover { width: 178px; padding-right: 14px; } .js .label_check, .js .label_radio { padding-right: 25px; } .js fieldset.checkboxes.weather label { width: 68px; } .js fieldset.checkboxes.models label { width: 75px; } .js fieldset.checkboxes.cf.links ul { width: 230px; } /* results */ .listing .title { font-size: 10px; line-height: 13px; } .listing h5 { display: none; } /* size02 */ .listing.size02 .title { width: 140px; } .listing.size02 .txt { width: 140px; height: 70px; } .listing.size02 a, .listing.size02 a img, .listing.size02 li { width: 152px; height: 86px;} .size02.listing.term h4 { font-size: 16px; line-height: 16px; } .size02.listing.term .small h4 { font-size: 12px; line-height: 14px; } .listing.size03 .title { width: 176px; } .listing.size03 .txt { width: 176px; height: 86px; padding-top: 12px; } .listing.size03 .txt span.arrow { bottom: 12px; right: 12px; width: 16px; height: 22px; background-position: -437px -188px; } .listing.size03 a, .listing.size03 a img, .listing.size03 li { width: 204px; height: 115px; } /************************************************************************** * RESULTS SITE *************************************************************************/ /************************************************************************** * DETAIL SITE *************************************************************************/ .module { margin-bottom: 6.5em !important; } .module h2 { font-size: 22px; line-height: 26px; } /* Intro */ #mod-intro { padding: 0; min-height: 150px; } #mod-intro h1 { left: 77px; top: 56px; max-width: 200px; height: 129px; font-size: 30px !important; line-height: 30px !important; } #mod-intro .p1 { left: 308px; width: 383px; } #mod-intro .p2 { left: 154px; top: 187px; width: 152px; } #mod-intro .mod-content-wrapper { width: 383px; margin: 0 0 0 308px; } #mod-intro #intelliget_drive { background: none repeat scroll 0 0 #00AEEA; color: #FFFFFF; font-family: arial; font-size: 12px !important; height: 12px; left: 95px; line-height: 12px !important; padding: 12px 20px; top: 18px; width: auto; } /* Media */ #mod-media.media-thumbs-1 { height: 434px; } #mod-media.media-thumbs-2 { height: 477px; } #mod-media.media-thumbs-3 { height: 522px; } #mod-media.media-thumbs-4 { height: 565px; } #mod-media.media-thumbs-5 { height: 565px; } #mod-media.media-thumbs-6 { height: 653px; } #mod-media.media-thumbs-7 { height: 653px; } #mod-media .video { width: 614px; height: 346px; } #mod-media .mejs-container.mejs-mb { width: 614px !important; height: 346px !important; } #mod-media #img-view img { width: 614px !important; height: 346px !important; } #mod-media .mejs-controls div.mejs-time-rail, #mod-media .mejs-mb .mejs-controls .mejs-time-rail .mejs-time-total { width: 370px !important; } #mod-media .mejs-mb .mejs-overlay { width: 614px !important; height: 346px !important; top: 20px; } #mod-media .mejs-mb .mejs-captions-layer { width: 614px !important; height: 319px !important; } #mod-media h2 { width: 152px; height: 86px; font-size: 22px; line-height: 26px; } #mod-media h2 span { padding: 15px 20px; } #mod-media .playlist li { width: 152px; } #mod-media .playlist .v1 { left: 308px; top: 348px; } #mod-media .playlist .v2 { left: 462px; top: 348px; width: 229px; height: 129px; } #mod-media .playlist .v3 { left: 77px; top: 436px; } #mod-media .playlist .v4 { left: 231px; top: 436px; width: 229px; height: 129px; } #mod-media .playlist .v5 { left: 462px; top: 479px; } #mod-media .playlist .v6 { left: 154px; top: 567px; } #mod-media .playlist .v7 { left: 308px; top: 567px; } #mod-media .video-info { width: 357px; height: 260px; top: 9px; left: 173px; } /* Details */ #mod-detail { padding: 88px 0 0 0; min-height: 100px; } #mod-detail h2 { width: 152px; height: 86px; left: 152px !important; top: 0 !important; } #mod-detail h2 span { padding: 15px 20px; } #mod-detail .p1 { width: 306px !important; left: 410px !important; top: 76px !important; } #mod-detail .p1 img { width: 306px; } #mod-detail .mod-content-wrapper { margin: 0 0 0 77px; background: transparent url(../../images/columns_ipad.png) 0 0 !important; max-height: 700px !important; } #mod-detail .columns { min-width: 306px !important; } #mod-detail .trigger-more { right: 153px !important; } /* Verfügbarkeit */ #mod-availability { height: 174px; } #mod-availability h2 { left: 77px; width: 229px; height: 130px; } #mod-availability h2 span { padding: 15px 20px; } #mod-availability li { width: 75px; height: 42px; } #mod-availability li a { width: 63px; height: 30px; font-size: 15px; line-height: 22px; padding: 6px 0 6px 10px; } #mod-availability li.c-f01 { left: 233px; top: 132px; } #mod-availability li.c-f02 { left: 308px; top: 0px; } #mod-availability li.c-f03 { left: 308px; top: 44px; } #mod-availability li.c-f04 { left: 308px; top: 88px; } #mod-availability li.c-f05 { left: 308px; top: 132px; } #mod-availability li.c-f06 { left: 383px; top: 21px; } #mod-availability li.c-f07 { left: 383px; top: 65px; } #mod-availability li.c-f08 { left: 383px; top: 109px; } #mod-availability li.c-f09 { left: 458px; top: 41px; } #mod-availability li.c-f10 { left: 458px; top: 85px; } #mod-availability li.c-f11 { left: 533px; top: 21px; } #mod-availability li.c-f12 { left: 533px; top: 65px; } #mod-availability li.c-f13 { left: 533px; top: 109px; } #mod-availability li.c-f14 { left: 608px; top: 41px; } #mod-availability .model-availabilities li { width: 102px; height: 63px; } #mod-availability .model-availabilities li .available-models { top: 65px; } #mod-availability .model-availabilities li .available-models a { width: 72px; } /* Relation */ #mod-relation { padding-top: 88px; margin-top: 0px; height: 210px; min-height: 0px !important; } #mod-relation h2 { left: 77px; width: 152px; height: 86px; } #mod-relation h2 span { padding: 15px 20px; } #mod-relation .listing { margin: 0 0 0 75px; left: 75px; top: 116px; } #mod-relation .listing li .txt p { display: none; } #mod-relation .listing li .txt-term h4 { font-size: 12px; line-height: 16px; width: 120px; font-family: 'Arial'; } #mod-relation .listing li .txt-desc, #mod-relation .listing li .txt-term h5 { display: none; } #mod-relation .listing li span.arrow { right: 20px; bottom: 20px; background-position: -437px -188px; width: 16px; height: 22px; } #mod-relation .col-8 .col-2 { width: 150px; } /* Recommend */ #mod-recommend { margin-bottom: 0 !important; } #mod-recommend { width: 997px; height: 800px; margin-left: 154px; } #mod-recommend .box1 { width: 468px; } #mod-recommend .box1 .text { width: 400px; } #mod-recommend .box2 { width: 468px; top: 352px; left: 0px; } #mod-recommend .box3 { width: 468px; top: 224px; } #mod-recommend .share-stage { bottom: 17px; } #mod-recommend .share-stage ul li { height: 40px; } #mod-recommend .share-stage ul li .share { height: 40px; } #social-stage .item.fb .like_btn { width: 105px; } #social-stage .item.tw .like_btn { width: 85px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 { width: 76px } .col-2 { width: 152px; } .col-3 { width: 228px; } .col-4 { width: 304px; } .col-5 { width: 380px; } .col-6 { width: 456px; } .col-7 { width: 543px; } .col-8 { width: 608px; } .col-9 { width: 684px; } .col-10 { width: 760px; } .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10 { margin-left: 76px } .push-2 { margin-left: 152px; } .push-3 { margin-left: 228px; } .push-4 { margin-left: 304px; } .push-5 { margin-left: 380px; } .push-6 { margin-left: 456px; } .push-7 { margin-left: 543px; } .push-8 { margin-left: 608px; } .push-9 { margin-left: 684px; } .push-10 { margin-left: 760px; } }