div.amshopby-column { float:left; width:83px; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} div.block-layered-nav dd a.amshopby-attr {padding-left:15px; background:transparent url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/amshopby-cb1.gif) no-repeat left center;} div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background:transparent url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/amshopby-cb2.gif) no-repeat left center;} div.block-layered-nav dd a img {padding: 0px 4px 5px; float:left;} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav dt { cursor:pointer; padding-left:15px; background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav dt.amshopby-collapsed {background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/amshopby-collapsed.gif) center left no-repeat} div.block-layered-nav div.amshopby-slider { position:relative; margin:10px auto 5px auto; z-index:9; height:18px; background: url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/amshopby-slider-bg.gif) no-repeat 50% 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {width:8px; top:3px; height:14px; background: transparent url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/amshopby-overlay.gif') 50% 50% no-repeat; } /**** Easy Banner 1 CSS *******************************************/ /* Homepage Layout --------------------------------------------------------------------------------------- */ .homepage_content { width: 816px; padding:0px; height: 317px; background:none; overflow: hidden; position: relative;} .homepage_content img { border: none; margin: 0; padding: 0; width: 816px; height: 317px;} #divMainRotatorNav { position:absolute; bottom:0px; left:8px; z-index:99; } #divMainRotatorNav a {margin: 0 0 0 4px;padding:0;display:block;text-decoration: none;color: #888888;font-family:Arial, Helvetica, sans-serif; font-size:12px;border:5px solid #420807;width:87px;height:50px;display:block;background-color:#000; /* for IE */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.6;} #divMainRotatorNav a:hover { text-decoration: none;color: #ffffff;border:5px solid #7b1616;background-color:#000; /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1.0; } #divMainRotatorNav a.activeSlide { text-decoration: none;color: #ffffff;border:5px solid #7b1616;background-color:#000; /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1.0; } #divMainRotatorNav a:focus { outline: none; } .home_events_row {overflow: hidden;width: 100%;border-bottom:2px solid #dddddd;padding: 14px 0 9px 0;} .home_events_row h4 {float: left; display:inline;font-size: 3.8em;color: #aaaaaa; margin-left: 12px;line-height: 1em;padding: 0;} .home_events_content {float: right;display: inline;width: 84%;} .home_events_content h3 { font-size: 1.4em; } .home_events_content p { margin: 1px 0 0 0; } .aaa{position:relative;width:100%;margin-bottom:35px;} .bbb{top:-14px;z-index:1000;width:100%;position:absolute;} /*slide*/ .nav1 { margin: 0px; position: relative } .nav1 li { float: left; list-style: none; line-height: 24px;} .nav1 a { padding: 0px 5px; text-decoration: none; color: #fff; font-size: 12px; font-family: arial; background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/li-hover.jpg) no-repeat; width:7px; height:22px; font-weight: bold; } .nav1 a.activeSlide {color: #FF920A; font-size: 12px; font-family: arial; font-weight: bold; background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/li-active.jpg) no-repeat;} .nav1 a:focus { outline: none; } .intro_barner{height:200px;} .nav1 a span{ display: none;} #demos {/*clear:both;*/width:100%; float: left;} .so {background:transparent url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/sliderbanner/tab_number.png) no-repeat; height:42px;margin:auto;text-align:left;width:100%;display: block;padding-top:17px; } .so a{ float: left; line-height: 24px;} .so ul{ float: left;} .prev img{ padding-top: 3px; padding-left:25px;} .next img{ padding-top: 4px;} .slideshow{overflow: hidden;height: 310px;} #demos h2{ padding: 0px; margin: 0px; width: 597px; float: left;} .Profitez{ overflow: hidden; width: 597px; float: left;} .green_intro{ height: 236px !important;} .so a.link-more{color: #F9D428;font-size: 14px;text-decoration: none;float: right;text-align: right;padding-right: 20px;} .so a:hover.link-more{color: #F9D428;font-size: 14px;text-decoration: underline;float: right;text-align: right;padding-right: 20px;} #pauseButton{padding-top: 4px;padding-left: 5px;} /* Easy SimpleSlider */ .divSimpleSliderRotate { position:absolute; bottom:10px; left:38px; z-index:99; } .divSimpleSliderRotate a {margin: 0 0 0 4px;padding: 3px 7px;background: #ffffff;text-decoration: none;color: #888888;font-family:Arial, Helvetica, sans-serif;font-size:12px;} .divSimpleSliderRotate a:hover {background: #454545;text-decoration: none; color: #ffffff;} .divSimpleSliderRotate a.activeSlide {background: #618499;text-decoration: none;color: #ffffff;} .divSimpleSliderRotate a:focus { outline: none; } /* Easy SimpleSlider */ /* Easy Slider */ #content_slider{position:relative;margin:0px 45px;} #slider{} #slider ul, #slider li{margin:0;padding:0;list-style:none;} #slider li{ width:856px;height:241px;overflow:hidden; /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ } #prevBtn, #nextBtn{ display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;} #nextBtn{ left:856px;} #prevBtn a, #nextBtn a{display:block;width:30px;height:77px;background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/easyslider/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/easyslider/btn_next.gif) no-repeat 0 0;} .graphic, #prevBtn, #nextBtn {text-indent:-8000px;} /* // Easy Slider */ /* // accordion Slider */ set{border-bottom:1px solid #000} set1{background-color:#C77B3F;} set2{background-color:#FFC732;} set3{background-color:#007C90;} set4{background-color:#AD6F08;} set5{background-color:#387855;} set6{background-color:#8C4B2D;} set7{background-color:#82A668;} .accordionWrapper{display:inline-block; background:none; overflow:hidden;} .accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0} .accordionWrapper div{display:inline; float:left; margin:auto;} .accordionWrapper div.title{cursor:pointer;} .accordionWrapper div.content{display:none; margin:0px; padding:0px;} /* // accordion Slider */ /**** Easy Banner 1 CSS *******************************************/ /**** Easy Banner 3 CSS *******************************************/ /*-------------------------STart Stop Slider------------------------*/ .aslideshow, .aslideshow-label, .aslideshow-content, .aslideshow-panel {font:12px Verdana, Tahoma, sans-serif;} .aslideshow {padding:0;border:0;position:relative;display:none;/* Set to "none" for not preview slideshow content */z-index:1} .aslideshow-content { padding:0; color:#333; overflow:hidden; position:relative; z-index:1;} /* Some Content Changes */ .aslideshow-content p { padding:0 !important; overflow:auto; } .aslideshow-content img { padding:0 !important; border:0 !important; }.aslideshow-slide {display:none;position:absolute; } .aslideshow-fullscreen { position:absolute; top:0; left:0; padding:0; border:0; overflow:hidden;} .aslideshow-label-place, .aslideshow-panel-place { /* Stupid IE hack */ // border-style:dotted; border-width: 1px 0; border-color: transparent; background:transparent;} .aslideshow-label-place { padding:0; position:absolute; top:4px; right:6px; z-index:100; height:30px; width:60% !important;} .aslideshow-label {z-index:101;color:#fff;width:100%;height:100%;line-height:30px;text-indent:8px;font-weight:bold; border:#888 solid 1px; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; } .aslideshow-label a, .aslideshow-label a:hover, .aslideshow-label a:active, .aslideshow-label a:visited {color:#fff;} .aslideshow-panel-place {padding:0;position:absolute;bottom:4px;left:6px;width:60% !important;z-index:100;height:34px;} .aslideshow-panel {z-index:101;width:100%;height:100%;padding:0 2px;border:#888 solid 1px;border-radius: 6px;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;} .aslideshow-panel a.button { display: block;width:30px;height:32px;float:left;text-indent:-99999%;overflow:hidden;outline: 0; /* @ Firefox, prevent dotted border after click */ background-image:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/startstop-slider/buttons.png);background-repeat:no-repeat;border:1px solid transparent } .aslideshow-panel a.button:hover {background-color:#333;} .aslideshow-panel a.first {background-position: 0 0;} .aslideshow-panel a.prev {background-position: -30px 0;} .aslideshow-panel a.play {background-position: -60px 0;} .aslideshow-panel a.stop {background-position: -90px 0 ;} .aslideshow-panel a.next {background-position: -120px 0;} .aslideshow-panel a.last {background-position: -150px 0;} .aslideshow-panel a.help {position:relative;background-position: -180px 0;} .aslideshow-panel span.counter {float:right;display: block;font-weight:700;color:#fff;height:32px;line-height:32px;padding:0 8px;/*width:26px;*/} .aslideshow-help {position:absolute;bottom:32px;z-index:101;background-color:#ff9;display:none;padding:2px;margin:0 2px;opacity: 0.8;width:98%;} .aslideshow-frame div {position:absolute;top:0px;left:0px;z-index:201;cursor:pointer;width:100%;height:100%; background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/startstop-slider/play.png) 50% 50% no-repeat; } .aslideshow-load {display:none;} .aslideshow-load div {position:absolute;top:0px;left:0px;z-index:201;cursor:pointer;width:100%;height:100%; background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/startstop-slider/ajax-loader.gif) 50% 50% no-repeat; } .aslideshow-shadow {position:absolute;top:0px;left:0px;z-index:200;width:100%;height:100%;} .aslideshow-opacity { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==); background:rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000); } /*-------------------------CoinSlider Slider------------------------*/ #page { width: 575px; margin: 30px auto; } #gamesHolder { background: url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/css/design/shadow.png) no-repeat center 295px; padding: 5px; margin-top: 30px; width: 565px; } .holder {background: url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/css/design/shadow.png) no-repeat center bottom; padding: 17px 5px; } .text { background-color: #f3f3f3; padding: 30px; margin-top: 10px; line-height: 20px; overflow: hidden; zoom: 1; } .holder h2 { font-family: Georgia; margin: 0; padding: 0px 0px 15px 0px; } code { display: block; background-color: #fff; padding: 10px; overflow: auto; } pre { margin: 10px 0px; padding: 0; } .download { width: 207px; height: 77px; background: url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/css/design/download.png) no-repeat; float: right; } .coin-slider { overflow: hidden; zoom: 1; position: relative; } .coin-slider a{ text-decoration: none; outline: none; border: none; } .cs-buttons { font-size: 0px; padding: 10px; float: left; } .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; } .cs-active { background-color: #B8C4CF; color: #FFFFFF; } .cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; } .cs-prev, .cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; } /*-------------------------------------------------ANYTHING SLIDER--------------------------------------------------*/ /* anythingSlider v1.2 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ *{ margin: 0; padding: 0; } .wrapper-slider a img{ border: 0; text-decoration: none; outline: 0; } .anythingSlider { position: relative;} .anythingSlider .wrapper-slider { /**/width: 100%;height:100%; overflow: auto; position: absolute; top: 0; left: 0; border-top: 3px solid #e0a213;border-bottom: 3px solid #e0a213;} /* Width below is max for Opera */ .anythingSlider .wrapper-slider ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0;background: #eee; margin: 0;padding:0;overflow:hidden; } .anythingSlider ul li { display: block; float: left; padding: 0;/* height: 317px !important; width: 680px;*/ margin: 0; } .anythingSlider .arrow { display: block; height: 77px; width: 30px; /* background: url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/anythingslider/arrows.gif) no-repeat 0 0;*/ text-indent: -9999px; position: absolute; cursor: pointer; } .anythingSlider .forward { background: url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/anythingslider/btn_next.gif) no-repeat 0 0; right: -30px;top: 35%; } .anythingSlider .back { background: url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/anythingslider/btn_prev.gif) no-repeat 0 0; left: -29px;top:35%;} .anythingSlider .forward:hover { /*background-position: 0 -200px; */} .anythingSlider .back:hover {/* background-position: -67px -200px; */} #thumbNav { position: absolute; text-align: center; /*top:323px;*/bottom:-28px;} #thumbNav a { color: #ff920a; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #9a9a9a; text-align: center;font-weight:bold;text-decoration:none;} #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #9a9a9a; color:#fff;font-weight:bold;} #start-stop { background:#9a9a9a ; color: #fff; padding: 2px 5px; width: 40px;font-weight:bold; text-align: center; position: absolute; right: 110px;/* top: 323px;*/bottom:-27px;text-decoration:none;} #start-stop.playing { background-color: #9a9a9a; color: #fff;font-weight:bold;text-decoration:none;} #start-stop:hover { text-decoration:none;} /* Prevents */ .anythingSlider .wrapper-slider ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper-slider ul ul li { float: none; height: auto; width: auto; background: none; } /*-------------------------------------------PANEL SLIDER---------------------------------------------------------------*/ div.cont { position:relative; border:2px solid #999; cursor:pointer;} img { border:none; text-decoration:none;} /**** End of Easy Banner 3 CSS *******************************************/ /**** Easy Banner 4 CSS *******************************************/ /** { margin:0; padding:0; } h1,h2,h3, h4,h5,h6 { margin:0 0 5px; line-height:1.35; color:#444444; } h3{text-transform:uppercase;margin:10px 0 25px 0;}*/ /* ----------------- EasyBanner 4 - pikachoose-gallery ------------------- */ .pikachoose{margin:0 auto ;color:white;font-size:12px;} /* This is the ul you have all your images in */ .pikachoose ul{padding:5px 0 0 0;width:510px;margin:0 auto;overflow:hidden;} .pikachoose ul li{float: left;border:1px solid #666;padding:2px;background:#666;margin:0 6px 4px 0;position:relative;overflow:hidden;} .pikachoose ul li div img{position:relative;cursor:pointer;width:100% !important;height:100% !important;} /* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */ .pikachoose .pika_main{display:block;position:relative;} /*sine we give it the fake border, you need to position the image a little. */ .pikachoose .pika_main_img{position:relative;} .pikachoose .pika_subdiv{position:relative;border:1px solid #666;background:#666;padding:2px;} .pikachoose .pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */ .pikachoose .pika_subdiv img,.pikachoose .pika_subdiv a img{border:none;width:100% !important;} .pikachoose .pika_caption{width:100%;height:16px;padding:10px 0;text-align:center;position:absolute;bottom:3px;left:0px;background:url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/pikachoose-slider/black.png') top left;} .pikachoose .pika_caption a{color:white;} .pikachoose .pika_play{position:absolute;z-index:1;left:50% !important;margin-left:-25px;width:50px;top:5px;} .pikachoose .pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/pikachoose-slider/play.png') top center no-repeat;} .pikachoose .pika_play a.pika_stop_button{background:url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/pikachoose-slider/pause.png') top center no-repeat;} .pikachoose .pika_play a.pika_play_button{background:url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/pikachoose-slider/play.png') top center no-repeat;} .pikachoose .pika_navigation a{font-size: 12px; text-decoration: none;} .pikachoose .pika_navigation a:hover{text-decoration: underline;} .pikachoose .pika_navigation{padding-top:10px;clear:both;text-align:center;display:none;} /* if you want to 'hide' these jus make their height and width 1px */ .pikachoose .pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/pikachoose-slider/rewind.png') top left no-repeat;} .pikachoose .pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/pikachoose-slider/fastf.png') top right no-repeat;} /*---------------------- EasyBanner 4 - featured --------------------------*/ #featured{/*width:650px;padding-right:250px;*/position:relative;height:auto;background:#414448;margin:0 auto;overflow:hidden;} #featured ul.ui-tabs-nav{/*position:absolute;top:0; left:400px;*/list-style:none;padding:0; margin:0;width:35%;height:100%;float:right;background:#cecece;} #featured ul.ui-tabs-nav li{padding:12px 2px 12px 6px;font-size:12px;color:#fff;} #featured ul.ui-tabs-nav li img{float:left; margin:2px 5px;background:#fff;padding:2px;border:1px solid #eee;} #featured ul.ui-tabs-nav li span{font-size:11px; font-family:Verdana;line-height:18px;} #featured li.ui-tabs-nav-item a{display:block;height:60px;color:#fff;/* background:#cecece;*/line-height:20px;} #featured li.ui-tabs-nav-item a:hover{background:#414448;} #featured li.ui-tabs-selected,#featured ul.ui-tabs-nav li:hover{background:#414448;/*url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/galeryview2/selected-item.gif') top left no-repeat;*/ } #featured ul.ui-tabs-nav li.ui-tabs-selected a{/*background:#ccc;*/ } #featured .ui-tabs-panel{width:65%; height:100%; background:#414448; /*position:relative;*/float:left;} #featured .ui-tabs-panel img{width:98%;height:97%;border:5px solid #45484D;} #featured .ui-tabs-panel .info{position:absolute; bottom:0px; left:0;width:65%; height:60px; background: url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/galeryview2/transparent-bg.png'); } #featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:4px 10px; margin:0;overflow:hidden; } #featured .info p{ margin:0 10px; font-family:Verdana; font-size:11px; line-height:12px; color:#f0f0f0;padding:2px 0;} #featured .info a{ text-decoration:none; color:#fff; } #featured .info a:hover{ text-decoration:underline; } #featured .ui-tabs-hide{ display:none; } #featured.right{float:right; position:relative;} /*---------------------- EasyBanner 4 - pliable_photo_gallery --------------------------*/ .gallery_pliable { position: relative; margin-bottom: 40px; background: #16141e; color: white; overflow: auto; width: 850px; height: 400px;margin:0 auto;} .gallery_pliable img { -ms-interpolation-mode:bicubic;} .gallery_pliable .loading { text-align: center; padding-top: 1.3em;} .gallery_pliable .primary { position: absolute; top: 4% !important; bottom: 0; overflow: hidden;left:2%;width:68% !important;height:92% !important;} .gallery_pliable .previews { position: absolute; overflow: hidden;right:0px !important;width:28% !important;} .gallery_pliable .previews .intro, .gallery_pliable .previews .outro { text-align: center; background: #3a3a3c; overflow: auto;} .gallery_pliable .previews .intro p { font-size: 16px;} .gallery_pliable .previews img { width: 100%!important; float: left;position: relative; z-index: 100; display: block;} .gallery_pliable .previews img.vignette { position: absolute;width: 100%;float: none;left: 0;right: 0; cursor: pointer;} .gallery_pliable .previews img:nth-of-type(3n+1) { clear: left;} .gallery_pliable .previews .intro + .vignette, .gallery_pliable .previews .outro + .vignette, .gallery_pliable .previews .vignette.ie_not_clickable { cursor: default;} .gallery_pliable .vignette_src { display: none !important;} .gallery_pliable .scroll_up, .gallery_pliable .scroll_down {position: absolute;right: 25%;background: #16102e;z-index: 200;opacity: 0.8;color: #9996a3;text-align: center; overflow: hidden; display: none; cursor: pointer; border: 1px solid #38334f; } .gallery_pliable .scroll_up img, .gallery_pliable .scroll_down img {width: auto;height: 100%;} .gallery_pliable .scroll_up {top: 0;display: none;border-top: none;/*right:60px !important;*/} .gallery_pliable .scroll_down {bottom: 0;border-bottom: none;/*right:60px !important;*/} /*---------------------- EasyBanner 4 - feature-gallery --------------------------*/ .clear {clear: both;line-height: 1px;font-size: 1px;} a {} div#feature_list {/*overflow: hidden;*/position: relative;margin:0 auto;} div#feature_list ul {position: absolute;top: 0;list-style: none;padding: 0;margin: 0;} ul#tabs {left: 0;z-index: 2;width: 320px;background:url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/feature-gallery/bg_tab_slide.png') no-repeat 27% top; } ul#tabs li {font-size: 12px;font-family: Arial; } ul#tabs li img {border: none;float: left;margin: 0px 10px 0 0;cursor:pointer;} ul#tabs li a {color: #222;text-decoration: none;display: block;padding: 10px 10px 10px 20px;height: 60px;outline: none;} ul#tabs li a:hover {text-decoration: underline;cursor:pointer;} ul#tabs li a.current {background: url('https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/feature-gallery/feature-tab-current.png') no-repeat;color: #FFF;font-size:14px;} ul#tabs li a.current span{font-size:12px;} ul#tabs li a.current:hover {text-decoration: none;cursor: default;} ul#output {right: 0;width: 62%;/*height: 240px;*/position: relative;} ul#output li {position: absolute;/*width: 463px;height: 240px;*/} ul#output li a {position: absolute;bottom: 10px;right: 10px;padding: 8px 12px;text-decoration: none;font-size: 11px;color: #FFF;background: #222326;} ul#output li a:hover {} /*ul#output li img{width:100%;}*/ ul#tabs li h3{font-size:16px; margin:0; padding:7px 0 0; text-transform:uppercase;} ul#tabs li .current h3{text-decoration:none;color:#FFF;margin:0px;} .style_feature{margin:0 auto;} .style_feature img{display:block;} /**** End of Easy Banner 4 CSS *******************************************/ /*ribbon on catalog*/ .products-list .item .product-image, .products-grid .item .product-image{ position: relative; } img.ribbon-top-left { position:absolute; z-index:1; top: 0; left:0; } .ribbon-top-right { position:absolute; z-index:999; top: 0; right: 0; } .ribbon-bottom-right { position:absolute; z-index:999; bottom: 0; right: 0; } .ribbon-bottom-left { position:absolute; z-index:999; bottom: 0; left: 0; } .product-view .product-img-box { float: left; position: relative; } /* CONTAINER */ .cookienotice-container {font: inherit;background: #ddd;z-index: 9999;padding: 10px;} .cookienotice-content {margin: 0 auto;display: block;clear: both;overflow: auto;} /* MESSAGE */ .cookienotice-message {float: left;} .cookienotice-page-link {} .cookienotice-page-link:hover {} /* BUTTON */ .cookienotice-button-container {float: right;} .cookienotice-button {cursor: pointer;} .cookienotice-container .cookienotice-button:hover {} .cookienotice-container a.cookienotice-button:active {} /* BAR */ .cookienotice-bar {clear: both;width: 100%;} .cookienotice-bar-top {position: absolute;top: 0;left: 0;} .cookienotice-bar-bottom {position: fixed;top: auto;bottom: 0;left: 0;} .cookienotice-bar .cookienotice-content {width: 960px;} /* BOX */ .cookienotice-box {position: fixed;top: 0;left: 0;width: 240px;border-radius: 4px;top: auto;bottom: auto;left: auto;right: auto;} .cookienotice-box-top-left {left: 30px;top: 30px;} .cookienotice-box-top-right {right: 30px;top: 30px;} .cookienotice-box-bottom-right {right: 30px;bottom: 30px;} .cookienotice-box-bottom-left {left: 30px;bottom: 30px;} .cookienotice-box .cookienotice-content {} #menu li:last-child, #menu li li.last {border-bottom: 0;} /* #menu li.active li a {color:#fff;} */ #menu li.on {color: #cfe6ec;} #menu a {display:block;} #menu li li a{ padding-left: 32px !important;} #menu li li li a{padding-left: 48px !important;} #menu li.level0:last-child { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius:0 0 10px 10px; } /* ajusta iconos flechas */ #anav li.top_level:nth-child(1) span, li.inicio span{ background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/home2-24.png) 12px 4px no-repeat; height: 32px; width: 48px; } #menu li a{ background:url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/iconos-white2.png) no-repeat; } #menu li.accordion a.accordionExpanded, #menu ul li.accordion li a.accordionExpanded { background-position: 98% -197px; } #menu li a{ background-position: 98% -105px; } #menu li.accordion a { background-position: 98% -244px; } #menu li.parent li a { background-position: 98% -105px; } #menu li li.parent a { background-position: 98% -244px; } #menu li.parent li.parent li a { background-position: 98% -108px; } .flecha-derecha-oculta { display:none; } /* Vertical Categories Menu Real Simple Mobile Theme */ footer #menu li a{ color:#ccc; text-shadow: none; padding: 8px 16px; } footer #menu li a:hover{ text-decoration:none; color:#fff; } footer #menu { clear: both; display: block; margin: 10px auto 0; padding-bottom: 20px; width: 96%; } footer #menu h2{ margin:0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; overflow: hidden; border-bottom: 1px solid #369; padding: 12px 16px; background: #14283C; display: block; text-shadow: none; color: #fff; font: 16px/1em 'ColaborateReg', Arial bold; text-transform:uppercase; } footer #menu ul{ margin:0; } footer #menu ul ul{ border-bottom: 1px solid #147; } footer #menu li { display:block; padding:0; margin: 0px; font: 18px/1.4em 'ColaborateReg', Arial; border-bottom: 1px solid #369; background:#0C3A6D; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#0C3A6D), to(#14283C)); /* for webkit browsers */ background: -moz-linear-gradient(top, #0C3A6D, #14283C); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #0C3A6D, #14283C); /* para Opera */ background: linear-gradient(top, #0C3A6D, #14283C); /* para todos */ } footer #menu li:hover { background:#004c99; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#14283C), to(#0C3A6D)); /* for webkit browsers */ background: -moz-linear-gradient(top, #14283C, #0C3A6D); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #14283C, #0C3A6D); /* para Opera */ background: linear-gradient(top, #14283C, #0C3A6D); /* para todos */ } footer #menu li li{ overflow: hidden; background: #57b0d7; background: -webkit-gradient(linear, center top, center bottom, from(#369), to(#0C3A6D)); background: -moz-linear-gradient(center top , #369, #0C3A6D) repeat scroll 0 0 transparent; background: -o-linear-gradient(top, #369, #0C3A6D); /* para Opera */ background: linear-gradient(top, #369, #0C3A6D); /* para todos */ } footer #menu li li:hover{ overflow: hidden; background: #0C3A6D; background: -webkit-gradient(linear, center top, center bottom, from(#0C3A6D), to(#369)); background: -moz-linear-gradient(center top , #0C3A6D, #369) repeat scroll 0 0 transparent; background: -o-linear-gradient(top, #0C3A6D, #369); /* para Opera */ background: linear-gradient(top, #0C3A6D, #369); /* para todos */ } footer #menu li li li{ overflow: hidden; background: #57b0d7; background: -webkit-gradient(linear, center top, center bottom, from(#369), to(#58B)); background: -moz-linear-gradient(center top , #369, #58B) repeat scroll 0 0 transparent; background: -o-linear-gradient(top, #369, #58B); /* para Opera */ background: linear-gradient(top, #369, #58B); /* para todos */ } footer #menu li li li:hover{ overflow: hidden; background: #58B; background: -webkit-gradient(linear, center top, center bottom, from(#58B), to(#369)); background: -moz-linear-gradient(center top , #58B, #369) repeat scroll 0 0 transparent; background: -o-linear-gradient(top, #58B, #369); /* para Opera */ background: linear-gradient(top, #58B, #369); /* para todos */ } .nav-container { width: 100%; border-right:0; border-left:0; background:#004c99; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#036), to(#369)); /* for webkit browsers */ background: -moz-linear-gradient(top, #036, #369); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #036, #369); /* para Opera */ } .nav-container nav { width: 90%; margin:0 auto; } #anav { padding:0px; font-size:1em; margin:0; } #anav li.top_level { background:#1a4d80; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#036), to(#369)); /* for webkit browsers */ background: -moz-linear-gradient(top, #036, #369); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #036, #369); /* para Opera */ } #anav li.top_level:hover, footer > ul > #menu > li:hover { background:#003366; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#369), to(#036)); /* for webkit browsers */ background: -moz-linear-gradient(top, #369, #036); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #369, #036); /* para Opera */ -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; margin-top:-4px; padding:4px 0 0 0; } #anav li.top_level img { padding: 0; margin:0; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #anav li { /* position:relative; */ text-align:left; border-right:1px solid #a7c6dd; } #anav li li{ border-bottom:0; } #anav li.over { z-index:999; background:#0C3A6D; position: relative; } #anav li.top_level { } #anav a, #anav a:hover { display:block; line-height:1.2em; text-decoration:none; } #anav span { display:block; cursor:pointer; white-space:nowrap; } #anav li ul span {white-space:normal; } #anav li.top_level span { display:block; cursor:pointer; white-space:normal; text-align: center; line-height: 1.2em; font-size:13px; } #anav li.level1 span { display:block; cursor:pointer; white-space:nowrap; width:none; text-align: left; text-transform:none; font-size:12px; letter-spacing: 0;} /************ 0 LEVEL ***************/ #anav li { float:left; } #anav li:hover { border-bottom:0; } #anav li.active a { color:#d96708; } #anav a { float:left; padding:8px 12px; color:#fff; font-weight:bold; } #anav a.imagen-flecha { padding: 8px 12px 8px 0; } #anav li li a { color:#fff; } #anav a:hover { color:#ddd; } #anav li.top_level:hover { -moz-box-shadow: 0 0 5px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7); box-shadow: 0 0 5px rgba(0,0,0,0.7); } #anav ul { -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.7); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.7); box-shadow: 0 5px 5px rgba(0,0,0,0.7); } #anav ul ul, #anav ul ul ul { -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } /* Menu Rojo: 2, Naranja: 3, Verdes 13 a 18 */ #anav li.top_level.menu-ofertas, footer > #menu > ul > li:nth-child(2), #menu ul li.ofertas{ background:#aa1e1e; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#aa1e1e), to(#e08080)); /* for webkit browsers */ background: -moz-linear-gradient(top, #aa1e1e, #e08080); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #aa1e1e, #e08080); /* para Opera */ background: linear-gradient(top, #aa1e1e, #e08080); /* para todos */ } #anav li.top_level.menu-ofertas:hover, footer > #menu >ul > li:nth-child(2):hover, #menu ul li.ofertas:hover { background:#f0a0a0; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#e08080), to(#aa1e1e)); /* for webkit browsers */ background: -moz-linear-gradient(top, #e08080, #aa1e1e); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #e08080, #aa1e1e); /* para Opera */ background: linear-gradient(top, #e08080, #aa1e1e); /* para todos */ } #anav li.top_level.menu-novedades, footer > ul > #menu > li:nth-child(3), #menu ul li.novedades{ background:#e48600; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#b55d00), to(#e48600)); /* for webkit browsers */ background: -moz-linear-gradient(top, #b55d00, #e48600); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #b55d00, #e48600); /* para Opera */ background: linear-gradient(top, #b55d00, #e48600); /* para todos */ } #anav li.top_level.menu-novedades:hover, footer > #menu > ul > li:nth-child(3):hover, #menu ul li.novedades:hover { background:#e48600; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#e48600), to(#b55d00)); /* for webkit browsers */ background: -moz-linear-gradient(top, #e48600, #b55d00); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #e48600, #b55d00); /* para Opera */ background: linear-gradient(top, #e48600, #b55d00); /* para todos */ } #anav li.top_level.menu-outlet, footer > ul > #menu > li:nth-child(4), #menu ul li.outlet_a, #menu ul li.outlet_a a{ background:#CCCC00; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#CCCC00)); /* for webkit browsers */ background: -moz-linear-gradient(top, #FFFF00, #CCCC00); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #FFFF00, #CCCC00); /* para Opera */ background: linear-gradient(top, #FFFF00, #CCCC00); /* para todos */ color:#000000 !important; } .outlet_a a { color: #000000; } #anav li.top_level.menu-outlet:hover, footer > #menu > ul > li:nth-child(4):hover, #menu ul li.outlet:hover { background:#CCCC00; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#CCCC00), to(#FFFF00)); /* for webkit browsers */ background: -moz-linear-gradient(top, #CCCC00, #FFFF00); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #CCCC00, #FFFF00); /* para Opera */ background: linear-gradient(top, #CCCC00, #FFFF00); /* para todos */ color:#000000 !important; } #anav li.top_level_tres { background:#006900; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#006900), to(#009200)) !important; /* for webkit browsers */ background: -moz-linear-gradient(top, #006900, #009200) !important; /* for firefox 3.6+ */ background: -o-linear-gradient(top, #006900, #009200) !important; /* para Opera */ background: linear-gradient(top, #006900, #009200) !important; /* para todos */ } #anav li.top_level_tres a{ color:#fff; } #menu li.top_level_tres { background:#006900; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#006900), to(#009200)) !important; /* for webkit browsers */ background: -moz-linear-gradient(top, #006900, #009200) !important; /* for firefox 3.6+ */ background: -o-linear-gradient(top, #006900, #009200) !important; /* para Opera */ background: linear-gradient(top, #006900, #009200) !important; /* para todos */ } #menu li.top_level_tres a{ color:#fff; } li.top_level ul { padding:5px 0; } li.level2 { padding:5px 0; } /************ 1ST LEVEL ************/ #anav ul li, #anav ul li.active { float:left; padding-bottom:1px; border-right:0px; } /*#anav ul li.over { background:#d5e4eb url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/nav_divider.gif) repeat-x 0 100%; }*/ #anav ul li.last { padding-bottom:0; } #anav ul a, #anav ul a:hover { float:none; padding:0; background:none; } #anav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #anav ul { position:absolute; width:22em; top:34px; left:-1000px; background-color: #003366; -moz-border-radius: 0 10px 10px 10px; -webkit-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px; } /* Show menu */ #anav li.over > ul { left:0; } #anav li.over > ul li.over > ul { left:100px; } /* #anav li.over ul ul { left:-10000px; } */ /* #anav ul li a { background:#0A263D; } */ /* #anav ul li a:hover { background:#d5e4eb; } */ #anav ul span, #anav ul li.last li span { padding:3px 15px 4px 15px;} #anav li.columns { width:10em;} #anav li.columns ul { width: auto; } #anav li li li li span { padding:0 0 0 20px; } /************ 3RD+ LEVEL ************/ #anav ul ul { border: 0px; left:0; position: relative; top:0; background: none;} #anav ul ul li { float: none; width:auto; } #anav ul ul ul { margin-left: 10px;margin: 0 10px;} #anav ul ul ul li {background-image: url(https://www.brildor.com/skin/frontend/blank_seo/brildor_seo/images/bullet.png); background-repeat: no-repeat; background-position: .8em .7em;} /** ie6 hack */ /************ MEDIA QUERIES ************/ .boton-menu-movil { float:right; margin:8px 0 0 8px; display:none; } .boton-menu-movil a { line-height: 35px; font-size:18px; overflow:visible; width:auto; border:0; padding:0px 15px; margin:0; cursor:pointer; color:#fff; float:right; text-shadow: 0 1px 1px #333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: #31297D; text-decoration:none; text-transform:uppercase; } footer #menu { display:none; } ul .ampliado{width: 42em !important; } ul .ampliado .columns{margin: 0 10px;} @media only screen and (max-width: 800px) { /* Maximo ancho 800px: 3 columnas */ .nav-container nav { width: 95%; } ul .ampliado{width: 22em !important;} } @media only screen and (max-width: 640px) { nav ul { display: none; } .nav-container { display: none !important; } .boton-menu-movil { display:inline;} footer #menu { display:block;} } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ .product-view .product-img-box .video-views h2 { font-size:11px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .product-view .product-img-box .video-views ul { margin-left:-9px } .product-view .product-img-box .video-views li { float:left; margin:0 0 8px 9px; } .product-view .product-img-box .video-views li a { float:left; border:2px solid #ddd; overflow:hidden; } .product-view .product-img-box .more-views ul:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.brildor.com/tienda/js/rocketweb/jquery/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } .row, .row:before, .row:after, .columns, .columns:before, .columns:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .itabs .columns { } .row { clear: both; } /* The Grid ---------------------- */ .row { max-width: 100%; margin: 0 auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row.collapse .column, .row.collapse .columns { padding: 0; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row .row.collapse { margin: 0; } .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .one, .row .one { width: 8.33333%; } .two, .row .two { width: 16.66667%; } .three, .row .three { width: 25%; } .four, .row .four { width: 33.33333%; } .five, .row .five { width: 41.66667%; } .six, .row .six { width: 50%; } .seven, .row .seven { width: 58.33333%; } .eight, .row .eight { width: 66.66667%; } .nine, .row .nine { width: 75%; } .ten, .row .ten { width: 83.33333%; } .eleven, .row .eleven { width: 91.66667%; } .twelve, .row .twelve { width: 100%; } @media screen and (max-width: 800px) { /* Maximo ancho 800px: columnas al 100% */ .one, .row .one, .two, .row .two , .three, .row .three, .four, .row .four, .five, .row .five, .six, .row .six , .seven, .row .seven, .eight, .row .eight, .nine, .row .nine, .ten, .row .ten , .eleven, .row .eleven, .twelve, .row .twelve { width: 100%; } } /* `Widths ----------------------------------------------------------------------------------------------------*/ .input_tiny { width: 50px; } .input_small { width: 100px; } .input_medium { width: 150px; } .input_large { width: 200px; } .input_xlarge { width: 250px; } .input_xxlarge { width: 300px; } .input_full { width: 100%; } /* Added via JS to