/* font ================================================== */ @import url(https://fonts.googleapis.com/css?family=Abel); @import url(https://fonts.googleapis.com/css?family=Economica:400,700,400italic,700italic); /* ===== CSS reset ===== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! padding: 9px 17px 9px 17px; */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; } *, * focus { outline: none; margin: 0; padding: 0; } textarea { overflow: auto; } textarea, input[type=text], input[type=password] { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } button, input[type=submit] { font-family: Arial, Helvetica, sans-serif; } img { border: 0; } ul { list-style: none; margin: 0; padding: 0; } p { margin: 0; padding: 0; } :focus { outline: 0; } a { text-decoration: none; color: #332e17; } /* #Global Transitions */ footer .wrapperFooter, .box, .columns, .button, .button a,#leftSideHeader, .leftSideBox form .divInput, ul.productMenu ul, .shopinfoboxbot, .shopinfoboxbot a, .shopinfoboxbotText, .headerSearch, .headerSearchDiv, #gototopBot, .accountBot, a{ -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Grid ================================================== */ .columns{display:block;position:relative;float:left;} .accountContact{width:220px;} .one.columns,.one{width:15%;} .two.columns,.two{width:32%;} .three.columns,.three{width:49%;} .four.columns,.four{width:66%;} .five.columns,.five{width:83%;} .six.columns,.six{width:100%;clear:both;} .asFixed773{ width:773px;} .transition{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} /* Geral ================================================== */ .htitle{margin-top: 0;} .p-r{position: relative;} .f-r{float: right !important;} .line{ float:left;} .lineTopSite{border-top:2px solid #444e4e;float:left;clear:left;} .lineTitle{background:url(../design/line_subMenu.png) center left repeat-x;} .box{position:relative;display:block;float:left;margin-right:11px;} .button{float:left;width:auto;font-size:19px;} .button a{float:left;position:relative;width:100%;height:100%;font-size:19px;cursor:pointer;padding:10px 0 10px 16px;} .headerActive a{ color:#C60;} .alignLeft{float:left;} .alignRight{float:right;} .marginSearch{margin-top:0;} .marginBottom15{margin-bottom:15px;} .marginTop15{margin-top:15px;} .marginTop30{margin-top:30px;} .marginTop35{margin-top:35px;} .marginTop50{margin-top:50px!important;} .padding5{padding:5px;} .padding10{padding:10px;} .paddingTop{padding-top:10px;} .clearLeft{clear:left;} h1{float:left;width:100%;font-size:35px;margin-top:44px;} p{font-size:16px;} a.addCart{background:url(../design/cart_icon_oran.png) 30% center no-repeat;float:left;position:relative;display:block;width:100%;text-indent:-99999999999px;opacity:1;filter:alpha(opacity=100);} a.addCart:hover{opacity:0.5;filter:alpha(opacity=50);} h2,h3{float:left;font-size:25px;} h4{font-size: 14px;} .hidden{ display:none;} .clear{ clear:both;} .loader{background-image:url("../design/ajax-loader.gif")!important; background-position:center center!important; background-repeat:no-repeat!important;} .loader2{ background:url("../design/ajax-loader2.gif") center center no-repeat;} .nullBg {background: none !important;} .openClose{ float:left; width:100%; margin-top:40px; display: none;} .productShopBox{ float:left; width:100%; margin-top: 30px;} .productShopBoxQTD{ float:left; width:50%; margin-top: 46px;} .productShopBoxQTDLabel{ float:left; width:100%; color:#3f3f38; font-size:10px; text-transform:uppercase;} .productShopBoxCart{ float:left; width:50%;} .listFile{ float:left; width:100%; margin-top:30px; margin-bottom:30px;} .listFileTitle{float: left;width: 100%; font-size:17px;color: #66635C;font-weight: 400; text-transform:uppercase; margin-bottom:15px;} .listFile .nav-tabs{ float:right; position:relative;} .listFile .nav-tabs > li{ float:left; width:49px; height:49px; text-align:center; margin:0; padding:0; background-image:url("../design/sprite.png"); background-position:-288px -241px; background-repeat:no-repeat; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} .listFile .nav-tabs > li a{ float:left; width:100%; height:100%; overflow:hidden; margin:8px 0 0; padding:0; background:none; border:none; color: #3F3F38; text-transform:uppercase; font-size:14px;} .listFile .nav-tabs > li a:hover{color: #5f9898;} .listFile .nav-tabs > .active > a, .listFile .nav-tabs > .active > a:hover {background:none; border:none; color:#5f9898; } .listFile .nav-tabs > li.active{ margin-top:-5px;} .listFile .nav-tabs > li:hover{ margin-top:-5px;} .listFile .tab-content{ float:left; width:100%; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } .listFileItems{ float:left; width:100%;border-top: 1px solid #F1F1F1; border-bottom: 1px solid #ffffff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } .listFileItem {float:left; display:block; width:100%; border-top: 1px solid #ffffff;border-bottom: 1px solid #D9D9D9; background-color:#f2f2f2;} .listFileItem:hover{ background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY1ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 1%, #f6f5f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f6f5f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#f6f5f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#f6f5f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#f6f5f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#f6f5f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f5f3',GradientType=0 ); /* IE6-8 */} .listFileItem a{ float:left; display:table; width:100%;height:45px; margin:0; padding:0;} .listFileItem a:hover{ text-decoration:none;} .listFileItemsName, .listFileItemsType, .listFileItemsSize{ display:table-cell;vertical-align:middle;} .listFileItemsName{ width:55%; padding-left:5%; text-align:left; color:#676767; font-size:14px; font-weight:700; text-transform:uppercase; } .listFileItemsType{ width:20%; text-align:center;} .listFileItemsSize{ width:20%; text-align:center;} .tabs-stacked .open > a:hover { border-color: #999999; } .img-promo{float: left; width: 100%; max-width: 140px; position: relative; border:1px solid #DDD;} .img-promo img{max-width: 100%;} .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } /*Styles ================================================== */ body{min-height:100%;font-size:10px;color:#332e17;font-family: 'Abel', sans-serif; position:relative;-webkit-font-smoothing:subpixel-antialiased;background:#ebebeb; padding-top: 96px;} .wrapper{float:left;width:100%;position:relative;} .wrapper70{float:left;width:70%;position:relative;} .wrapper100{float:left;width:100%;position:relative;} #leftSideHeader{float:left;position:relative;min-height:100%;} #logo{width:100%;height:100%;margin:6px auto;display: inline-block;} #logo a{float:left;width:100%;text-align:left;display:block;} #logo img{max-width:100%;margin:auto;} #header{float:right;width:100%;background:#36F;} #boxcontactHeadercont{ float:right; margin-top:26px; } .boxcontactHeader{float:left; width: 100%;} .legendContact{font-size:11px; background-image:url(../design/phone.png); background-position:center; background-repeat:no-repeat; width:20px; height:19px; float:left;} .legendContact2{ margin-left: 20px; font-size:11px; background-image:url(../design/phone_2.png); background-position:center; background-repeat:no-repeat; width:20px; height:19px; float:left;} .contactHeader{ float:left; width:auto; font-family: 'Economica', sans-serif; font-size:1.4em; line-height:1.2em; color:#283535;} .legendContact__block { float: left; margin-right: 15px;} .legendContact__legend { font-size:1.2em; padding-left: 3px;} .wrapper-contacts {margin-bottom: 30px; display: table;} .wrapper-contacts .titleProductDesc{margin-bottom: 20px;} .wrapper-contacts .wrapper{line-height: 1.3;} .wrapper-contacts .address{margin-bottom: 8px;} #Search{ float:right; margin-top:40px; } .headerSearch{ float:right; height:33px; overflow:hidden; border: 1px solid #414c4c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: inset 0 4px 5px rgba(174,174,174,.15); -webkit-box-shadow: inset 0 4px 5px rgba(174,174,174,.15); box-shadow: inset 0 4px 5px rgba(174,174,174,.15); } .headerSearch .watermark{ top: 0 !important; height: 30px!important; font-size: 16px; } .download-title, .download-title a{ color: #283535; font-size: 16px; line-height: 24px; text-transform: uppercase; } .download-title{ margin-bottom: 25px; } .download-title a:hover{ text-decoration: underline; } .download_copy{ display: inline-block; width: 24px; height: 24px; margin-left: 15px; margin-bottom: -3px; background-image: url(/design/download-copy.png); background-position: center; background-repeat: no-repeat; } .cat .download_copy{ float: right; margin-bottom: 0; background-position: center bottom; height: 21px; } .cat .highlightsProductFooter a{ background-image: none; } .list-download{ float:left; width: 100%; } .list-download ul{ list-style: none; } .list-download li{ width: 100%; background-color: #fff; margin: 1px 0; } .list-download li a{ display: block; width: 100%; padding: 10px 10px; font-size: 14px; line-height: 22px; } .list-download li a .download_copy{ float: right; margin-top: -4px; margin-bottom: inherit; } .list-download li a:hover .download_copy{ background-image: url(/design/download-copy-hover.png); } .fileico{ float: left; margin-top: 1px; margin-right: 10px; } .fileico.icon-play { margin-top: 5px; } .icon-arrow{ float: right; background: url(/design/icon-arrow.png) no-repeat center center; width: 15px; height: 24px; } .headerSearch:hover{} .headerSearch input[type="text"]{ background:none; color:#343e3e; font-size: 16px;padding: 0;line-height:30px;} .headerSearchDiv{float:left;} .headerSearchInput{width:154px;border-right:1px solid #8a8989;} .headerSearchInput input{width:91%;} .headerSearchDiv .headerSearchBot{ background:none; background-image:url("../design/search.png"); background-position:center center; background-repeat:no-repeat; text-indent:-99999px} .headerSearchInput { border:none;} .headerSearchSelect{width:115px; border-right: 1px solid #CECECE;} .headerSearchSelect select{float:left;padding: 7px 9px;width: 100%; } .headerSearchSelect select option{ line-height:24px;} .headerSearchBot{float:left;width:30px;height:30px;background:url(../design/backgrounds/bot_search.png) left top repeat-x;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,1);font-size:21px;text-align:center;line-height:44px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #323d3d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzIzZDNkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI0MmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #323d3d 0%, #242f2f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#323d3d), color-stop(100%,#242f2f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #323d3d 0%,#242f2f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #323d3d 0%,#242f2f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #323d3d 0%,#242f2f 100%); /* IE10+ */ background: linear-gradient(135deg, #323d3d 0%,#242f2f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323d3d', endColorstr='#242f2f',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */} #Header{ float:left; width:100%; z-index: 50; position:fixed; top: 0; display:block; background-color: #fff;-moz-box-shadow: 0 2px 2px rgba(1,1,1,.05);-webkit-box-shadow: 0 2px 2px rgba(1,1,1,.05);box-shadow: 0 2px 2px rgba(1,1,1,.05);} #rightSideHeader{ float:right;} .headerBot{ float:left; border-left:1px solid #586666; border-right:1px solid #323d3d; margin-top:10px; height:37px; } .headerBot a{ float:left; font-size:1.5em; color:#ffffff; padding:10px 15px; } .headerBot:first-child{ border-left:none;} .headerBot:last-child{ border-right:none;} html,.html{height:100%;} /* order list */ .cartIcon{position:relative;display:block;width:33px;height:31px;float:left;text-indent:-99999999px;background:url(../design/cart_icon.png) center no-repeat;margin:3px;} .cartBot{position:relative;display:block;width:176px;height:39px;float:left;background:url(../design/cart_bot.png) top left no-repeat;z-index:30;} .cartBot a{float:left;width:98%;height:55%;padding-top:11px;text-align:center;text-transform:uppercase;font-size:12px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,1);} .cartBot a:hover{text-shadow:0 0 0 rgba(0,0,0,1);} .cartTotal{background:url(../design/cart_bg_total.png) left top repeat-y;position:absolute;margin-top:27px;right:5px;z-index:29;width:140px;font-size:16px;text-transform:uppercase;-moz-box-shadow:1px 1px 0 0 #afafaf;-webkit-box-shadow:1px 1px 0 0 #afafaf;box-shadow:1px 1px 0 0 #afafaf;padding:17px 0 10px 25px;} .cartTotal span{font-size:12px;} /* main menu */ #mainmenu{z-index:33; float:left; margin-left: 90px;} .catalogsIcon{ background:url(../design/book_icon.png) center no-repeat; width:19px; height:16px;} #sitemapContainer ul li{ font-size:16px;} /* #navigation ================================================== */ /* principal */ ul#nav{max-width:740px;position:relative;margin-right:0;margin-top:40px;} ul#nav li{list-style-type:none;float:left;position:relative;padding:2px 5px;} ul#nav li:last-child{border-right:none;} ul#nav li a{color:#283535;position:relative;font-size:1.6em; font-weight:400;display:block;margin:0 15px;padding:5px 0;} ul#nav li a:hover,ul#nav li a.active{ border-bottom:2px solid #283535; padding: 5px 0 3px; margin:0 15px;} ul#nav ul{background:#000;position:absolute;top:-999em;width:150px;margin:0;padding:10px;} ul#nav ul li{width:100%;text-transform:none;margin-left:0;} ul#nav ul li a{color:#ccc;padding:5px 0;} ul#nav li:hover{visibility:inherit;} ul#nav li:hover ul,ul#nav li.sfHover ul{left:5px;top:23px;z-index:99;} ul#nav li li:hover ul,ul#nav li li.sfHover ul{left:150px;top:0;} ul#nav li li li:hover ul,ul#nav li li li.sfHover ul{left:10em;top:0;} ul#nav li span{float:left;margin:4px 9px 0 0;} .accordion{border-top:1px solid #fff;} .accordion li a{ background-image: url(/design/arrow_nav.png); background-position: center right; background-repeat: no-repeat; } .accordion li li a{ background-image: none; } .subMenu{float:left;width:100%;position:relative; margin-bottom:35px;} .headerSubMenu{ float:left;width:100%; font-size:3.1em;color:#283535;text-shadow:0 1px 0 rgba(255,255,255,1);text-align:left;text-transform:uppercase; padding-bottom:20px;} .headerSubMenu a:hover{opacity: 0.5;} .SubMenu{ float:left;width:250px;} .SubMenu ul li{float:left;width:100%;position:relative; border-bottom: 1px solid #fff;} .SubMenu ul li a{font-size:1.9em;float:left;width:100%;color:#332e17;text-transform:uppercase;padding:8px 10px;} .SubMenu ul li a:hover,.SubMenu ul li a.open{color:#fff; background-color: #1a3c33;} .SubMenu ul li ul li a:hover,.SubMenu ul li ul li a.open{background-color: #A4C74C;} .SubMenu ul li ul li ul li a:hover,.SubMenu ul li ul li ul li a.open{background-color: #BDE258;} /* sub */ ul.productMenu{float:left;width:235px; margin-left: 10px; overflow:hidden;position:relative;margin-right:0;margin-top:10px;list-style:none;} ul.productMenu li{list-style-type:none;float:left;position:relative; border-bottom-width:0; border-top: 1px solid #fff; } ul.productMenu li a{color:#332e17;position:relative;font-size:13px;display:block;width:100%;margin:4px 0;padding:5px 10px; background:none;} ul.productMenu li a:hover,ul.productMenu li a.active{color:#ffffff;background:#BDE258;} ul.productMenu ul{display:none;margin:0;margin-left:15px;} ul.productMenu ul.activeUl{display:block;} ul.productMenu ul li{width:240px;text-transform:none;margin-left:0;background-position:top left;} ul.productMenu ul li a{color:#332e17;width:230px;padding:5px 0 5px 10px; } ul.productMenu li:hover{visibility:inherit;} /*ul.productMenu li:hover ul,ul.productMenu li.sfHover ul{left:5px;display:block;top:23px;z-index:99;} ul.productMenu li li:hover ul,ul.productMenu li li.sfHover ul{left:150px;top:0;} ul.productMenu li li li:hover ul,ul.productMenu li li li.sfHover ul{left:10em;top:0;}*/ ul.productMenu li span{background:url(../design/arraw_menu.png) center bottom no-repeat;width:20px;height:20px;position:absolute;right:10px;top:12px;} ul.productMenu li span.active,ul.productMenu li:hover span{background:url(../design/arraw_menu.png) center -12px no-repeat;width:20px;height:20px;position:absolute;right:10px;top:12px;} ul.productMenu ul li ul{display:none;margin:0;margin-left:0;} ul.productMenu ul li ul li a{ margin-left:20px; } #menu_top_fixe{ display:none; position:fixed; width:100%; height:50px; background-color:#323d3d; border-bottom:2px solid #272f2f; z-index:999;} #menuSelect{ display:none;} #menuSelect.wrapper {float: left; width: 160px; position: relative;} .resp_menu_select{ float:left; } .resp_menu_select select{padding: 4px 7px; margin-top:10px;} #resp_menu{ float:left;} .resp_menu_icon{ float:left; width:33px; height:33px; margin-top:9px; background-image:url("../design/menu.png"); background-position:center; background-repeat:no-repeat;} .shopinfobox{ float:left; display:block; position:relative; height:100%; margin:0 10px;} .shopinfoboxVal{width:100%; position:relative; text-align:right; font-size:1.1em; color:#cee0e0; text-transform:uppercase;} .shopinfoboxInfo{width:100%; position:relative; text-align:right; font-family: 'Economica', sans-serif; font-weight:700; font-size:2em; color:#ffffff;} .shopinfoboxbot{float:left; width:100%; height:46px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; background-image:url("../design/backgrounds/bot_shop.png"); background-position:left top; background-repeat:repeat-x; border-left:1px solid #252d2d; border-right:1px solid #252d2d;} .shopinfoboxbot a{float:left; width:100%; padding:4px; margin:0;} .shopinfoboxbotIcon{float:left; width:17px; height:17px; margin:10px 6px 6px; position:relative; background-image:url("../design/icon_shop.png"); background-position:center center; background-repeat:no-repeat;} .shopinfoboxbotText{float:left; display:none; width:0px; position:relative; margin-left:5px; margin-right:6px; margin-top:2px; font-size:1.5em; color:#ffffff; opacity:0.4;} #Header:hover .shopinfoboxbotText{display:block; width:85px; opacity:1; font-size:1.2em; line-height:0.9em;} /* translate ================================================== */ .wrap-translate{width: 100%; float: left; position: absolute; left: 0; right: 0;} .google_translate_box{float:left; padding-right: 10px; height:22px;} .goog-te-gadget-simple { background-color: #FFF; border-left: 1px solid #e8e8e8 !important; border-top: 0px solid transparent !important; border-bottom: 1px solid #e8e8e8 !important; border-right: 1px solid #e8e8e8 !important; font-size: 10pt; display: inline-block; padding-top: 1px; padding-bottom: 2px; cursor: pointer; zoom: 1; } .goog-te-gadget img{ display: none; } .goog-te-gadget-simple .goog-te-menu-value span { margin: 0 0px 0 5px; } .goog-te-menu-value{ background-image: url(/design/globe.png); background-repeat: no-repeat; background-position: left center; } .goog-te-gadget-simple .goog-te-menu-value { padding-left: 17px; margin-left: 9px; } .goog-te-gadget-simple{ padding-top: 0 !important; padding-bottom: 3px !important; } /* menu conta ================================================== */ .wrapperNavAccount{ float:left; width:100%; margin-top:42px;} .wrapperNavAccountTitle{ float:left; width:100%; color:#b8b6b0; font-size:18px; text-transform:uppercase; text-align:center; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); margin-bottom:15px;} .wrapperNavAccountBotWrap{ float:left; width:100%;} .wrapperNavAccountBotWrap ul{width:100%; max-width:240px; margin:0 auto; padding:0;} .wrapperNavAccountBotWrap ul li{ float:left; display:table; width:100%; margin:0 0 30px 0; padding:0; clear:left;} .wrapperNavAccountBotWrap ul li a{ float:left; width:100%; color:#329999; font-size:18px; } .wrapperNavAccountBotWrap ul li a:hover, .wrapperNavAccountBotWrap ul li.active a{color:#4d5858;} .iconBot{ float:left; width:20%; min-width:50px; display:table;} .iconBot span{ width:35px; height:35px; display: block; margin:auto;background-image:url("../design/sprite.png"); background-repeat:no-repeat;} .wrapperNavAccountText{ float:left; width:75%; position:relative; display:table;} .wrapperNavAccountText span{display:table-cell; vertical-align:middle;} /* icons */ .iconBox{ background-position:0 0; } .wrapperNavAccountBotWrap ul li a:hover .iconBox, .wrapperNavAccountBotWrap ul li.active a .iconBox{ background-position:-120px 0; } .iconCard{ background-position:0 -82px; } .wrapperNavAccountBotWrap ul li a:hover .iconCard, .wrapperNavAccountBotWrap ul li.active a .iconCard{ background-position:-120px -82px; } .iconLocation{ background-position:0 -163px; } .wrapperNavAccountBotWrap ul li a:hover .iconLocation, .wrapperNavAccountBotWrap ul li.active a .iconLocation{ background-position:-120px -163px; } .iconNewsletter{ background-position:0 -240px; } .wrapperNavAccountBotWrap ul li a:hover .iconNewsletter, .wrapperNavAccountBotWrap ul li.active a .iconNewsletter{ background-position:-120px -240px; } .iconaccess{ background-position:0 -322px; } .wrapperNavAccountBotWrap ul li a:hover .iconaccess, .wrapperNavAccountBotWrap ul li.active a .iconaccess{ background-position:-120px -322px; } .iconcar{ background-position:0 -402px; } .wrapperNavAccountBotWrap ul li a:hover .iconcar, .wrapperNavAccountBotWrap ul li.active a .iconcar{ background-position:-120px -402px; } .iconLogin{ background-position:0 -484px; } .wrapperNavAccountBotWrap ul li a:hover .iconlogin, .wrapperNavAccountBotWrap ul li.active a .iconLogin{ background-position:-120px -484px; } .iconKey{ background-position:-1px -561px; } .wrapperNavAccountBotWrap ul li a:hover .iconKey, .wrapperNavAccountBotWrap ul li.active a .iconKey{ background-position:-121px -561px; } /* menu compra ================================================== */ #breadcrumbsAccount{ max-width:617px; margin:0 auto;} .breadcrumbsAccountBot{ float:left; padding:5px; max-width:90px;} .breadcrumbsAccountBot a{ float:left; width:100%; height:100%;} .breadcrumbsAccountBotIcon{ position:relative; display:block; width:43px; height:43px; margin:0 auto; text-align:center; border:1px solid #e1ded9; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .breadcrumbsAccountBot a:hover .breadcrumbsAccountBotIcon, .breadcrumbsAccountBot.active a .breadcrumbsAccountBotIcon{ border:1px solid #4d5858;} .breadcrumbsAccountBotIcon span{ display:block; width:36px; height:36px; margin:3px auto 0;background-image:url("../design/sprite.png"); background-repeat:no-repeat;} .breadcrumbsAccountBotInfo{ float:left; width:100%; text-align:center; color:#4d5858; font-size:16px; margin-top:10px;} .separator{ float:left; width:19px; height:37px; background-image:url("../design/sprite.png"); background-position:-228px -304px; background-repeat:no-repeat;} /* icons */ .iconCart{ background-position:-222px 0;} .iconAuthentication{background-position:-222px -60px;} .iconDelivery{background-position:-222px -120px;} .iconPayment{background-position:-222px -181px;} .iconConfirmationP{background-position:-222px -241px;} /* Encomendas ================================================== */ .shopListOrderBox{padding: 10px;} .shopListOrderBox2{padding: 0px;} .listOrderWrap{ float:left; width:100%;border:1px solid #d6d5d5;} .listOrder{float:left; width:100%;} .listOrderHeader{ float:left; width:100%; height:60px; background: #ffffff;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY0ZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #ffffff 0%, #f5f4f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f4f2));background: -webkit-linear-gradient(top, #ffffff 0%,#f5f4f2 100%);background: -o-linear-gradient(top, #ffffff 0%,#f5f4f2 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f5f4f2 100%);background: linear-gradient(to bottom, #ffffff 0%,#f5f4f2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f4f2',GradientType=0 );-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5); position:relative; z-index:9;} .listOrderInfo{ float:left; width:100%;background:#ffffff;} .numOder, .dateOder, .payOder, .valOder, .codOder, .unOder, .valOderAction{ float:left; margin-top:15px;} .numOder{width:20%;} .dateOder{width:35%;} .payOder{width:23%; text-align:center;} .valOder{ width:17%; text-align:right;} .codOder{width:20%;} .unOder{ width:10%; text-align:center;} .un2Oder{ width:10%; text-align:center;} .listOrderHeader .un2Oder div{ padding-top:0; } .valOderAction{width:15%; text-align:right;} .listOrderHeader .numOder, .listOrderHeader .dateOder, .listOrderHeader .payOder, .listOrderHeader .unOder, .listOrderHeader .valOder, .listOrderHeader .codOder, .listOrderHeader .valOderAction{ font-size:15px; color:#6a6a6a; text-transform:uppercase;} .numOder > div, .dateOder > div, .unOder > div, .payOder > div, .valOder > div, .codOder > div, .valOderAction div{ padding:9px 5px 5px;min-height:36px;} /*.numOder > div{ border-right:1px solid #ecebe9;}*/ .listOrderLine .numOder > div, .listOrderLine .codOder > div{ border-right:1px solid #ecebe9;} .listOrderLine .numOder, .listOrderLine .dateOder, .listOrderLine .payOder, .listOrderLine .unOder, .listOrderLine .valOder, .listOrderLine .codOder, .listOrderLine .valOderAction{ float:left; margin-top:0px;} .listOrderLine{ float:left; width:100%; border-bottom:1px solid #ecebe9; } .listOrderLine .numOder, .listOrderLine .codOder{ color:#ababab; font-size:16px;} .listOrderLine:hover .numOder, .listOrderLine:hover .codOder, .listOrderLine:hover .dateOder, .listOrderLine:hover .unOder, .listOrderLine:hover .valOderAction{ color:#5f9898;} .listOrderLine .dateOder{ color:#6a6a6a; font-size:16px;} .listOrderLine .payOder, .listOrderLine .unOder{ color:#6a6a6a; font-size:16px;} .listOrderLine .valOder, .listOrderLine .valOderAction{ color:#a7a7a7; font-size:19px;} .listOrderLine .valOder span{ float:left; width:100%;font-size:11px; text-transform:uppercase;} .listOrderLine .numOder, .listOrderLine .dateOder, .listOrderLine .payOder, .listOrderLine .unOder, .listOrderLine .valOder, .listOrderLine .codOder, .listOrderLine .valOderAction{ font-size:14px; color:#6a6a6a; text-transform:uppercase;} .listOrderFooter{ float:left; width:100%; min-height:35px; line-height:35px; text-align:right; color:#5f9898; font-size:16px;} .listOrderFooter > div{ padding:5px;} .listOrderLine:hover{ background-color:#fffef4;} .delivered{ color:#c1c1c1;} .processing{color:#579ad2;} .cancelled{color:#84491e;} .processed{color:#779c38;} .colorOne{ background-color:#ffffff;} .colorTwo{ background-color:#F9F9F9;} .divTextCenter{ float:left; width:100%; text-align:center; font-size:16px; color:#6a6a6a;} .divTextCenter a{ color:#5f9898;} .botListProduct{ display:none; color:#ffffff; font-size:17px; float:right; font-weight:700;padding:0px; margin:-4px -5px 0 6px; text-align:center; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } .botListProduct i{ background-image:url("../design/butTab.png");background-position: top left;background-repeat: no-repeat; float:left; width:40px; height:34px; } .listOrderLine:hover .botListProduct{ display:block;} /* #Forms ================================================== */ input[type=text],input[type=password],input[type=email],textarea,select{font-family: 'Abel', sans-serif;font-size:14px; font-weight:400;border:0;outline:none;color:#343e3e;background:#fff;margin:0;padding:8px;} .watermark_container input{padding: 8px 0; margin:0 7px;} select{font-family: 'Abel', sans-serif;padding:10px 9px; width:100%;} textarea{font-family: 'Abel', sans-serif;min-height:60px;} label,legend{font-family: 'Abel', sans-serif;display:block;font-weight:700;font-size:13px;} input[type=checkbox]{font-family: 'Abel', sans-serif;display:inline;} label span,legend span{font-family: 'Abel', sans-serif;font-weight:400;font-size:13px;color:#444;} form,input[type=submit]{font-family: 'Abel', sans-serif;} .selectMarca, .selectOrdenar{ width:120px; float:left; } .selectMarca{ margin-left: 20px; } /* #leftSide ================================================== */ #leftSide{float:left;position:relative;width:300px;min-height:100%;} .leftSideBox{float:left;width:100%;margin:20px 0 35px;} .leftSideBoxLine{width:250px;padding-bottom:20px;} .leftSideBoxLineBG{background:url(../design/line_subMenu.png) left bottom repeat-x;} .leftSideBox.leftSideBoxLine{padding-bottom: 0;} .leftSideBox .titleNewsletter{display:block;position:relative;font-size: 16px;color: #283535;text-align: left;text-transform: uppercase; margin-bottom: 15px;} .leftSideBox form{width:100%;} .leftSideBox form .divInput{float:left;width:100%;background:#FFF;-webkit-box-shadow:0 -1px 0 rgba(207,207,207,0.75);-moz-box-shadow:0 -1px 0 rgba(207,207,207,0.75);box-shadow:0 -1px 0 rgba(207,207,207,0.75);margin:0px 0; padding:5px 0;} .leftSideBox form .divInput:hover{-moz-box-shadow:0 0 3px #888;-webkit-box-shadow:0 0 3px;box-shadow:0 0 3px #888;} /*.leftSideBox form a.bot{*/ .bot{ color: #fff; font-family: "Abel"; font-size: 16px; text-align: center; float: left; padding:7px; width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #193b33; margin-top: 10px; } .productDiv50 .bot{ max-width: 200px; } .leftSideBox form a:hover{opacity:1;filter:alpha(opacity=100);} .leftSideBox .warnings{width:250px;position:relative;display:block;font-size:14px;margin:5px 0 0; color:#787878;} .leftSideBox .warnings a{text-decoration:underline;cursor:pointer;} .BotCatalogoLegend{position:relative;display:block;margin-bottom:5px; font-size:1.6em;} .BotCatalogo{position:relative;display:block;width:100%;height:54px;background:url(../design/bot_cata.png) center no-repeat;/* border-left:1px solid #252d2d; border-right:1px solid #252d2d;*/} .BotCatalogo a{float:left;width:63%;height:75%;font-size:25px;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,1);padding:12px 0 0 88px;} .leftSideBox form a:hover,.BotCatalogo a:hover{text-shadow:0 0 0 rgba(0,0,0,1);} #brandsTicker{ width:100%;} /* highlights */ .highlightsTitleBox{margin:38px auto 0;} .highlightsTitle{width:200px;background:#ebebeb;text-align:center;font-size:18px;color:#494843;margin:0 auto;padding:10px 20px; text-transform: uppercase;} .highlightsProduct{float:left; /*min-width:155px; max-width:179px;*/ width:20%; margin:10px 0 30px;} .highlightsProductBody{float:left;width:100%; background-color:none;} .highlightsProductBox{position:relative; float:left;display:block;padding:5px; width: 100%;} .highlightsProductImg, .wrapImgCenter{float:left;width:100%;min-height:144px;background:#FFF;text-align:center; border:1px solid #dddddd;position: relative;} .highlightsProductImg a, .wrapImgCenter a{/*float:left;*/ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width:100%;height:100%;text-align:center; background-color: #1a3c33; background-position: center; background-repeat: no-repeat; opacity:0.01; z-index: 5; } .highlightsProductImg a.brandLogo{float:left;} .highlightsProductImg img{max-width:100%; position: relative; max-width: 100%; height: auto; } .highlightsProductRef{float:left;margin-top:3px; width:100%; text-align:right;color:#aeaeae;font-size:12px; font-family: 'Economica', sans-serif; font-style:italic; height:13px;} .highlightsProductDes{float:left;width:100%;color:#313b3b;font-size:16px; line-height: 18px; text-align:left;padding:15px 0 15px; height:88px; border-bottom: 1px solid #fff;} .highlightsProductDes2{float:left;width:100%;color:#313b3b;font-size:18px;text-align:left;text-transform:lowercase;padding:0 0 15px; background: url(../design/line_white.png) left bottom repeat-x;} .highlightsProductFooter{float:left;width:100%;text-align:left;} .highlightsProductFooter a{float:left;width:100%;color:#313b3b;font-size:14px;text-transform:uppercase;padding:7px 5px; border-bottom: 1px solid #fff;background-image: url(/design/arrow_nav.png); background-position: center right;background-repeat: no-repeat;}} .highlightsProductFooter a img{margin-bottom: -3px; margin-right: 3px;} .highlightsProductBody:hover .highlightsProductFooter a{ color:#a76027;} .contNewsletter{ float:left; width:100%; background:#ffffff url("../design/line_news.png") left center repeat-x; border:1px solid #d5d3d3; border-bottom-width: 0;} .leftSideBox form .contNewsletter .divInput{ background-color:#ffffff; -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 rgba(255,255,255,0); box-shadow: 0 0 0 rgba(255, 255, 255, 0);} .highlightsProduct:hover .highlightsProductImg a, .productsItemBox2:hover .wrapImgCenter a{ opacity: 0.6; background-image: url(/design/plus.png); } .highlightsProduct:hover .highlightsProductFooter a{ background-color: #1a3c33; color: #fff; } .wrap-roduct{ display: block; margin: 0 -5px; } #contactsFormBox{ float:left; background:#ffffff; border:1px solid #d5d3d3; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } /* #rightSide ================================================== */ #rightSide { margin-left:320px; /*margin-right:220px;*/ max-width:1000px;} /* #breadcrumbs ================================================== */ #breadcrumbs-wrap{ display: block; width: 100%; min-height: 73px; } .breadcrumbs{float:left; margin:0; font-size:1.4em;text-transform:uppercase;margin-top:26px;} .breadcrumbs a{font-size:1em;text-transform:uppercase;opacity:1;filter:alpha(opacity=100);} .breadcrumbs a:hover,.breadcrumbs span.active{opacity:0.5;filter:alpha(opacity=50);} /* boxRight ================================================== */ #boxRight{float:right; display:block;} /* #order list ================================================== */ #orderlist{position:relative; z-index:99;width:165px;margin-right:25px; margin-top:45px;padding-bottom:3px;margin-bottom:20px;} .orderlistBox{width:140px;min-height:350px;border-bottom:#dadada 1px solid;margin:0 auto;} .orderlistBoxBG{background:url(../design/lineCart.jpg) top left repeat-y;} .orderlistBoxProduct{color:#332e17;font-size:14px;border-top:#f3f3f3 1px solid;border-bottom:#dadada 1px solid;} .orderlistBoxProduct:first-child{border-top:none;} .orderBoxListLeft{width:25px;text-align:center;float:left;padding:3px;} .orderBoxListRight{margin-left:25px;width:109px;padding:3px;} .orderBoxListTitle{color:#a3a3a3;text-shadow:0 1px 0 rgba(255,255,255,1);border-top:none;font-size:12px;} .orderBoxListBorderBottom{border-bottom:#f3f3f3 1px solid;} .orderBoxListRight span.close{position:absolute;top:5px;right:0;width:11px;height:11px;background:url(../design/close.png);display:block;visibility:hidden;} .orderBoxListRight:hover span.close{visibility:visible;} .orderBoxListRight span.close a{float:left;width:100%;height:100%;cursor:pointer;} .orderlistBoxBot{width:140px;border-top:#f3f3f3 1px solid;margin:0 auto;} .orderlistTotal{text-align:right;width:90%;color:#332e17;font-size:19px;padding:6px;} .botCar{background:url(../design/bot_ok_list.png) center top no-repeat;border:none;width:140px;height:44px;margin:10px auto 5px;padding:6px;} .botCar a{float:left;width:100%;font-size:13px;color:#FFF;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,1);margin-top:8px;} .botCar a:hover{text-shadow:0 0 0 rgba(0,0,0,1);} /* novo */ .widgetshop{ float:left; width:100%; border-top:1px solid #ecebe3;} .widgetshopWrap{ float:left; padding:5px 5px 10px;border:1px solid #e1e1e1; background-color:#e9e9e9;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .widgetshopTitle{ float:left; width:100%; color:#b8b6b0; font-size:18px; text-transform:uppercase; text-align:center; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); padding-bottom:15px; border-bottom:1px solid #d0cec9;} .widgetshopHeader{ float:left; width:100%; min-height:21px; border-top:1px solid #fdfdfc;border-bottom:1px solid #ecebe3; padding:8px 0; background-image:url("../design/carBlack.png"); background-position:0 0; background-repeat:no-repeat; font-size:18px; color:#4d5858; font-weight:700; text-align:right;} .widgetshopTotalTitle{ float:left; width:100%; margin-top:10px; margin-bottom:3px; color:#4d5858; font-size:24px; text-align:right;} .widgetshopTotal{ float:left; width:100%; text-align:right; color:#5f9898; font-size:40px; line-height:40px; margin:0;} .widgetshopTotal span{ font-size:24px; line-height:24px; vertical-align:top;} .widgetshopAddInfo{ float:left; width:100%; color:#4d5858; font-size:13px; text-transform:uppercase; text-align:right; line-height:normal;} .colorDiscount{color:#70ae4b;} .widgetshopBot{ float:left; width:100%; margin-top:15px;} .widgetshopBot.cp{ float:left; width:100%; margin-top:-5px;} .widgetshoppingBot{ color:#ffffff; font-size:17px; font-weight:700;float:left; padding:10px 0; margin:0 0 -1px -2px; width:100%;text-align:center; border:1px solid #4d5858; border-top:1px solid #6e8888; -webkit-box-shadow:0px -1px 0px rgba(104, 52, 38, 1);-moz-box-shadow:0px -1px 0px rgba(104, 52, 38, 1);box-shadow:0px -1px 0px rgba(104, 52, 38, 1); -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-decoration:none; background: #5d6969;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNjk2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDU4NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #5d6969 0%, #4d5858 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d6969), color-stop(100%,#4d5858));background: -webkit-linear-gradient(top, #5d6969 0%,#4d5858 100%);background: -o-linear-gradient(top, #5d6969 0%,#4d5858 100%);background: -ms-linear-gradient(top, #5d6969 0%,#4d5858 100%);background: linear-gradient(to bottom, #5d6969 0%,#4d5858 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d6969', endColorstr='#4d5858',GradientType=0 );-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } .widgetshoppingBot:hover{color:#ffffff; text-decoration:none;background: #5a6664;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhNjY2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTQ5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #5a6664 0%, #414949 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a6664), color-stop(100%,#414949));background: -webkit-linear-gradient(top, #5a6664 0%,#414949 100%);background: -o-linear-gradient(top, #5a6664 0%,#414949 100%);background: -ms-linear-gradient(top, #5a6664 0%,#414949 100%);background: linear-gradient(to bottom, #5a6664 0%,#414949 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a6664', endColorstr='#414949',GradientType=0 );} .cp .widgetshoppingBot{ color:#5d9595; font-size:17px; font-weight:700;float:right; padding:10px 0; margin:0 0 -1px -2px; width:99%;text-align:center; border:1px solid #E1E1E1; border-top:1px solid #f3f3f3; -webkit-box-shadow:0px -1px 0px #E1E1E1;-moz-box-shadow:0px -1px 0px #E1E1E1;box-shadow:0px -1px 0px #E1E1E1; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-decoration:none; background:#eaeae9;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } .cp .widgetshoppingBot:hover{ border:1px solid #E1E1E1; border-top:1px solid #f3f3f3; -webkit-box-shadow:0px -1px 0px #E1E1E1;-moz-box-shadow:0px -1px 0px #E1E1E1;box-shadow:0px -1px 0px #E1E1E1; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-decoration:none; background:#f6f6f6;} .widgetshoppingBotText{ float:left; width:85%;} .widgetshoppingBotIcon{ float:left; width:15%; height:24px; background-image:url("../design/indicator_shopping.png"); background-position: center center; background-repeat:no-repeat; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; } .cp .widgetshoppingBotIcon{ background-image:url("../design/indicator_form.png");} .widgetshoppingBot:hover .widgetshoppingBotIcon{ background-position: right center;} .widgetshoppingBotIconCart{ float:left; width:15%; max-width: 55px; height:22px; background-image:url("../design/sprite.png"); background-position:-286px -309px; background-repeat:no-repeat;} .addwidgetshoppingBot{ color:#ffffff; font-size:17px; font-weight:700;float:left; padding:10px 0; margin:0 0 -1px -2px; width:100%;text-align:center; border:1px solid #517e7e; border-top:1px solid #609999; -webkit-box-shadow:0px -1px 0px rgba(78, 123, 123, 1);-moz-box-shadow:0px -1px 0px rgba(78, 123, 123, 1);box-shadow:0px -1px 0px rgba(78, 123, 123, 1); -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-decoration:none; background: #568888; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2ODg4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTlhOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #568888 0%, #619a9a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#568888), color-stop(100%,#619a9a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #568888 0%,#619a9a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #568888 0%,#619a9a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #568888 0%,#619a9a 100%); /* IE10+ */ background: linear-gradient(to bottom, #568888 0%,#619a9a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#568888', endColorstr='#619a9a',GradientType=0 ); /* IE6-8 */ -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } .addwidgetshoppingBot:hover{color:#ffffff; text-decoration:none;background: #2c8787; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjODc4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Mjk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2c8787 0%, #529999 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c8787), color-stop(100%,#529999)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2c8787 0%,#529999 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2c8787 0%,#529999 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2c8787 0%,#529999 100%); /* IE10+ */ background: linear-gradient(to bottom, #2c8787 0%,#529999 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c8787', endColorstr='#529999',GradientType=0 ); /* IE6-8 */ } .wrap-map{float: left; width: 100%; margin: 100px 0 0;} /* # my account ================================================== */ .accountValue{float:left;width:100%;color:#646969;font-size:2.2em;text-shadow:0 1px 0 rgba(255,255,255,1);} .accountResult{float:left;width:100%; font-size:1.5em} /*.accountResult a{text-decoration:underline;color:#332E17;}*/ .accountBot{float:left;position:relative;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#454e4e;margin-right:20px;opacity:1;filter:alpha(opacity=100);padding:10px;} .accountBot:hover{opacity:0.5;filter:alpha(opacity=50);} .accountBot a{color:#FFF;text-shadow:0 0 0 rgba(0,0,0,1);font-size:12px;float:left;width:100%;height:100%;text-transform:uppercase;} .accountList{width:100%;margin-top:30px;background:#e4e4e4;} .accountListWidth15{width:15%;} .accountListWidth18{width:18%;} .accountListWidth21{width:21%;} .accountListWidth28{width:28%;} .accountListWidth5{width:5%;} .accountListConMenu{margin-top:50px;margin-bottom:10px;background:url(../design/line_subMenu.png) left bottom repeat-x;} .accountListConMenuTopBot{float:left;margin-bottom:0;margin-left:6px;padding-top:1px;} .accountListConMenuTopBot h2{padding:5px 6px;} .accountListConMenu .active{background:url(../design/line_subMenu.png) left top repeat-x;border:1px solid #c9c9c9;border-top:none;border-bottom:none;} .accountListConMenu .active h2{background:url(../design/backgrounds/body_noise_white.jpg) repeat;} .accountListTop{background:url(../design/backgrounds/bg_negro.jpg) repeat;line-height:60px;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,1);text-align:center;font-size:14px;text-transform:uppercase;border-bottom:#000 solid 1px;} .accountListCon{line-height:50px;text-align:center;font-size:13px;} .accountListCon:hover{background:#dcdcdc;} .accountListCon div{float:left;width:99%;height:100%;border-left:1px solid #eaeaea;border-right:1px solid #dadada;border-top:1px solid #eaeaea;border-bottom:1px solid #dadada;} .reference { text-transform:uppercase; } .accountListCon .bot{float:left;color:#a3a3a3;margin-left:15px;} .accountListCon .close{float:right;width:20px;height:20px;background:url(../design/close.png) center no-repeat;display:block;margin-top:15px;margin-right:15px;} /* #commercial ================================================== */ .commercialBox{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#c3cec7; margin-top:20px; } .commercialImg{ float:left; display:block; position:relative; width:170px; min-height:128px; background:#FFF; margin:5px;} .commercialBoxInfo{position:relative; display:block; margin:5px; margin-left:190px; background:#F90;} .commercialBoxInfoName{ float:left; width:100%; margin-top:11px; font-size:18px;} .commercialBoxInfoCont{ position:absolute; bottom:-128px;} .commercialBoxInfoContValue{ float:left; width:100%; font-size:16px; margin-bottom:5px;} .commercialBoxInfoContValue strong{ font-size:11px;} /* #product ================================================== */ .productDiv60{width:65%;} .productDiv42{width:42%;} .productDiv35{width:35%;} .productDiv23{width:23%;} .productDiv49{width:49%;} .productDiv50{width:50%;} .productDiv50:last-child{padding-left: 40px;} .productDownloadTitle{background:#454e4e;color:#ffffff;font-size:20px;line-height:27px;text-shadow:0 1px 0 rgba(0,0,0,1);margin-top:1px;} .productDownloadIcon{background:url(../design/down_icon.png) left top no-repeat;width:41px;height:37px;float:left;margin-top:-10px;margin-left:10px;margin-right:10px;} .productDownloadInfo{float:left;width:100%;font-size:13px;margin-top:20px;} .productDownloadInfo a{color:#5f6e6e;text-decoration:none;} .productTitle{font-size:35px;line-height:33px; text-transform:uppercase;} .productRef{font-size:18px;color:#777777;} .productLabel{font-size:14px;color:#646969;} .productText{float:left;font-size:16px; width:100%; line-height:20px;} .productText p{float:left;font-size:16px;} .productOldPrice{font-size:35px;color:#9b4218;text-shadow:0 1px 0 rgba(255,255,255,1);} .productOldPrice span{font-size:20px;} .productOldPrice p{position:absolute;top:0;left:-10px;width:100%;height:100%;background:url(../design/line_old_price.png) -2px center no-repeat;} .productNewPrice{font-size:50px;color:#9b4218;text-shadow:0 1px 0 rgba(255,255,255,1);} .productNewPrice span{font-size:40px;} .productIVA{text-align:right;font-size:10px;color:#9b4218;text-shadow:0 1px 0 rgba(255,255,255,1);} .productBotEnc{background:url(../design/backgrounds/bot_orang.png) top left repeat-x;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:50px; float:right; width: 75%!important; } .productBotEnc a{background:url(../design/cart_icon_white.png) 10px center no-repeat;float:left;width:80%;color:#ffffff;font-size:20px;text-shadow:0 1px 0 rgba(0,0,0,1);line-height:50px;padding-left:19%;text-transform:uppercase;} .discountBox{position:relative;display:block;} .discountDes{position:absolute;font-size:30px;color:#fff;top:58px;left:19px;text-transform:lowercase;text-shadow:0 1px 0 rgba(0,0,0,1);-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);z-index:41;} .discountValue{position:absolute;font-size:78px;color:#fff;top:75px;left:35px;text-transform:lowercase;text-shadow:0 1px 0 rgba(0,0,0,1);z-index:40;} .discountValue span{font-size:40px;color:#fff;left:30px;text-transform:lowercase;text-shadow:0 1px 0 rgba(0,0,0,1);} .alignCenter{width:192px;margin:auto;} .discountBox img.center{position:relative;display:block;max-width:100%;text-align:center;margin:auto;} .image_note { font-size:14px; width:100%; float:left; margin-top:10px; } .refTitle{ float:left; width:100%; color:#787878; font-size:14px; text-transform:uppercase; margin-bottom: 50px;} .titleProductDesc{ float:left; width:100%; color:#1a3c33; font-size:18px; text-transform:uppercase; margin-bottom: 30px;} .productDesc{ float:left; width:100%;} .productDescText{ float:left; width:100%; height:55px; overflow:hidden; color:#6a6a6a; font-size:16px; margin-bottom: 30px;} .expandText{ float:left; width:100%;} .expandText a{color:#5f9898; float:left; width:100%; margin-top:5px;} .productConfig{ float:left; width:100%; margin-top:15px;} .logo-product{ float: left; width: 100%; margin-bottom: 25px; } /* #cart ================================================== */ .cartBoxIcon{width:10%;float:left;background:url(../design/cart_icon.png) center 0 no-repeat;min-height:100px;} .cartBox{width:90%;float:left;-moz-box-shadow:1px 1px 0 0 #afafaf;-webkit-box-shadow:1px 1px 0 0 #afafaf;box-shadow:1px 1px 0 0 #afafaf;} .cartBoxHeader{float:left;width:100%;height:35px;background:url(../design/backgrounds/bg_negro.jpg) repeat;} .cartBoxTitle{float:left;font-size:22px;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,1);line-height:35px;margin-left:20px;} .cartBoxBots{float:right;line-height:35px;} .cartBoxBotSave{float:left;display:block;position:relative;background:url(../design/save.png) center left no-repeat;font-size:11px;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,1);text-transform:uppercase;line-height:20px;border-right:1px solid #FFF;margin:8px 7px 7px;padding:0 10px 0 25px;} .cartBoxBotclose{float:left;display:block;position:relative;background:url(../design/close_white.png) center left no-repeat;font-size:11px;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,1);text-transform:uppercase;line-height:20px;margin:8px 7px 7px;padding:0 10px 0 25px;} .cartBoxTable{float:left;position:relative;width:100%;} .cartBoxEffect{float:left;width:5%;height:100%;position:absolute;background:url(../design/cart_bg_total.png) top left repeat-y;} .cartBoxTr{float:left;width:95%;margin-left:5%;background:#e3e3e3;} .cartBoxTr4{width:4%;} .cartBoxTr6{width:6%;} .cartBoxTr12{width:12%;} .cartBoxTr17{width:17%;} .cartBoxTr19{width:19%;} .cartBoxTr20{width:20%;} .styleHeader{color:#727272;font-size:14px;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,1);} .cartBoxBorderHeader{border-left:1px solid #eaeaea;border-right:1px solid #dadada;border-bottom:1px solid #dadada;float:left;} .cartBoxBorderFooter{border-left:1px solid #eaeaea;border-right:1px solid #dadada;border-top:1px solid #eaeaea;float:left;} .styleCartBox{height:100px;} .cartBoxBorder{border-left:1px solid #eaeaea;border-right:1px solid #dadada;border-top:1px solid #eaeaea;border-bottom:1px solid #dadada;float:left;} .cartBoximg{float:left;position:relative;width:94%;height:91%;text-align:center;background:#FFF;margin:5px;} .cartBoximg img{max-height:100%;max-width:100%;} .cartBoxName{float:left;font-size:15px;padding-top:20px;} .cartBoxName span{float:left;width:100%;font-size:12px;color:#777777;margin-top:5px;} .cartBoxPriceSem{font-size:16px;color:#848484;text-align:right;} .cartBoxPriceSem span{font-size:9px;} .cartBoxPriceSemLebal{font-size:9px;text-align:right;color:#848484;margin-bottom:2px;} .cartBoxPrice{font-size:25px;text-align:right;} .cartBoxPrice span{font-size:14px;} .cartBoxPriceLebal{font-size:9px;text-align:right;} .cartBoxinput{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:45%;text-align:center;-webkit-box-shadow:0 -1px 0 rgba(207,207,207,0.75);-moz-box-shadow:0 -1px 0 rgba(207,207,207,0.75);box-shadow:0 -1px 0 rgba(207,207,207,0.75);margin:15px 12.5% 0!important;padding:14px!important;} .cartBoxinput:hover{-moz-box-shadow:0 0 3px #888;-webkit-box-shadow:0 0 3px;box-shadow:0 0 3px #888;} .cartBoxClose .close{float:right;width:20px;height:20px;background:url(../design/close.png) center no-repeat;display:block;margin-top:80%;} .cartBoxTotal{float:right;width:28%;margin-top:20px;margin-bottom:10px;margin-right:25px;border-top:1px solid #dadada;} .cartBoxTotalBox{float:left;width:100%;border-top:1px solid #eaeaea;} .cartBoxTotalTitle{float:left;font-size:24px;margin-top:40px;margin-left:4px;} .cartBoxTotalCont{float:right;margin-right:22%;} .cartBoxFooterBot{width:30%;float:right;} .cartBoxFooterBot .productBotEnc a{background:none;float:left;width:100%;color:#ffffff;font-size:20px;text-shadow:0 1px 0 rgba(0,0,0,1);line-height:50px;text-align:center;text-transform:uppercase;padding:0;} .cartBoxFooterBot2{float:right;} .cartBoxFooterBot2 .accountBot{margin-top:15px;float:left;position:relative;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#454e4e;margin-right:20px;opacity:1;filter:alpha(opacity=100);padding:10px;} .cartBoxFooterBot2 .accountBot:hover{opacity:0.5;filter:alpha(opacity=50);} .cartBoxFooterBot2 .accountBot a{color:#FFF;text-shadow:0 0 0 rgba(0,0,0,1);font-size:12px;float:left;width:100%;height:100%;text-transform:uppercase;} .cartBoxBorderHeader:first-child,.cartBoxBorderFooter:first-child,.cartBoxBorder:first-child{border-left:none;} .cartBoxBorderHeader:last-child,.cartBoxBorderFooter:last-child,.cartBoxBorder:last-child{border-right:none;} /* account ================================================== */ .colorOne{ background-color:#f6f6f4;} .colorTwo{ background-color:#ffffff;} .accountTitle{ padding-left: 10px; float:left; clear:left;} .accountSubTitle{ padding-left:10px; float:left; clear:left; color:#6a6a6a; font-size:16px;} .normalaccountSubTitle{float:left; clear:left; color:#6a6a6a; font-size:16px;} .shopListBox{ padding:10px; background-color:#FFF; border:1px solid #e3e2df; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} .shopListBoxHeader{ float:left; width:100%; color:#4d5858; font-size:18px; margin-bottom:45px;} .shopListBoxHeaderBot {float: left;width: 100%;color: #4D5858;font-size: 18px;margin-bottom: 1px;} .shopListBoxHeader a, .shopListBoxHeaderBot a{ color:#5F9898;} .shopListBoxHeaderTitle{ float:left; width:100%; color:#4d5858; font-size:18px; margin-top:10px;} .shopListBoxHeaderSubTitle{ float:left; width:100%; color:#6a6a6a; font-size:16px;} .shopListBoxItems{ float:left; width:100%;} .shopListBoxItem{ padding: 10px 5px; border-bottom:1px solid #ebebe7;} .shopListBoxItem:hover{background:#fff9e9;} .shopListBoxItem a{ float:left; width:100%;} .shopListBoxItemBox{ padding:0 0 0 7px;} .shopListBoxItemImg{ float:left; width:10%;} .shopListBoxItemImgBox{ background-color:#ffffff; border:1px solid #dad9d6; width:58px;/*height:58px;*/overflow:hidden;vertical-align: middle;display: table-cell; margin:0 auto;} .shopListBoxItemImg img{ float:left; max-width:100%;} .shopListBoxItemDesc{ float:left; width:50%;} .shopListBoxItemDescTitle{ float:left; width:100%; color:#4d5858; font-size:20px;} .shopListBoxItemDescInfo{ float:left; width:100%; color:#6a6a6a; font-size:16px; } .shopListBoxItemCount{ float:left; width:20%;} .shopListBoxItemPriceUni{ float:left; width:100%; color:#6a6a6a; font-size:14px; text-transform:uppercase; line-height:14px;font-weight:700;text-align:right;} .amount{ float:right; background-color:#dad9d6;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-bottom:5px;} .amount.tt{ margin-top:5px;float:left; background:none;} .amountElement{ float:left; min-width:20px; height:35px;} .tt .amountElement{ float:left; min-width:35px; height:35px; background-color:#f4f4f4; border:1px solid #e6e6e6; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .amountInput input{ float:left; width: 45px; height:17px; text-align:center; margin-top:1px;font-weight:700;-webkit-box-shadow: inset 0px 0px 20px 0px rgba(234, 233, 231, 1); box-shadow: inset 0px 0px 20px 0px rgba(234, 233, 231, 1);} .tt .amountInput{ background:none; } .tt .amountInput input{ float:left; width: 33px; height:17px; text-align:center; margin-top:1px;font-weight:700;-webkit-box-shadow: inset 0px 0px 0px 0px rgba(234, 233, 231, 0); box-shadow: inset 0px 0px 0px 0px rgba(234, 233, 231, 0); background:none;} .amountBot a{ float:left; width:100%; height:76%; text-align:center; vertical-align:middle; padding-top:8px; color:#66635c; font-size:14px;font-weight:700;} .shopListBoxItemValue{ float:left; width:15%;} .shopListBoxItemValueTotal{ float:left; width:100%; color:#4d5858; font-size:20px; text-align:right; font-weight:700;} .shopListBoxItemValueIva{ float:left; width:100%; color:#66635c; font-size:12px; text-transform:uppercase; text-align:right; margin-bottom:4px;} .shopListBoxItemValueTaxa{ float:left; width:100%; color:#6a6a6a; font-size:11px; font-weight:700; text-transform:uppercase; text-align:right;} .shopListBoxItemClose{ float:left; width:5%;} .shopListBoxItemCloseWrap{ float:right; width:18px; height:18px;} .shopListBoxItemCloseWrap a{ float:left; width:100%; height:100%;background-image:url("../design/closet.png"); background-position:center center; background-repeat:no-repeat;} .shopListBoxItemCloseWrap a:hover{background-image: url("../design/closet_active.png")} .shopListBoxItem:hover .shopListBoxItemCloseWrap a{background-image: url("../design/closet_active.png")} .euro{ font-size:0.8em;} .sumBox{ float:left; width:100%; margin-top:35px;} #sum{ float:right; width:85%; margin:0 42px 20px 0;} .sumLine{ float:left; width:100%; clear:left; color:#6a6a6a; font-size:16px; text-align:right;} .sumLine a{ color:#5f9898;} .sumLineLabel{ float:right;} .sumLinePrice{ float:right; min-width:90px; font-weight:700;} .sumTotal{ float:right; min-width:50%; border-top:1px solid #e7e7e3; margin-top:23px; padding-top:15px;} .sumTotalLabel{ float:left; color:#66635c; font-size:24px; font-weight:700; margin-left:30px;} .sumTotalValue{ float:right;} .sumTotalValueInfo{ float:right; text-align:right; color:#5f9898; font-size:14px; line-height:14px;} .codeBox{ float:left; width:100%;} .codeLabel{ float:left; font-size:16px;line-height:26px;color:#66635c; width:45%;} .codeInput{ float:left; width:35%; margin-top:-5px; margin-bottom:-8px;} .codeInputWrap{ position:relative;float:right; width:85%;} .codeInput input{ float:right; width:90%; border:1px solid #dad9d6;-webkit-box-shadow: inset 0px 0px 20px 0px rgba(234, 233, 231, 1); box-shadow: inset 0px 0px 20px 0px rgba(234, 233, 231, 1); font-size:16px; padding:6px 8px;} .codeBot{ float:left; width:20%;} .codeBot a{ float:left; width:100%; height:100%; color:#5f9898; font-size:16px; line-height:26px; text-decoration:underline; text-align:right;} .filterElementRadioCheckbox{ float:left; margin-right:15px; color: #979797;font-size: 16px;line-height: 26px;color: #66635C;} .filterElementRadioCheckbox a{color:#5f9898;text-decoration:underline;} .botWhite{color:#66635c; font-size:17px; font-weight:700;float:left; padding:10px 0; margin:0 0 -1px -2px; width:100%;text-align:center; border:1px solid #e3e2df; border-top:1px solid #ffffff; -webkit-box-shadow:0px -1px 0px rgba(227, 226, 223, 1);-moz-box-shadow:0px -1px 0px rgba(227, 226, 223, 1);box-shadow:0px -1px 0px rgba(227, 226, 223, 1); -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; text-decoration:none;background: #f5f4f1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjRmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY1ZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #f5f4f1 0%, #f6f5f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f4f1), color-stop(100%,#f6f5f2)); background: -webkit-linear-gradient(top, #f5f4f1 0%,#f6f5f2 100%); background: -o-linear-gradient(top, #f5f4f1 0%,#f6f5f2 100%);background: -ms-linear-gradient(top, #f5f4f1 0%,#f6f5f2 100%); background: linear-gradient(to bottom, #f5f4f1 0%,#f6f5f2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f1', endColorstr='#f6f5f2',GradientType=0 );} .botWhite:hover{background: #f5f4f1;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjRmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU3ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #f5f4f1 0%, #e8e7e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f4f1), color-stop(100%,#e8e7e5));background: -webkit-linear-gradient(top, #f5f4f1 0%,#e8e7e5 100%); background: -o-linear-gradient(top, #f5f4f1 0%,#e8e7e5 100%);background: -ms-linear-gradient(top, #f5f4f1 0%,#e8e7e5 100%);background: linear-gradient(to bottom, #f5f4f1 0%,#e8e7e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f1', endColorstr='#e8e7e5',GradientType=0 ); } .botWhite .widgetshoppingBotText{ width:100%;} .botL{ float:left; width:38%; margin-right:2%;} .botR{ float:left; width:60%;} .botHelp{ position:absolute; top:10px; right:10px; width:23px; height:23px; background-image:url(../design/sprite.png); background-position:-303px -125px; background-repeat:no-repeat;} .botHelp a{ float:left; width:100%; height:100%;} .fromBox{ display:block; margin:0 auto 40px; max-width:550px;} .fromBoxLine{ float:left; width:100%; margin-bottom:10px;} .fromBox label{ color:#6a6a6a; font-size:16px; font-weight:400;} .fromBox label span{ color:#5f9898;} .fromBox input, .fromBox textarea{border:1px solid #dad9d6; float:left; width:96.5%;} .botFooterBox{ position: absolute;float: left;bottom: 1px;right: 1px;left: 1px; min-height:37px; border-top:1px solid #dad9d6; -webkit-border-bottom-right-radius: 15px;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomright: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px; background: #f7f7f7;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #f7f7f7 0%, #fefefe 25%, #f8f8f8 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(25%,#fefefe), color-stop(100%,#f8f8f8));background: -webkit-linear-gradient(top, #f7f7f7 0%,#fefefe 25%,#f8f8f8 100%);background: -o-linear-gradient(top, #f7f7f7 0%,#fefefe 25%,#f8f8f8 100%);background: -ms-linear-gradient(top, #f7f7f7 0%,#fefefe 25%,#f8f8f8 100%);background: linear-gradient(to bottom, #f7f7f7 0%,#fefefe 25%,#f8f8f8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f8f8f8',GradientType=0 );} .botFooterBox a{ float:right; color: #5F9898;font-size: 16px;line-height: 26px;text-decoration: underline;text-align: right; background-image:url("../design/indicator_form.png"); padding-right:18px; margin-right:20px; margin-top:4px; background-position:right center; background-repeat:no-repeat; } .fromBoxLine50mR{ margin-right:2%;} .fromBoxLine50mL{ margin-left:2%;} .fromBoxLine50{ float:left; width:48%;} .fromBoxLine50 input{ width:92%;} .colorError{ color:#6d2525;} .colorSuccess{ color:#4e6d25;} .attentionBox{ float: left;width: 100%;color: #6A6A6A;font-size: 16px; margin-top:5px; margin-bottom:5px;} .attentionBox span{ color:#5f9898;} .fromBoxLineLabel{ float:left; width:100%; color:#5f9898; font-size:16px; } .fromBoxLineValue{ float:left; width:100%; color:#3f3f38; font-size:15px;} .fromBoxLine1{ float:left; width:20%;} .date .fromBoxLine1{ float:left; width:40%;} .fromBoxLine5{ float:left; width:74%; margin-left:5%;} .codecard input{ width:50%;} .fromBoxLine3 {float: left;width: 28.3%;margin-right: 5%;} .levelOfSecurity{ float:left; width:100%;} .levelOfSecurityTitle{ float:left; width:100%; color: #6A6A6A; font-size: 16px;} .levelOfSecurityStripe{ float:left; width:100%; margin-top:5px;} .levelOfSecurityWarning{ float:left; width:100%;} .levelOfSecurityStripeLevel {float:left;margin-left:3%;padding:0 0%; width:14.1666666667%;} .levelOfSecurityStripeLevel:first-child {margin-left:0;} .levelOfSecurityWarning{ float:left; width:100%; font-size:16px; margin-top:5px;} .colorError{ color:#6d2525;} .colorSuccess{ color:#4e6d25;} .levelOfSecurityBar{ float:left; width:100%;height: 5px;background-color: #E5E5E1;} .levelOfSecurityText{ float:left; width:100%; color:#E0E0E0; font-size:9px; text-transform:uppercase;} .active .levelOfSecurityText{ color:#66635c;} /* color pass */ .security1{background-color:#a23e2a;} .security2{background-color:#a0532d;} .security3{background-color:#9e6c31;} .security4{background-color:#9b8435;} .security5{background-color:#999b38;} .security6{background-color:#97b23c;} .span2{ float:left; width:24%;} .span3{ float:left; width:35%; margin-right:3%;} .breadcrumbBox{float:left;width:100%;} .filterBox{float:left;width:100%;margin-top:35px;} .filterItemLabel{float:left;width:73px;height:33px;text-align:center;line-height:30px;color:#ffffff;background-color:#5f9898;border:1px solid #567b7b;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:0 5px; font-size:14px; font-weight:700;} .filterItemFromElement{ margin-left:85px;} .filterItemFromElementBox{ float:left; width:100%;} .filterItemFromElement .select2-container .select2-choice{background:none;background-color:#ffffff;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;border-top-left-radius:0;border-bottom-left-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #AAA;display:block;overflow:hidden;white-space:nowrap;position:relative;height:33px;line-height:33px;color:#355585;font-weight:700;text-decoration:none;padding:0 0 0 8px;} .filterItemFromElement .select2-container .select2-choice div{background:none;background-color:#ffffff;border:none;width:25px;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;} .filterItemFromElement .select2-container {min-width: 100%; -webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0);-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0);box-shadow:0px 0px 0px rgba(0, 0, 0, 0);} .filterItemFromElement .select2-container .select2-choice div b { background:url("../design/indicator_hover.png") 2px center no-repeat;} .filterItem{float:left; width:100%;} .spanFilter3{float: left;max-width: 272px;min-width: 180px;margin-left: 0!important;margin-right: 10px;width: 37%;margin-bottom: 5px;} .spanFilter2{float: left;max-width: 183px; min-width:132px;margin-left:0!important;width:23%;margin-bottom:5px;} .filterAddBot{float:left;width:99%;height:30px;text-align:center;line-height:30px;color:#ffffff;background-color:#5f9898;border:1px solid #567b7b;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:0; font-weight:700;} .filterAddBot.active{ background-color:#d0d1d1;border:1px solid #c1c1c1;} .filterAddBot a{color:#ffffff; font-size:14px; font-weight:700; float:left; width:100%; height:100%;} .filterTabBox{float:left;width:100%; background-image:url("../design/bg_tool.gif"); background-position:0 0; background-repeat:repeat; position:relative; margin-top:25px; border:1px solid #dbdbdb;} #filterAdd.filterTabBoxInside{ height:0; display:none;} .filterTabBoxInside{padding:10px; overflow:hidden;} .arrow-n{ width:19px; height:11px; position:absolute; display:block; right:65px;; top:-11px; background-image:url("../design/indicator_tab.png"); background-position:0 0; background-repeat:no-repeat;} .filter{ float:left; border:1px solid #d9d8d4; background:#ffffff; padding:5px; margin:0 5px 5px 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .filterLabel{ float:left; max-width:200px; color:#6A6A6A; font-size:13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -moz-binding: url("ellipsis.xml#ellipsis");} .filterLabel strong{ font-weight:700; color:#5f9898;} .filterClose{ float:left; width:20px; height:20px; overflow:hidden; display:block; margin-left:5px;} .filterClose a{ float:left; width:20px; height:20px; overflow:hidden; background-image:url("../design/close_.png"); background-position:0 0; background-repeat:no-repeat; text-indent:-9999999px;text-decoration:none;} .filterClose a:hover{ text-decoration:none; background-position:-20px 0; } .shopListBoxItem:hover .filterClose a {background-position:-20px 0;} /*#productsBox{ float:left; width:100%;} .productsItemBox{ float:left;height:460px; margin-bottom:30px;} .productsItemWrap{ float:left; width:96%} .productsItemImg{ float:left; width:99%; background-color:#ffffff; border:1px solid #e5e4e4; margin-bottom:15px;} .wrapImgCenter{ padding:5px;min-height:135px; text-align:center; position:relative;} .wrapImgCenter a{ float:left; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;} /*.productsItemTitle{ float:left; width:100%; color:#3f3f38; font-size:20px; font-weight:700; margin-bottom:5px;} .productsItemTitle a{ float:left; width:100%; color:#3f3f38; font-size:20px; font-weight:700;}*7/ .productsItemDesc{ float:left; width:100%; color:#3f3f38; line-height:16px; margin-bottom:15px;} .productsItemPriceBox{ float:left; width:100%;}*/ /* #Contact ================================================== */ form input,.formContact textarea{float:left;width:92%;} form textarea{min-height:150px;} form .divInput{float:left;width:100%;background:#FFF; margin:0px 0;padding:5px 0; border-bottom:1px solid #d5d3d3;} form .msn{border-bottom:none;} form .divInput:hover{} form .accountBot{margin-top:15px;min-width:150px;float:right;position:relative;display:block;margin-right:20px;opacity:0.9;filter:alpha(opacity=90);padding:10px;font-size: 2.1em;line-height: 26px;text-transform: uppercase;text-align: center;color: white;text-shadow: 0 1px 0 rgba(0, 0, 0, 1);background-image: url("../design/backgrounds/bot_shop.png");background-position: top left;background-repeat: repeat-x;margin: 10px 0 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border-left:1px solid #252d2d; border-right:1px solid #252d2d;} form .accountBot:hover{opacity:1;filter:alpha(opacity=100);} form .accountBot a{color:#FFF;text-shadow:0 0 0 rgba(0,0,0,1);font-size:21px;float:left;width:100%;height:100%;text-transform:uppercase;text-decoration:none;} form .divInput.error{ border-bottom: 1px solid #F7C7C9; background-color: #F9E5E6!important; color: #B3696C; } form .divInput.error input, form .divInput.error textarea { background-color: #F9E5E6!important; color: #B3696C; } .resultForm div.error{border:1px solid #F7C7C9; background-color:#F9E5E6; color:#B3696C;} .resultForm div.error a.errorCloseBot {background-position:-1px -27px;} .resultForm div.success{border:1px solid #C2D288; background-color:#E3EBC6; color:#8FA442;} .resultForm div.success a.errorCloseBot {background-position:-1px -54px;} .resultForm { margin:15px 0; text-align:left; float:left; font-size: 12px; width:99%; } .resultForm p { margin-bottom:0; } .resultForm div.infoBoxError{ float:left; display:block; width:100%; position: relative;} .resultForm div.infoBoxErrorText{ float:left; width: 85%;padding: 2.5%; font-size: 13px;} .resultForm div.infoBoxErrorClose{ float:left; width:10%;} .resultForm a.errorCloseBot{ float:right; width:32px; height:32px; position: absolute; top: 0; right: 0; cursor:pointer; background-image:url("../design/sprite2.png");background-repeat:no-repeat; opacity:0.8;filter:alpha(opacity=80);} .resultForm a:hover.errorCloseBot{opacity:1;filter:alpha(opacity=100);} .discount{} .shopListBoxPromD{ float:left; width:20%; font-size:16px; color:#6a6a6a; text-align:left;} .shopListBoxPromI{ float:left; width:55%; font-size:16px; color:#5f9898; text-align:right;} /* error ================================================== */ .titleError{ float:left; width:100%; position:absolute; top:15px; left:51px; font-size:22px;} .errorBox{ float:left; width:100%; position:relative; font-size:191px;} .textError{ float:left; width:100%; margin-top:30px; font-size:16px;} /* #filter ================================================== */ .filterBox{ float:right; margin-right:20px;} .filterBoxItem{ float:left; position:relative; display:block; margin-right:30px;} .filterBox label{ float:left; line-height:21px; font-size:10px; text-transform:uppercase; margin-right:10px;} .filterBox select{ float:left; color:#b5b4ac; padding:2px; font-size:14px;} .filterBoxItem:last-child{ margin-right:0;} /* #pagination ================================================== */ .pagination{float: right;display:block; color: #787878; line-height: 25px;} .paginationbox{display:block;float:left;height:58px;min-width:115px;width:auto;} .pagination span.pages{font-weight:lighter;padding-left:5px;padding-right:5px;} .pagination span{display:block;float:left;margin-right:2px;text-transform:uppercase; font-size: 14px;} .pagination span a{color:#787878; font-size: 14px; padding: 0 2px;} a.disabled{visibility:hidden!important;} .paginationNumbers{float:left;} .pagination span a.current,.pagination span a:hover{color: #283535;} .nextPanel,.previousPanel{font-size:13px;} .nextPanel:hover,.previousPanel:hover{} .pagination span.pages.disablelink a { color: #787878; cursor: default; } .pagination span.pages a:hover { color: #283535;} .nextPanel{padding-right: 15px!important; background-image: url(/design/arrow_pag_r.png); background-position: right center; background-repeat: no-repeat;} .previousPanel{padding-left: 15px!important; background-image: url(/design/arrow_pag_l.png); background-position: left center; background-repeat: no-repeat;} .nextPanel:hover{background-image: url(/design/arrow_pag_r_hover.png);} .previousPanel:hover{background-image: url(/design/arrow_pag_l_hover.png);} /* #usefulAreas ================================================== */ .usefulArea{position:relative;width:165px;margin-right:25px;margin-top:42px;padding-bottom:9px;background: url(../design/line_white.png) left bottom repeat-x; } .usefulAreaTitle{float:left;width:100%;text-align:center;color:#494843;font-size:17px;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,1);} ul.brands{float:left;width:100%;display:block;margin-top:20px;} ul.brands li{float:left;width:100%;} ul.brands li a{float:left;width:98%;padding:5px 1%;} ul.brands li img{max-width:100%;display:block;-moz-box-shadow:0 0 0 #888;-webkit-box-shadow:0 0 0 #888;box-shadow:0 0 0 #888;margin:auto;} ul.brands li img:hover{-moz-box-shadow:0 0 3px #888;-webkit-box-shadow:0 0 3px;box-shadow:0 0 3px #888;} .usefulArea .more{float:left;width:100%;margin-top:10px; padding-top:10px;text-align:center;text-transform:uppercase;font-size:12px;color:#444e4e;text-shadow:0 1px 0 rgba(255,255,255,1); background: url(../design/line_white.png) left top repeat-x; } .usefulArea .more:hover{text-shadow:0 0 0 rgba(255,255,255,1);} .icon{float:left;width:20px;height:20px;position:relative;margin:0 auto;} .iconFacebook{background:url(../design/facebook.png) center no-repeat;} .iconPinterest{background:url(../design/pinterest.png) center no-repeat;} .iconYoutube{background:url(../design/youtube.png) center no-repeat;} .iconlinkedin{background:url(../design/linkedin.png) center no-repeat;} .icon a{float:left;width:63%;height:100%;position:relative;display:block;cursor:pointer;font-size:13px;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,1);padding:6px 5px 5px 50px;} /* #footer ================================================== */ footer{float:left;font-size:1.4em; line-height: 24px; color: #ffffff; background:#1a3c33;margin-top:100px; padding: 50px 0 0;} footer p{font-size:14px;} .wrapperFooter{position:relative;display:block;margin-left:300px;} footer .box{float:left;background:url(../design/line_div_footer.png) right top repeat-y;height:130px;margin:25px 0 0;padding:5px 22px;} .logoFooter{float:left;background:url(../design/footer_logo.png) top left no-repeat;width:63px;height:64px;} .titleBoxFooter{color:#FFF;font-size:18px;text-transform:uppercase;margin:0 0 7px 0; text-transform: uppercase;} footer ul{list-style:disc;list-style-position:inside;color:#FFF;} footer a{color:#FFF;} footer a:hover{color:#CCC;} footer .certifiedTitle{color:#FFF;font-size:12px;width:75px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,1);margin:0 0 10px 6px;} footer .certifiedImg{float:left;} footer .certifiedImg img{float:left;padding:10px 5px 5px;} footer .certified{background:none;} .wrap-footer-1{ margin-bottom: 40px; float: left; max-width: 430px; width: 100%; padding-right: 20px; } .wrap-footer-2{ margin-bottom: 20px; float: left; max-width: 260px; width: 100%; padding-right: 20px; } .wrap-footer-logo{ float: left; } .wrap-footer-logo a{ float: left; width: 100%; } .wrap-footer-text{ float: left; width: 100%; max-width: 270px; margin-top: 35px; } .cert{ float: left; width: 100%; margin: 20px 0 15px; } .cert ul{ margin: 0; padding: 0; list-style: none; } .cert ul li{ padding: 0 5px; } .cert ul li:first-child{ padding-left: 0; } /* #copy ================================================== */ #copy{ border-top:1px solid #FFF; font-size: 11px; padding-top:10px; padding-bottom: 10px; text-align:left; color:#ffffff; text-transform: uppercase;} #copy span.separator{ float:none!important; background:none; } #footerMenuFixe{ position:fixed; left:0; bottom:0; display: none; width: 100%; height: 45px; background-color: #323D3D; border-top: 2px solid #272F2F; z-index: 10;} #resp_menu_footer{ float:left;} #resp_menu_footer select{padding: 4px 7px; margin-top:9px; width:160px;} #resp_menu_footer .resp_menu_icon{ float:left; width:33px; height:33px; margin-top:7px; background-image: url("../design/prod.png"); background-position:center; background-repeat:no-repeat;} #gototop{ float:right; } #gototopBot{ float:left; width:39px; height:35px; margin-top: 4px; background:url("../design/top.png"); background-position:left top; background-repeat:no-repeat;} #gototopBot:hover{ background-position:left bottom; background-repeat:no-repeat;} #gototopBot a{ float:left; width:100%; height:100%; cursor:pointer;} /* error ================================================== */ .errorForm{ background:#ffdddf !important;} .errorForm input, .errorForm textarea, .errorForm select{ background:#ffdddf !important;} #productsBox{ float:left; width:100%;} .productsItemBox{ float:left;width:100%;height:400px; margin-bottom:30px;} .productsItemBox2{float:left;width:100%;} .productsItemWrap{ float:left; width:96%} .productsItemImg{ float:left; width:99%; background-color:#ffffff; margin-bottom:5px;} .wrapImgCenter{ padding:5px;min-height:135px; text-align:center; position:relative;} .wrapImgCenter a{ float:left; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;} .productsItemTitle{ float:left; width:100%; color:#4d5858; font-size:20px; font-weight:700; margin-bottom:0px;} .productsItemTitle a{ float:left; width:100%; color:#4d5858; font-size:15px; font-weight:400; text-transform:uppercase;} .productsItemDesc{ float:left; font-size:11px; text-transform:uppercase; width:100%; color:#8e8e8d; line-height:16px; margin-bottom:15px;} .productsItemPriceBox{ float:left; width:100%;} .productsItemPriceDiscountBox{ float:left; width:100%; margin-bottom:10px;} .productsItemPriceDiscount{ float:right; position:relative; padding:5px 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; background-color:#9a3232; color:#ffffff; font-size:14px; font-weight:700;} .productsItemPriceDiscount span{ font-weight:400;} .productsItemPriceDiscountTriangle{ position:absolute; bottom:-7px; right:20px; width: 0px;height: 0px;border-style: solid;border-width: 7px 8px 0 8px;border-color: #9a3232 transparent transparent transparent;line-height: 0px;_border-color: #914a39 #000000 #000000 #000000;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');} .productsItemPriceUnitBox{ float:left; width:100%;} .productsItemPriceUnit{ float:right; text-align:right; clear:right; width:50%;} .productsItemPriceUnitValue{ float:left; width:100%; color:#5f9898; font-size:12px; text-decoration:line-through; line-height:12px; margin-top:10px;} .productsItemPriceUnitLabel{ float:left; width:100%;font-size:14px; color:#6a6a6a;text-align:right; line-height:normal;} .productsItemPrice{ float:left; width:100%;} .productsItemPriceValue{ float:left; width:100%; text-align:right; color:#4d5858; font-size:39px; font-weight:700; line-height:40px; letter-spacing:-2px;} .productsItemPriceValue span{font-size:23px; line-height:29px; font-weight:400; vertical-align:top; display:inline-block;letter-spacing:-1px; margin-left:5px;} .productsItemPriceLabel{ float:left; font-size:14px; width:100%; color:#6a6a6a; text-align:right; margin-top: -7px;} .productsItemPriceInfo{ float:left; width:100%; color:#688230; text-align:right;font-size:14px; line-height:12px;} .titleCategory{ float:left; font-size: 40px; font-weight: 700;color: #355585; clear:left;} .titleCategory h1{ float:left;} .titleCategory h2{ float:left;color:#CBCBCB;font-size:24px;font-weight:700;line-height:24px; margin:22px 0 0 10px;} .descCategory{ float:left; color:#8b8680; margin-bottom:20px; clear:left;} .slider{ float:left; width:100%;} .refTitle{ float:left; width:100%;} /* Plugins ================================================== */ /* ======================================================= */ /* gallery */ /* ======================================================= */ .rg-image-wrapper{position:relative;min-height:20px;padding:0px; min-height: 148px; background-color:#ffffff; z-index: 10;} .rg-image{position:relative;text-align:center;line-height:0; width: 100%; height:350px; z-index:99; overflow: hidden; display: table!important;} .rg-image a{display: table-cell; vertical-align: middle; width: 100%; height: 100%;} .rg-image img{max-height:100%; max-width:100%;} .rg-image-nav a{ position:absolute;bottom:0;right:48px; background-color: rgba(26, 60, 51, 0.6); background-image: url(../design/bg_direction_nav.png); background-position: 0 0px; background-repeat: no-repeat; width:47px; height: 47px;text-indent:-9000px;cursor:pointer;opacity:1; filter:alpha(opacity=100);outline:none; z-index:100; } .rg-image-nav a.rg-image-nav-next{right:0;background-position: -47px 0px;} .rg-image-nav a:hover{opacity:1; filter:alpha(opacity=100);} .rg-caption{text-align:center;margin-top:15px;position:relative; display:none;} .rg-caption p{font-size:11px;letter-spacing:2px;line-height:16px;text-transform:uppercase;padding:0 15px;} .rg-loading{width:46px;height:46px;position:absolute;top:50%;left:50%;background:url("../design/loader.gif") no-repeat center center;z-index:100;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;opacity:0.7;margin:-23px 0 0 -23px;} .rg-gallery{} .lt-ie8 .rg-gallery{ margin-left:23px;} .rg-gallery .rg-thumbs { width:100%;} .rg-gallery .rg-thumbs ul { list-style:none; margin-left:0; width:100%; margin-bottom:10px; width:100%; float:left;} .rg-gallery .rg-thumbs ul li { list-style:none; width: 20%; margin:0; float:left; position:relative; padding:0%; background-color:#ffffff;} /*.rg-gallery .rg-thumbs ul li.selected { border: 1px solid #5F9898;}*/ .rg-gallery .rg-thumbs ul li a { width:100%; float:left; opacity:0.8; filter:alpha(opacity=80); } .rg-gallery .rg-thumbs ul li:hover a {opacity:0.9; filter:alpha(opacity=90); } .rg-gallery .rg-thumbs ul li.selected a {opacity:1; filter:alpha(opacity=100); } .es-nav{ display:none;} .rg-gallery .rg-thumbs ul li a img { float:left; max-height:100%; max-width:100%; border:none; width:100%; } @-moz-document url-prefix() { .rg-gallery .rg-thumbs ul li a img { width:100%;} } .rg-overlay { display:none; width:100%; height:100%; float:left; position:absolute; z-index:1000; top:0; left:0; /*background:url(../design/bg-black.png); */ } span.playButton{ background:url("../design/play.png") center no-repeat; width:100%; height:100%; z-index:10; position:absolute; top:0; left:0; float:left; cursor:pointer;} span.playButton:hover{ background:url("../design/play_hover.png") center no-repeat; width:100%; height:100%; z-index:10; position:absolute; top:0; left:0; float:left; cursor:pointer;} .at300bs { background:none!important; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* flexslider */ /* * jQuery FlexSlider v1.8 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* Browser Resets */ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none;} .slides,.flex-control-nav,.flex-direction-nav{list-style:none;margin:0;padding:0;} .flexslider{background:#fff;position:relative;zoom:1;margin:0;padding:0; overflow: hidden;} .flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;position:relative;} .flexslider .slides img{max-width:100%;display:block;} .flex-pauseplay span{text-transform:capitalize;} .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} * html .slides{height:1%;} .flexslider .slides{zoom:1; background:#FFF;} .flex-container{zoom:1;position:relative;} .flex-caption{-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom:1;width:96%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px;margin:0;padding:2%;} .flex-direction-nav{height:0;} .flex-direction-nav li{float: left;} .flex-direction-nav li a{ width:47px;height:47px;display:block; background-color: rgba(26,60,51,0.6); background-image: url(../design/bg_direction_nav.png);background-position: 0 0px; background-repeat: no-repeat;position:absolute;bottom:0;cursor:pointer;text-indent:-999em;margin:-3px 0 0;} .flex-direction-nav li a:hover{background-color: rgba(26,60,51,1);} .flex-direction-nav li .flex-next{background-position:-47px 0px;right:0px;} .flex-direction-nav li .flex-prev{right:48px;} .flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default;} .flex-control-nav{width: auto;position: absolute;top: 9px;text-align: right;right: 5px;} .flex-control-nav li{zoom:1;display:inline;margin:0 0 0 5px; float:left; } .flex-control-nav li:first-child{margin:0;} .flex-control-nav li a{width:5px;height:5px;background-color: #fff;display:block;cursor:pointer;text-indent:99999em;text-align:center; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out;} .flex-control-nav li a:hover{background-color: #1a3c33;} .flex-control-nav li a.flex-active{background-color: #1a3c33;cursor:default;} .borderslide{ min-height:160px !important;} html[xmlns] .slides,.no-js .slides > li:first-child{display:block;} #superWrap{ position:fixed; top:0; left:0; right:0; bottom:0; overflow:auto; background-image:url("../design/bgSuperWrap.png"); background-position:top left; background-repeat:repeat; z-index:999; overflow:hidden; } .bar{ float:left; width:100%; background:#dae3c8; border-bottom:1px solid #bdc9a6;} .infoBar{ float:left; width:99%; padding:10px 5px; color:#6a6a6a; font-size:25px; line-height:25px; font-weight:700;} .infoBar span{ color:#688230;} .sucessIconG{ background-image:url("../design/sprite.png"); background-position:-302px -180px; background-repeat:no-repeat; width:25px; height:25px; float:left; margin-right:20px;} .closeSuperWrap{ float:right; width:25px; height:25px; } .closeSuperWrapIcon{ background-image:url("../design/sprite.png"); background-position:-344px -181px; background-repeat:no-repeat;} .closeSuperWrap a{ float:left; width:100%; height:100%;} .totalImgWrap{ float:right; color:#4d5858; font-size:24px; font-weight: 600;} .poptitle{ display:block; margin:50px auto 0; width:80%; } .wrapSlide{ display:block; margin:50px auto 0; width:80%;} /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flexslider2 .highlightsProductDes {border-bottom: 0px solid transparent;} .moldSlide{ float:left; width:100%; padding:28px 80px; border:#d7d6d2 solid 1px; background-color:#f2f2f2; margin:30px 0 50px;} .flexslider2 .slider{ float:left; width:100%;} .flexslider2 .flex-container a:active, .flexslider2 a:active, .flexslider2 .flex-container a:focus, .flexslider2 a:focus {outline: none;} .slides, .flexslider2 .flex-control-nav, .flexslider2 .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ *.flexslider2 {margin: 0; padding: 0;} .flexslider2 .slides > li {display: none; -webkit-backface-visibility: hidden; width:33%; max-width:200px;} .flexslider2 .slides img { width:100%;} .flexslider2 .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .flexslider2 .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .flexslider2 .slides {display: block;} * html .flexslider2 .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .flexslider2 .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider2 {margin: 0; position: relative;zoom: 1;} .flexslider2 .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flexslider2 .flex-viewport {max-height: 300px;} .flexslider2 .slides {zoom: 1;} .flexslider2 .carousel li {margin-right: 5px} /* Direction Nav */ .flexslider2 .flex-direction-nav {*height: 0;} .flexslider2 .flex-direction-nav a {width: 47px; height: 47px; margin: -23px 0 0; display: block; background-color: rgba(26, 60, 51, 0.6); background-image: url(../design/bg_direction_nav.png);background-position: 0 0px; background-repeat: no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease;} .flexslider2 .flex-direction-nav .flex-next {background-position: -47px 0px; right: -70px; } .flexslider2 .flex-direction-nav .flex-prev {left: -70px;} .flexslider2 .flexslider2:hover .flex-next {opacity: 0.8;} .flexslider2 .flexslider2:hover .flex-prev {opacity: 0.8;} .flexslider2 .flexslider2:hover .flex-next:hover, .flexslider2:hover .flex-prev:hover {opacity: 1;} .flexslider2 .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flexslider2 .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flexslider2 .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flexslider2 .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flexslider2 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flexslider2 .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flexslider2 .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flexslider2 .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flexslider2 .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flexslider2 .flex-control-thumbs img:hover {opacity: 1;} .flexslider2 .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flexslider2 .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flexslider2 .flex-direction-nav .flex-next {opacity: 1; right: 0;} .moldSlide { padding: 28px 10px; } } div#signatureContainer { padding: 15px 0 15px 15px; position: fixed; bottom: -5px; right: 0; z-index: 9999999; width: 40px; } div#signatureContainer a { float: right; width: 36px; height: 31px; background: url("../design/nqSignature2.png") top left no-repeat; } /****************************************************************************** ****************************************************************************** ****************************************************************************** *********************************** watermark ******************************** ******************************************************************************/ .watermark_container{ width:100%; font-size:10px; } .watermark{ font-family: 'Abel', sans-serif; float: left; background-color: none; z-index:7; top:0px !important; left: 7px !important; height:34px !important; font-size: 14px; font-weight: 400; line-height:34px!important; color: #adadad; width: 92%!important; } .codeBot .codeInputWrap .watermark_container .watermark { color:#bdb8b2 !important; top:1px !important; font-size:16px!important;} /**************************************************************************************************** NOTIFICATIONS NOTIFICATIONS NOTIFICATIONS NOTIFICATIONS NOTIFICATIONS NOTIFICATIONS NOTIFICATIONS *****************************************************************************************************/ .ui-pnotify{right:18px;position:absolute;z-index:9999999} html >body .ui-pnotify{position:fixed} .ui-pnotify .ui-pnotify-shadow{position:absolute;top:.1em;left:.1em;bottom:-.1em;right:-.1em;z-index:-1;margin:0} .ui-widget-shadow{background:red;opacity:0.3;filter:alpha(opacity=30);margin:-3px 0 0 -3px} .ui-pnotify-container{background:url(../design/jNotice/pngBackground.png);opacity:1;filter:alpha(opacity=100);float:left;width:300px;border:#202020 solid 1px;color:#FFF;padding:3px} .ui-pnotify-container p{color:#FFF;text-align:left;font-size:16px} .ui-pnotify-closer{float:right;margin-left:5px;width:10px;margin-top:.4em} .ui-pnotify-closer span{float:right;width:10px;height:10px} .ui-icon-circle-close{background:url(../design/jNotice/close.png) 0 0 no-repeat} .ui-pnotify-title{display:block;font-weight:700} .ui-pnotify-text{display:block;float:left;width:285px} .ui-pnotify-icon,.ui-pnotify-icon span{display:block;float:left;margin-right:.2em} div.messageNotice{color:#E4E4E4;width:255px;height:auto;min-height:20px;float:left;opacity:1;filter:alpha(opacity=100);font-size:1.4em!important;padding:4px 4px 4px 23px} div.successNotice{background:url(../design/jNotice/icon-success.png) no-repeat 0 5px} div.errorNotice{background:url(../design/jNotice/icon-error.png) no-repeat 0 2px} div.alertNotice{background:url(../design/jNotice/icon-alert.png) no-repeat 0 5px} div.infoNotice{background:url(../design/jNotice/icon-info.png) no-repeat 0 5px} /**************************************************************************************************** END NOTIFICATIONS END NOTIFICATIONS END NOTIFICATIONS END NOTIFICATIONS END NOTIFICATIONS *****************************************************************************************************/ /**************************************************************************************************** TOOLTIPS TOOLTIPS TOOLTIPS TOOLTIPS TOOLTIPS TOOLTIPS TOOLTIPS TOOLTIPS TOOLTIPS TOOLTIPS TOOLTIPS *****************************************************************************************************/ .tipsy { padding: 5px; font-size: 1.2em; opacity: 0.5; filter: alpha(opacity=50); background-repeat: no-repeat; background-image: url("../design/tips/tipsy.gif"); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /******************************************************************************************************** END TOOLTIPS END TOOLTIPS END TOOLTIPS END TOOLTIPS END TOOLTIPS END TOOLTIPS END TOOLTIPS END TOOLTIPS ********************************************************************************************************/ #browser-detection{background:#FFFFE5;color:#333333;position:fixed;/*_position:absolute;*/font-size:13px;font-family:"Trebuchet MS", "Segoe UI", Arial, Tahoma, sans-serif;border-radius:5px;border:1px solid #D6D6C1;-moz-border-radius:5px;width:700px;z-index:1000001;padding:10px 15px; top:100px!important;} #browser-detection p{background:transparent;line-height:135%;width:auto;float:none;border:none;text-align:left;margin:0;padding:0;} #browser-detection p.bd-title{padding-top:0;font-size:25px;line-height:100%; color:#333;} #browser-detection p.bd-notice{padding-bottom:5px;padding-top:5px; color:#333;} #browser-detection span.bd-highlight{color:#B50E0E;} #browser-detection a#browser-detection-close{width:15px;height:15px;outline:none;position:absolute;right:10px;top:10px;text-indent:-500em;line-height:100%;background:url(../images/close.gif) no-repeat center center;} #browser-detection a#browser-detection-close:hover{background-color:#F5F5DC;} #browser-detection ul.bd-browsers-list,#browser-detection ul.bd-browsers-list li,#browser-detection ul.bd-skip-buttons,#browser-detection ul.bd-skip-buttons li{float:left;list-style:none;margin:0;padding:0;} #browser-detection ul.bd-browsers-list{clear:both;margin-top:3px;border-top:1px solid #F5F5DC;border-bottom:1px solid #F5F5DC;width:100%;padding:7px 0;} #browser-detection ul.bd-browsers-list li{text-align:left; float: none; display: inline-block;} #browser-detection ul.bd-browsers-list li a{width:60px;height:61px;display:block;color:#666666;text-decoration:none;padding:10px 10px 0 65px; background-position: center center; text-indent: -9999px; overflow: hidden;} #browser-detection ul.bd-browsers-list li.firefox a{background:url(/images/firefox.png) no-repeat left top;} #browser-detection ul.bd-browsers-list li.chrome a{background:url(/images/chrome.png) no-repeat left top;} #browser-detection ul.bd-browsers-list li.safari a{background:url(/images/safari.png) no-repeat left top;} #browser-detection ul.bd-browsers-list li.opera a{background:url(/images/opera.png) no-repeat left top;} #browser-detection ul.bd-browsers-list li.msie a{background:url(/images/msie.png) no-repeat left top;} #browser-detection ul.bd-skip-buttons{margin-top:10px;} #browser-detection ul.bd-skip-buttons li{display:inline;margin-right:10px;} #browser-detection ul.bd-skip-buttons li button{font-size:13px; padding:5px 10px;} #browser-detection div.bd-poweredby{font-size:9px;position:absolute;bottom:10px;right:10px;font-style:italic;} #browser-detection div.bd-poweredby,#browser-detection div.bd-poweredby a{color:#AAAAAA;} #browser-detection div.bd-poweredby a:hover{text-decoration:none;} #black_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:black;z-index:1000;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);} #browser-detection ul.bd-browsers-list li a:hover,#browser-detection div.bd-poweredby a{text-decoration:underline;} #toTop{ position: fixed; right: 30px; bottom: 30px; width: 47px; height: 47px; background-image: url(/design/totop.png); background-position: 0 0; background-repeat: no-repeat; z-index: 10; text-indent: -999px; overflow: hidden; } #toTop:hover{ background-position: 0 -47px; } .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:auto;visibility:hidden;padding:0;} .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0;} .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002;} .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0;} .fancybox-opened{z-index:1003;} .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);} .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0; /*background:black url("../design/BG.jpg") top left repeat*/} .fancybox-error{color:#444;font:14px/20px 'Amatic SC', cursive;margin:0;padding:10px;} .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0;} .fancybox-image{max-width:100%;max-height:100%;} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url("../design/ajax-loader.gif") center center no-repeat;opacity:0.9;cursor:pointer;z-index:1010;} .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url("../design/fancybox_sprite.png");} .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004;} .fancybox-prev,.fancybox-next{position:absolute;top:0;width:40%;height:100%;cursor:pointer;background:transparent url("../design/blank.gif");z-index:1003;} .fancybox-prev{left:0;} .fancybox-next{right:0;} .fancybox-prev span,.fancybox-next span{position:absolute;top:50%;left:-9999px;width:36px;height:36px;margin-top:-18px;cursor:pointer;z-index:1003;} .fancybox-prev span{background-position:0 -36px;} .fancybox-next span{background-position:0 -72px;} .fancybox-prev:hover span{left:20px;} .fancybox-next:hover span{left:auto;right:20px;} #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:1001;background:#000;} .fancybox-title{visibility:hidden;font:normal 13px/20px 'Amatic SC', cursive;position:relative;text-shadow:none;z-index:1005;} .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:1003;text-align:center;} .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.7);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;padding:2px 20px;} .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;} .fancybox-title-inside-wrap{margin-top:10px;} .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px;} .fancybox-prev:hover,.fancybox-next:hover,.fancybox-opened .fancybox-title{visibility:visible;} .fancybox-inner h2 {margin-bottom: 8px;} .fancybox-inner .boxInput{ width:94%; margin-bottom:15px;} .fancybox-inner .boxInputBot{ width:200px;} .fancybox-inner .boxContInfo{float:left; width:280px; padding:20px; padding-bottom:54px; background:url(../design/backgrounds/yellow-noise.jpg);} .fancybox-inner .boxContWave{ background:url(../design/backgrounds/lineHeader.png) center center; float:left; width:100%; height:54px; margin-top:-49px;} #fancybox-buttons{position:fixed;left:0;width:100%;z-index:999999} #fancybox-buttons.top{top:10px} #fancybox-buttons.bottom{bottom:10px} #fancybox-buttons ul{display:block;width:170px;height:30px;list-style:none;-webkit-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);background:#111;border-radius:3px;margin:0 auto;padding:0} #fancybox-buttons ul li{float:left;margin:0;padding:0; list-style:none;} #fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-image:url("../design/fancybox_buttons.png");background-repeat:no-repeat;outline:none} #fancybox-buttons a.btnPrev{width:32px;background-position:6px 0} #fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e} #fancybox-buttons a.btnPlay{background-position:0 -30px} #fancybox-buttons a.btnPlayOn{background-position:-30px -30px} #fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px} #fancybox-buttons a.btnToggleOn{background-position:-27px -60px} #fancybox-buttons a.btnClose{border-left:1px solid #111;width:38px;background-position:-57px 0} #fancybox-buttons a.btnDisabled{opacity:0.5;cursor:default} .centered { max-width:1290px; margin:0 auto; padding: 0 10px; } .centered .wrapperFooter {width: 660px; margin:0 auto; } /*.ie8 .wrapper100{ width:59%;} .ie8 .wrapper{ width:100%;} .ie8 .wrapper70{ width:45%;}*/ /******************************************************************************************************** Uniform Uniform Uniform Uniform Uniform Uniform Uniform Uniform Uniform Uniform Uniform Uniform Uniform Uniform ********************************************************************************************************/ /* Uniform Theme: Uniform Default Version: 1.6 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://pixelmatrixdesign.com/uniform/ --- Generated by Uniform Theme Generator: http://pixelmatrixdesign.com/uniform/themer.html */ /* Global Declaration */ div.checker span, div.radio span, div.uploader, div.uploader span.action{background-image:url(../design/sprite.png);background-repeat:no-repeat;-webkit-font-smoothing:antialiased;} .radio,.checker,.uploader,.radio *,.checker *,.uploader *{margin:0;padding:0;} /* SPRITES */ /* Checkbox */ div.checker span{background-position:-302px -6px;height:26px;width:26px;} div.checker:active span,div.checker.active span{background-position:-335px -6px;} div.checker.focus span,div.checker:hover span{background-position:-367px -6px;} div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span{background-position:-302px -6px;} div.checker span.checked{background-position:-335px -6px} div.checker:active span.checked,div.checker.active span.checked{background-position:-335px -6px} div.checker.focus span.checked,div.checker:hover span.checked{background-position:-335px -6px} div.checker.focus:active span.checked,div.checker:hover:active span.checked,div.checker.active:hover span.checked,div.checker.active.focus span.checked{background-position:-335px -6px;} div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span{background-position:-302px -6px} div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked{background-position:-302px -6px} div.checker,div.checker input{width:26px;height:26px; float:left; display:block;} /* Radio */ div.radio span{height:26px;width:26px;background-position:-303px -66px;} div.radio:active span,div.radio.active span{background-position:-336px -66px;} div.radio.focus span,div.radio:hover span{background-position:-368px -66px;} div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span{background-position:-336px -66px;} div.radio span.checked{background-position:-336px -66px;} div.radio:active span.checked,div.radio.active span.checked{background-position:-336px -66px;} div.radio.focus span.checked,div.radio:hover span.checked{background-position:-336px -66px;} div.radio.focus:active span.checked,div.radio:hover:active span.checked,div.radio.focus.active span.checked,div.radio.active:hover span.checked{background-position:-336px -66px;} div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span{background-position:-336px -66px;} div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked{background-position:-336px -66px;} div.radio,div.radio input{width:26px;height:26px;} /* Uploader */ div.uploader{background-position:0 -297px;height:28px;} div.uploader span.action{background-position:right -409px;height:24px;line-height:24px;} div.uploader span.filename{height:24px;line-height:24px;margin:2px 0 2px 2px;} div.uploader.focus,div.uploader.hover,div.uploader:hover{background-position:0 -353px;} div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action{background-position:right -437px;} div.uploader.active span.action,div.uploader:active span.action{background-position:right -465px;} div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action{background-position:right -493px;} div.uploader.disabled{background-position:0 -325px;} div.uploader.disabled span.action{background-position:right -381px;} /* PRESENTATION */ /* Checker */ div.checker { margin-right: 5px;} /* Radio */ div.radio{margin-right:5px;} /* Uploader */ div.uploader{width:190px;cursor:pointer;} div.uploader span.action{width:85px;text-align:center;text-shadow:#fff 0 1px 0;background-color:#fff;font-size:11px;font-weight:bold;} div.uploader span.filename{color:#777;width:82px;border-right:solid 1px #bbb;font-size:11px;} div.uploader input{width:190px;} div.uploader.disabled span.action{color:#aaa;} div.uploader.disabled span.filename{color:#aaa;border-color:#ddd;} /* CORE FUNCTIONALITY Not advised to edit stuff below this line ----------------------------------------------------- */ .checker,.radio,.uploader{vertical-align:middle;zoom:1;display:inline;} /* Checker */ div.checker{position:relative;} div.checker span{display:inline-block;text-align:center;} div.checker input{opacity:0;filter:alpha(opacity:0);display:inline-block;background:none;} /* Radio */ div.radio{position:relative; float:left;} div.radio span{display:inline-block;text-align:center;} div.radio input{opacity:0;filter:alpha(opacity:0);text-align:center;display:inline-block;background:none;} /* Uploader */ div.uploader{position:relative;overflow:hidden;cursor:default;} div.uploader span.action{float:left;display:inline;overflow:hidden;cursor:pointer;padding:2px 0;} div.uploader span.filename{float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;padding:0 10px;} div.uploader input{opacity:0;filter:alpha(opacity:0);position:absolute;top:0;right:0;bottom:0;float:right;height:25px;border:none;cursor:default;} .filterElement{ float:left; width:100%; margin-bottom:15px;} .filterElementTitle{ float:left; width:100%; color:#979797; margin-bottom:10px;} .filterElementTitle i{ font-style:normal; color:#355585;} .filterElementValue{ float:left; width:100%;} .filterElementRadioCheckbox{ float:left; margin-right:15px; color:#3f3f38;margin-bottom: 10px;} /******************************************************************************************************** select2 select2 select2 select2 select2 select2 select2 select2 select2 select2 select2 select2 select2 ********************************************************************************************************/ /* Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012 */ .select2-container { min-width:100%; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: top; -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); } .select2-container, .select2-drop, .select2-search, .select2-search input{ /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -moz-box-sizing: border-box; /* firefox */ -ms-box-sizing: border-box; /* ie */ -webkit-box-sizing: border-box; /* webkit */ -khtml-box-sizing: border-box; /* konqueror */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY1ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 1%, #f6f5f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f6f5f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#f6f5f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#f6f5f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#f6f5f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#f6f5f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f5f3',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #dfdeda; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 40px; line-height: 40px; padding: 0 0 0 8px; color: #444; text-decoration: none; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; -webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%); background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%); } .select2-container .select2-choice span { margin-right: 30px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color:#979797; font-size:16px; } .select2-container .select2-choice abbr { display: block; position: absolute; right: 35px; top: 13px; width: 12px; height: 12px; font-size: 1px; background: url('../design/select2.png') right top no-repeat; cursor: pointer; text-decoration: none; border:0; outline: 0; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop { background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; position: absolute; top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); z-index: 9999; width:100%; margin-top:-1px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .select2-drop.select2-drop-above { -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; margin-top:1px; border-top: 1px solid #aaa; border-bottom: 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .select2-container .select2-choice div { /*-webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); border-left: 1px solid #aaa;*/ position: absolute; right: 0; top: 0; display: block; height: 100%; width: 30px; } .select2-container .select2-choice div b { background:url("../design/indicator_hover_gray.png") center center no-repeat; display: block; width: 100%; height: 100%; /*border-left:1px solid #5d6969;*/ } .select2-search { display: inline-block; white-space: nowrap; z-index: 10000; min-height: 26px; width: 100%; margin: 0; padding-left: 4px; padding-right: 4px; } .select2-search-hidden { display: block; position: absolute; left: -10000px; } .select2-search input { background: #fff url('../design/select2.png') no-repeat 100% -22px; background: url('../design/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('../design/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../design/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../design/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('../design/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('../design/select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; width:100%; margin:0; height:auto !important; min-height: 26px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size:16px; } .select2-drop.select2-drop-above .select2-search input { margin-top:4px; } .select2-search input.select2-active { background: #fff url('../design/spinner.gif') no-repeat 100%; background: url('../design/spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('../design/spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../design/spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../design/spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('../design/spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('../design/spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .select2-container-active .select2-choice, .select2-container-active .select2-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); -o-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; outline: none; } .select2-dropdown-open .select2-choice { border: 1px solid #aaa; border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow : 0 1px 0 #fff inset; -o-box-shadow : 0 1px 0 #fff inset; box-shadow : 0 1px 0 #fff inset; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%); background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%); -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0; } .select2-dropdown-open .select2-choice div { background: transparent; border-left: none; } .select2-dropdown-open .select2-choice div b { background-position: center center; } /* results */ .select2-results { margin: 4px 4px 4px 0; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 200px; } .select2-results ul.select2-result-sub { margin: 0 0 0 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px } .select2-results li { list-style: none; display: list-item; position:relative; font-size:16px; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; } .select2-results .select2-highlighted { background: #f8f6e6; /* color: #fff;*/ } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } /* disabled look for already selected choices in the results dropdown .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } */ .select2-results .select2-disabled { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('../design/spinner.gif') no-repeat 100%; } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice div { background-color: #f4f4f4; background-image: none; border-left: 0; } /* multiselect */ .select2-container-multi .select2-choices { background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); -o-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; outline: none; } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { white-space: nowrap; margin: 0; padding: 0; } .select2-container-multi .select2-choices .select2-search-field input { color: #666; background: transparent !important; font-family: sans-serif; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0; outline: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow : none; -o-box-shadow : none; box-shadow : none; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('../design/spinner.gif') no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { -webkit-border-radius: 3px; -moz-border-radius : 3px; border-radius : 3px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); color: #333; border: 1px solid #aaaaaa; line-height: 13px; padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; cursor: default; } .select2-container-multi .select2-choices .select2-search-choice span { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 13px; font-size: 1px; background: url('../design/select2.png') right top no-repeat; outline: none; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices{ background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background-image: none; background-color: #f4f4f4; border: 1px solid #ddd; padding: 3px 5px 3px 5px; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; } .select2-result-unselectable .select2-match { text-decoration: none; } .select2-offscreen { position: absolute; left: -10000px; } /*! jQuery UI - v1.9.2 - 2012-11-29 * http://jqueryui.com * Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */ .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* Fades and background-images don't work well together in IE6, drop the image */ * html .ui-tooltip {background-image: none;} body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size: 1em; } .ui-widget-content { border: 1px solid #dad9d6; background: #fbfaf8; color: #333333; -webkit-box-shadow: inset 0px 0px 8px 1px rgba(218, 217, 214, 1); box-shadow: inset 0px 0px 8px 1px rgba(218, 217, 214, 1); } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #e6e4e1; color: #ffffff; font-weight: bold; -webkit-box-shadow: inset 0px 0px 8px 1px rgba(221, 219, 216, 1); box-shadow: inset 0px 0px 8px 1px rgba(221, 219, 216, 1); } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dfdeda; font-weight: bold; color: #1c94c4; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY1ZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #ffffff 0%, #f6f5f3 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f5f3)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#f6f5f3 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#f6f5f3 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffffff 0%,#f6f5f3 100%); /* IE10+ */background: linear-gradient(to bottom, #ffffff 0%,#f6f5f3 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f5f3',GradientType=0 ); /* IE6-8 */-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); } .ui-slider-handle i{ background:url("../design/bdslide.png") center center no-repeat; float:left; width:100%; height:100%;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #dfdeda; font-weight: bold; color: #c77405; -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #c77405; text-decoration: none; -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dfdeda; font-weight: bold; color: #eb8f00; -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666; opacity: .5;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000; opacity: .2;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #barTop{ float:left; width:100%; height:40px; background-image:url("../design/bg_barTop.jpg"); background-repeat:repeat-x; background-position:left top; -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.11);-moz-box-shadow:0px 2px 0px rgba(0, 0, 0, 0.11);box-shadow:0px 2px 0px rgba(0, 0, 0, 0.11); z-index:999;} #loginBox{ float:left;} .loginBoxLabel{ float:left; padding:9px 0;} .loginBoxLabel i{ display:block; float:left; width:16px; height:16px; margin-top:1px; margin-right:5px; background-image:url("../design/sprite.png"); background-position:-346px -250px; background-repeat:no-repeat;} .loginBoxLabel span{ float:left; font-size:16px; color:#8d9595;} #sessionSelect{ float:left; margin-left:5px; width:300px; border-left:1px solid #454b4b; border-right:1px solid #5d6969;} #sessionSelect .select2-container .select2-choice{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; background: #5e6a6a;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNmE2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDU4NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #5e6a6a 0%, #4d5858 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e6a6a), color-stop(100%,#4d5858));background: -webkit-linear-gradient(top, #5e6a6a 0%,#4d5858 100%);background: -o-linear-gradient(top, #5e6a6a 0%,#4d5858 100%);background: -ms-linear-gradient(top, #5e6a6a 0%,#4d5858 100%);background: linear-gradient(to bottom, #5e6a6a 0%,#4d5858 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e6a6a', endColorstr='#4d5858',GradientType=0 ); border:none; border-left:1px solid #5d6969; border-right:1px solid #454b4b;} #sessionSelect .select2-container-active .select2-choice, #sessionSelect .select2-container-active .select2-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); -o-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: none; outline: none; } #sessionSelect .select2-container .select2-choice div b { background-image:url("../design/indicator_hover_white.png");} .select2-drop {padding-top: 13px;} #sessionSelect .select2-container a.select2-choice span{ font-size:16px;} #sessionSelect .select2-container a.select2-choice span b{ margin-right:5px; color:#FFF; font-weight:400;} .select2-results .select2-result-label b{ margin-right:5px;} #butLogin{ float:right; margin-top: 7px;} #butLogin a{ float:left; width:100%; text-align:center; color:#fff; font-size:19px;} #butLogin a i{ float:left; width:20px; height:20px; margin-right:5px; background-image:url("../design/sprite.png"); background-position:-346px -308px; background-repeat:no-repeat;} #butLogin a span{ float:left; width:160px; text-align:center;} #strip{ float:left;width:65px; height:70px; margin-top:-10px;} #strip a{ float:left; width:100%; height:100%; padding:0; background-image:url("../design/stripShop.png"); background-position: top center; background-repeat:no-repeat; -webkit-transition: all 0 ;-moz-transition: all 0 ;-ms-transition: all 0 ;-o-transition: all 0 ;transition: all 0 ;} #strip a:hover{background-image:url("../design/stripShop_hover.png");} #sessionSelect .select2-container-active .select2-choice, #sessionSelect .select2-container-active .select2-choices {border: none;border-left:1px solid #5d6969; border-right:1px solid #454b4b;} #barTop .select2-container .select2-choice div b {border-left: 1px solid #5D6969;} #sessionSelect .select2-container .select2-choice span {border-right: 1px solid #454b4b;} /* Media queries ================================================== */ @media only screen and (max-width: 1300px) { .rg-gallery .rg-thumbs ul li {width: 22.8%;} } @media only screen and (max-width: 1200px) { .rg-gallery .rg-thumbs ul li {width: 30.85%;} } /* desktop and mobile and tablets */ @media only screen and (max-width: 1100px) { .button a{padding: 10px 0 10px 5px;font-size:17px;} .legendContact{ font-size:9px;} .contactHeader{font-size:16px;} #leftSide {width: 250px;min-height: 100%;} .headerSearchInput input {width: 95%;} .wrapperFooter { margin-left:8%;} .asFixed773{ width:650px;} #rightSide { margin-left: 280px; margin-right: 0px; } /*.highlightsProduct {min-width: 138px;max-width: 179px;} .highlightsProductImg{ width:150px; min-height:116px; }*/ .wrapper {width: 95%;} .amountInput input {width: 23px;} .rg-gallery .rg-thumbs ul li {width: 30.6%;} } @media only screen and (max-width: 1050px) { .wrapper {width: 99.5%;} .rg-gallery .rg-thumbs ul li {width: 30.3%;} } @media only screen and (max-width: 960px) { .highlightsProduct {width: 33.3333%;} #boxRight{ display:none;} .wrapper {width: 99.5%;} .wrapper100 {width: 100%;} #rightSide {margin-left: 297px;} #leftSideHeader { width:200px;} #logo{margin:25px auto 0;} #rightSideHeader { margin-left:150px;} .button a{font-size:15px;} .marginSearch{margin-top:30px;} .asFixed773 .box{ margin-right: 5px; } .ie8 .wrapper100{ width:100%;} #logo a { text-align:center;} #mainmenu {margin-left: 20px;} ul#nav li a {margin: 0;} ul#nav li a:hover, ul#nav li a.active {margin: 0;} .wrap-footer-1, .wrap-footer-2 { max-width: 390px; } } /* mobile and tablets */ @media only screen and (max-width: 785px) { .rg-image {height: 250px;} .wrap-footer-2{max-width: 390px;} body {padding-top: 180px;} #logo {margin: 65px auto 0;} #footerMenuFixe{ display:block;} #menu_top_fixe{ display:block;} #menuSelect{ display:block;} #mainmenu{ display:none;} #Search {float: left;margin-top: 7px;width: 100%; margin-bottom: 10px;} .headerSearch {float: none;width: 375px; margin:0 auto;} .headerSearchInput {width: 334px;} .google_translate_box { position:fixed; top:10px; right:0px; margin-right: 11px; z-index: 99;} .highlightsProduct{float:left; width:33.3333%;} .highlightsProductImg, .wrapImgCenter{ width:100%; min-height:144px; } #barTop {margin-top: 52px;} .boxcontactHeader{ float:left;} #leftSideHeader { position:relative; top:0; width:94%; margin:0px 3%;} #rightSideHeader { margin:0px 3%; } .asFixed773 {width: 100%;} #leftSide{ display:none;} #rightSide { margin-left:20px;} .asFixed773 .box{ margin-right: 5px; } .marginSearch{margin-top:130px;} .button a {padding: 10px 0 10px 0px;} .wrapperFooter {margin-left: 0%;} #copy {padding-bottom: 50px;} /*.breadcrumbs{float:left;width:90%; margin:0 5%;font-size:1.4em;text-transform:uppercase;margin-top:20px;}*/ .centered .wrapperFooter {width: auto; float:left;} footer {height:auto;} .wrapper70{ width:99.5%;} #butLogin a span {width: 124px;font-size: 16px;} .loginBoxLabel span { display:none;} } @media only screen and (max-width: 600px) { #boxcontactHeadercont{ display: none;} .boxcontactHeader{ display:none;} #mainmenu{ display:none;} #Translate{ display:none;} .productDiv42 {width: 100%;} .productDiv49 {width: 100%;} .flexslider .slides img {max-width: 100%;display: inherit;text-align: center;margin: 0 auto;} #butLogin a span { display:none;} #sessionSelect {width: 236px;} .productDiv50 {width: 100%;} .rg-gallery .rg-thumbs ul li { width: 31.2%; } } /* mobile */ @media only screen and (max-width: 390px) { #rightSideHeader #topMenu{ display:none;} #leftSideHeader {top: 0px;} #Search .headerSearch {width:260px;} #Search .headerSearchInput {width: 220px;} #Search .headerSearchSelect {width: 90px;} #logo {margin: 60px auto 0;} .google_translate_box {position: absolute;top: 14px;right: -10px;width: 24px;overflow: hidden;} .highlightsProduct {min-width: none;max-width: none;width: 100%; margin-bottom:10px;} .highlightsProductImg {width: 30%;min-height:inherit;} .highlightsProductRef {width: 65%; margin-left:3%; text-align:left;} .highlightsProductDes {width: 65%; margin-left:3%; text-align:left;height:auto; padding: 3px 0 9px;} .highlightsProductFooter {width: 65%; margin-left:3%;} .highlightsProductDes2{width: 65%; margin-left:3%;} #copy {padding-bottom: 58px;} #menuSelect.wrapper, #resp_menu_footer select { width:240px; } .breadcrumbs{ font-size:0.9em;} #footerLogo{ width:88%; float:left;height:auto;} #footerLogo a{ float:none; display:block; position:relative; width:64px; height:64px; margin:0 auto; } footer .box{ background-image:none; padding: 5px 9px; width:40%;} .boxfooterHide{ display:none;} footer .certifiedTitle {width:100%} footer ul li { font-size:14px;} .rg-gallery .rg-thumbs ul li { width: 31%; } } .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#E9E9E9;} .modal-backdrop.fade{opacity:0.5!important;} .modal-backdrop,.modal-backdrop.fade.in{/*opacity:0.6;filter:alpha(opacity=60);*/} .modal{position:fixed;top:10%;left:50%;z-index:1050;width:400px;margin-left:-200px;background-color:#e9e9e9;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;outline:none;-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box; display:none;} .modal.fade{top:-800px;-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;} .modal.fade.in{top:10%; display:block;} .modal-header{padding:20px 30px; font-weight: 400; font-size: 24px; text-transform: uppercase;} .modal-header .close{} .modal-header h3{line-height:30px;margin:0;margin-top: 23px; } .modal-body{position:relative;max-height:400px;overflow-y:auto;padding:0 30px;} .modal-form{margin-bottom:0;} .modal-footer{margin-bottom:0;text-align:right;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;zoom:1;padding:15px 30px 20px;} .modal-footer:before,.modal-footer:after{display:table;line-height:0;content:"";} .modal-footer:after{clear:both;} .modal-footer .btn + .btn{margin-bottom:0;margin-left:5px;} .modal-footer .btn-group .btn + .btn{margin-left:-1px;} .modal-footer .btn-block + .btn-block{margin-left:0;} .fade{opacity:0;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;}.fade.in{opacity:1;} /* desktop big */ @media only screen and (max-width: 1200px) { } /* google */ .goog-te-banner-frame.skiptranslate {display: none !important;} body { top: 0px !important; } .wrap-price{ color: #777; font-size: 19px; float: left; width: 100%; margin-bottom: 30px; } .wrap-price span{ float: left; width: 100%; font-size: 13px; } .btn-small{ width: auto; float: left; margin-right: 5px;} /**************************************************************/ /**************************************************************/ /**************************************************************/ /**************************************************************/ form .divInput--checkbox { background: transparent !important; border: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } form .divInput--checkbox:hover { background: transparent !important; border: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } form .divInput--checkbox.error { background-color: transparent!important; border: 0; } .checkbox { margin: 0; padding: 0; } .checkbox input[type="checkbox"] { float: left; width: auto; display: none; } .error .checkbox input[type="checkbox"] + label span { border: 1px solid #F7C7C9; background-color: #F9E5E6; } .checkbox input[type="checkbox"]:checked + label span:before { background: #343e3e; } .checkbox label { font-size: 14px; font-family: 'Abel', sans-serif; font-weight: 400; line-height: 1.2; margin: 0; padding: 0; display: table; text-transform: none; color: #343e3e; float: left; width: auto; } .checkbox label a { text-decoration: underline; } .checkbox span { position: relative; width: 18px; height: 18px; border: 1px solid #d5d3d3; background-color: #fff; cursor: pointer; float: left; margin-right: 10px; } .checkbox span:before { content: ""; width: 10px; height: 10px; background: transparent; left: 3px; top: 3px; position: absolute; }