/****************************************************************** RESET CSS - Normalize ******************************************************************/ body, img, input, p, h1, h2, h3, fieldset, textarea { margin: 0; padding: 0; border: 0; resize: none; } a { text-decoration: none; } input[type=submit] { cursor: pointer; } *:focus { outline: none;} ::selection { color: #fafafa; background: #000; /* Safari */ } ::-moz-selection{ color: #fafafa; background: #000; /* Firefox */ } .relative { position: relative; } a:active{outline: none;} a:focus{-moz-outline-style: none;outline-style: none;outline: none;} /****************************************************************** Geral Html ******************************************************************/ html, body { height: 100%; } body { overflow-x: hidden; font-family:'Open Sans'; font-size:14px; padding-top:108px; } body .wrapper { width:1024px; margin: auto; position: relative; text-align:left; display:block; height:100%; z-index:1; } a {text-decoration:none !important;} input[type=file] {display: block;width: 100%;} .noPadding{padding:0px!important;} .transition{-moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} #loadLiveIcecat{max-width:100%;} .line-through{text-decoration:line-through;} .loginLink{text-align:left; color:black; font-size:14px;} .loginLink:hover{color:#2baadf; text-decoration:underline!important;} .no-margin{margin:0!important;} .no-padding{padding:0!important;} .g-recaptcha {transform:scale(0.77);transform-origin:0 0;} /* Flexslider */ .flexslider { margin: 0; box-shadow: none; padding: 0; border: 0; border-radius: 0; background: none; } .flexslider .flex-direction-nav a:before { content: none; } .flex-control-nav { bottom: 6px; z-index:99; } .flex-control-paging li a { width: 14px; height: 14px; background: #FFFFFF; } .flex-control-paging li a.flex-active { background: #2baadf; } .flex-direction-nav a { bottom: 50px; top:auto; opacity: 1; } .flex-direction-nav .flex-prev { display:none;} .flex-direction-nav .flex-next {display:none;} /* Select2 */ body .select2-container .select2-choice { height: 34px; line-height: 34px; } body .select2-container.form-control { padding: 0; border: 0; } /* Share This */ body .stButton .stBubble_count { height: 41px; } body .stButton .st-yahoo-counter, body .stButton .st-linkedin-counter, body .stButton .stFb, body .stButton .stTwbutton, body .stButton .stMainServices { height: 24px; } /* Status */ .status.error { color:red; } .status.success { color:green; } /* Error inpus */ body input.error, body textarea.error { border-color: #B94A48; color: #A60D10; } body input.error:focus, body textarea.error:focus { border-color: #B94A48; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 0 2px rgba(185, 74, 72, 0.3); } /* body .zcmscontent-area */ body .zcmscontent-area h1, body .zcmscontent-area h2, body .zcmscontent-area h3, body .zcmscontent-area h4 { margin-bottom:8px; } body .zcmscontent-area figcaption { margin-top:12px; } body .zcmscontent-area .zcmscontent-item{padding-left: 0;padding-right: 0;} body .zcmscontent-area .zcmscontent-item h1{color:#696969; font-size:20px; font-weight:700;} body .zcmscontent-area .zcmscontent-item h3{font-size:14px; font-weight:700; margin-bottom: 2px;} body .zcmscontent-area .zcmscontent-item p{padding-bottom:10px;} .zcmscontent-options .btn{ border-radius: 4px; } .zcmscontent-options .btn-warning {color: #ffffff;background-color: #f0ad4e;border-color: #eea236;} .zcmscontent-options .btn-warning:hover, .zcmscontent-options .btn-warning:focus, .zcmscontent-options .btn-warning:active {color: #ffffff;background-color: #ec971f;border-color: #d58512;} .zcmscontent-options .btn-success {color: #ffffff;background-color: #5cb85c;border-color: #4cae4c;} .zcmscontent-options .btn-success:hover, .zcmscontent-options .btn-success:focus, .zcmscontent-options .btn-success:active {color: #ffffff;background-color: #449d44;border-color: #398439;} .zcmscontent-options .btn-info {color: #ffffff;background-color: #5bc0de;border-color: #46b8da;} .zcmscontent-options .btn-info:hover, .zcmscontent-options .btn-info:focus, .zcmscontent-options .btn-info:active {color: #ffffff;background-color: #31b0d5;border-color: #269abc;} .zcmscontent-options .btn-danger {color: #ffffff;background-color: #d9534f;border-color: #d43f3a;} .zcmscontent-options .btn-danger:hover, .zcmscontent-options .btn-danger:focus, .zcmscontent-options .btn-danger:active{color: #ffffff;background-color: #c9302c;border-color: #ac2925;} /* Login Modal */ #LoginModal { } #LoginModal .status { margin-bottom: 10px; text-align: center; } #LoginModal .modal-title { text-align: center; } #LoginModal .modal-dialog { width: 450px; } #LoginModal .modal-dialog label { font-weight: normal; margin-bottom: 0; cursor: pointer; } #LoginModal .modal-footer { margin-top: 0; } /* Basket Modal */ #BasketModal { top: 30px; right: 30px; width: 450px; bottom: auto; left: auto; margin: 0; overflow: hidden; } #BasketModal .modal-dialog { width: auto; display: block; padding: 0; margin: 0; } #BasketModal .modal-content { background: #f4f4f4; border-left: 1px solid #d6d4d4; } #BasketModal .modal-footer { text-align: left; margin-top: 0; } #BasketModal .modal-footer a { height: 34px; line-height: 34px; padding: 0 25px; } /* Pagination */ .pagination { display: block; text-align: center; margin-bottom: 20px; border-radius: 0; height: 70px; line-height: 70px; } .pagination li { display: inline-block; float: none; } .pagination a { color: #999DA3 !important; background-color: none !important; border: none !important; float: none !important; } .pagination .active a { background: #2baadf !important; color: #FFF !important; } .pagination .disabled a { cursor: not-allowed; opacity: 0.5 !important; filter: alpha(opacity=50) !important; } /* Buttons */ .btnSmall { border: 0; margin: 0; height: 33px;line-height: 35px;display: inline-block;padding: 0px 10px; background: #999999; color: #FFF; border-radius: 0; font-family:'Open Sans'; font-weight: 400; } .btn { border: 0; margin: 0; height: 42px; line-height: 42px; display: inline-block; padding: 0 20px; background: #999999; color: #FFF; border-radius: 0; font-family:'Open Sans'; font-weight: 400; } .btnSmall:hover { background: #000; color: #FFF; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } .btn:hover { background: #000; color: #FFF; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } .btn-black { background: #000; font-weight: 700; padding: 0 35px; } .btn-black:hover { background: #999999; } .btn-green { background: #2baadf; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .btn-green:hover { background: #127FAD; } .btn-square { width: 42px; height: 42px; text-align: center; line-height: 42px; padding: 0; background: #7DC671; font-size: 18px; color: #FFF; border-radius: 0; } .btn-square:hover { background: #37C5F3; } .btn-full { padding-left: 0; padding-right: 0; text-align: center; display: block; } .btn-success { background: #000;} .btn-success:hover { background: #999999; } .btn-primary { background: #2baadf; } .btn-primary:hover { background: #127FAD; } /* Inputs */ input[type="text"], input[type="password"] { } textarea { } textarea.no-resize { resize: none; } .product { display: block; padding: 15px; margin-bottom: 15px; background-color: white; position: relative; border:2px solid #D4D4D4; } .product a { color:black; } .product:hover { box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); } .product.active { box-shadow: 0 0 5px 0 rgba(96, 184, 48, 0.75); background: #FFF !important; } .product .product-actions { display: inline-block; } .product .product-actions .addController{display: inline-block;} .product .product-actions .fa{} .product .section-price { position: absolute;bottom: 0;} .product .section-price .priceDetails {padding-bottom: 2px;font-size: 12px;} .product .bgblue {text-align: left; display: inline-block; vertical-align: middle; font-size: 25px; color: #394346; } .product .section-price .add { font-weight: bold;font-size: 23px;color: white; line-height: 23px;} .product .section-price .price { font-weight: 500;} .product .non-active { display: inline-block; } .product.active .non-active { display: none; } .product .non-active .top { display: block; height: 70px; line-height: 70px; text-align: center; } .product .non-active .top i { display: inline-block; width: 30px; height: 31px; background: url('/Content/app/images/sprites.png') -403px -56px; } .product .non-active .simulated-btn { background: #ECECEC; display: block; height: 85px; line-height: 85px; text-align: center; } .product .non-active .simulated-btn .fa { font-size: 22px; color: #CCCCCC; } .product.active .product-quick-add { display: inline-block; } .product .product-quick-add p { display: block; font-weight: 300; font-size: 14px; color: #394346; text-transform: uppercase; vertical-align: top; text-align: center; } .product .product-quick-add a.change-quantity {padding: 0 15px; display:inline-block; } .product .product-quick-add input[name="Quantity"] { padding: 10px 13px; border: 0; box-shadow: none; color: #d4d4d4; font-size: 12px;font-weight: bold; width: 65px; text-align: center; height: auto; display: inline-block; vertical-align: middle; border-left: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4; } .product .product-top img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;max-width: 165px; max-height: 135px; } .product .productDetails{height:150px; position:relative; padding-bottom:10px;} .product .productDetails .old{text-decoration:line-through;} .product .productRefWrapper{height:150px; position:relative; padding-bottom:10px;} .product .actions{position:absolute; bottom:0; right:0; font-size: 24px;} .product .actions a{color:#2baadf; padding-left:10px;} .product .description { text-transform: none; color: #333333; font-size: 15px; font-weight: 500; max-width:85%; line-height: 19px;} .product .ref { color: #18191A; font-size: 14px; font-weight: 400; margin-bottom: 30px; font-style :italic; } .product .product-top { display: block; width:167px; height:150px; border:1px solid #D4D4D4; position:relative;} .product .product-link { display: block; } .page-header { background:white; position: relative; border: 0; margin: 0; padding: 0; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ADAFB1;} .page-header .page-header-effect-background { position: absolute; bottom: 0; left: 0; right: 0; background: #333333; opacity: 0.8; filter: alpha(opacity=80); height: 120px; } .page-header .page-header-effect-line { position: absolute; bottom: 115px; left: 0; right: 0; background: #D5D9DB; height: 5px; width: 90px; display: block; margin: auto; } .page-header h1 { font-family:'Open Sans'; font-weight: 700; color: #FFF; padding-bottom: 20px; font-size: 32px; display: block; text-align: left; color:#58595A; } .page-header p { font-family:'Open Sans'; font-weight: 400; color: #FFF; font-size: 14px; display: block; text-align: center; position: absolute; left: 0; right: 0; bottom: 28px; text-transform: uppercase; margin: auto; } .page-header .storeTitle{} .page-header h1{display:inline-block;} .page-header .storeIcons{display:none; float:right;} .page-header .storeIcons .fa { font-size: 20px; width:30px; height:30px; text-align:center; vertical-align:middle; color: white; background: #2baadf; padding-top:5px; border-radius: 50%; display: inline-block; } .page-header .storeIcons .shop-counter { position: absolute; left: 22px; bottom: -14px; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; color: #FFF; background: black; border-radius: 50%; display: inline-block; } .page-header .storeIcons .fa:hover{opacity:1; background:#127FAD;} /*page-intro */ .page-intro { background: none; padding-bottom:15px;} .page-intro .page-intro-effect-line { width: 90px; height: 2px; display: block; background: #D5D9DB; margin-bottom: 20px; } .page-intro h2 { font-weight: 400; font-family:'Open Sans'; color: #58595A; font-size: 20px; text-transform: none; margin-bottom: 0; max-width: 85%;} .page-intro p { color: #58595A; } .modal-backdrop.in {display:none;} body .diffPos .zcmsdoor{top:-20px!important;} /****************************************************************** Specific General from old website ******************************************************************/ .not-found { text-align:center; display:block; font-style:italic; } .clear { clear:both; } .pull-right { float:right; } div.status.success { color:green; } div.status.error { color:red; } .text-center { text-align:center; } form .status.error { color:red; } form .status.success { color:green; } form .actions { margin:0px; } /****************************************************************** Back-menu ******************************************************************/ #Back-menu { width: 100%; margin:auto; height:100px; display:block; border-top: 1px #D6D6D6 solid; padding: 25px; font-size: 26px; position: relative; margin-top:100px; } #Back-menu a { color: #2baadf; } #Back-menu .prev { position:absolute; left:0; width: 27px;} #Back-menu .prev:hover { color: #a38cc0; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; } #Back-menu .back { position: absolute; left: 0; right: 0; width: 38px; margin: auto; text-align:center;} #Back-menu .back:hover { color: #a38cc0; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; } #Back-menu .next { position:absolute; right:0; width: 27px; } #Back-menu .next:hover { color: #a38cc0; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; } /****************************************************************** Header ******************************************************************/ #Header { position:relative; height:108px; position:fixed; z-index:99; width:100%; top:0; } #Header h4 { position:absolute; top:70px; left:56px; margin:0px; font-weight:normal; color:#636363; font-size:13px; } #Header .logo { font-size: 56px; line-height: 56px; font-family: 'Open Sans'; font-weight: 700; color: white; } #Header .navigation { display:block; padding:5px 0; background:#1C1D1F; } #Header .navigation .wrapper { text-align:right; } #Header .navigation .link { border-radius:8px; text-transform:uppercase; font-size:13px; margin:0px 2px; padding:4px 15px; color:#FFF; display:inline-block; vertical-align:middle; font-weight:bold; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease;} #Header .navigation .link.active, #Header .navigation .link.on, #Header .navigation .link:hover { background-color:#2baadf; border-radius:8px; } #Header .navigation .link.on:hover { color:#FFF; } #Header .logo-area { background:#2baadf; padding-top:15px; padding-bottom:15px; height:72px; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease;} #Header.shriked {height:auto;} #Header.shriked .logo-area { padding-top:0px; padding-bottom:0px; height:0px;} #Header .logo-area .logo { display:inline-block; width:240px; height:55px; position:absolute; bottom:0; left:0; top: -7px; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease;} #Header .logo-area .logo img { max-width:100%; height:100%;} #Header.shriked .logo-area .logo { margin-top:5px; height:25px; bottom:6px;} .client-area{font-size:14px; color:white; padding-top:13px;} .client-area a{color:white; } .client-area .storeIcons{padding-bottom:6px; padding-left:25px; margin-top:-20px; display:inline-block;} .client-area .storeIcons .accountLink{color:white; padding-right:20px;} .client-area .storeIcons .accountLink:hover{text-decoration:underline !important;} .client-area .storeIcons .cartSum{padding-right:15px; color:white;} .client-area .storeIcons .cartIcon{margin-right:10px;} .client-area .storeIcons .logCreateAccount{color:white; padding-left:10px; padding-right:20px;} .client-area .storeIcons .logCreateAccount:hover{text-decoration:underline !important;} .client-area .storeIcons .division{border-right: 1px solid white;margin-right: 20px;height: 28px;display: inline-block;vertical-align: bottom;} .client-area .storeIcons .cartSum a{color:white;padding-left:10px; display:inline-block;} .client-area .storeIcons .cartSum a:hover{text-decoration:underline !important;} .client-area .storeIcons .accountLink.my{padding-left:20px;} .client-area .storeIcons .fa { font-size: 20px; width:30px; height:30px; text-align:center; vertical-align:middle; color: #2baadf; background: white; padding-top:5px; border-radius: 50%; display: inline-block; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} .client-area .storeIcons .shop-counter { position: absolute; left: 22px; bottom: -14px; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; color: #FFF; background: black; border-radius: 50%; display: inline-block; } .client-area .storeIcons .fa:hover{opacity:1; color: white; background: #2baadf;} #Mobile{display:none; } .mobileWrapper { display:none; } /****************************************************************** Main ******************************************************************/ #Main { padding:10px 0px; } #Main .wrapper { z-index:10; } #Main .wrapper > .zcmsdoor { top:-9px; float:none; position:absolute; right:0px; } #Main .back-effect { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:#FFF; opacity:0.95; filter:alpha(opacity=95); z-index:-1; border-radius:15px; } #Main .page { padding:20px 0; min-height:25px; position:relative; } #Main .page > .zcmsdoor { float:none; position:absolute; top:20px; right:20px; } #Main .zcmsdoor { float:right; } #Main .no-results { color:#58595A; } /****************************************************************** BreadCrumb ******************************************************************/ #BreadCrumb { display:block; font-size: 13px; padding-top: 12px; } #BreadCrumb a { display:inline-block; color:#58595A; } #BreadCrumb a:hover { color:#2baadf; } #BreadCrumb a.on { color:#2baadf; } #BreadCrumb span.on { color:#2baadf; } #BreadCrumb a.on:hover { text-decoration:underline; } #BreadCrumb i { display:inline-block; vertical-align:middle; font-style:normal; color:#58595A; } /****************************************************************** FormPage ******************************************************************/ #FormPage { padding: 20px; background: #FFF; border: 1px solid #BABBBE; border-radius: 10px; margin-bottom:10px; } #FormPage > h2 { color:#7E7D7D; margin:0px; } #FormPage > form { display:block;} #FormPage > form label { color:#7E7D7D; margin-top:20px; margin-bottom:5px; display:block; } #FormPage > form div:not(.select2-drop) { display:block; margin-bottom:10px; } #FormPage > form select { margin:0px; } #FormPage > form input[type="text"] { background: linear-gradient(to bottom, #FEFEFE 0%, #F2F3F3 100%) repeat scroll 0 0 transparent; border: 1px solid #BABBBE; border-radius: 7px 7px 7px 7px; color: #7E7D7D; font-family: Arial; font-size: 1em; height: 20px; line-height: 20px; padding:2px 7px; width:222px; } #FormPage > form input[type="text"].small { width:100px; } #FormPage > form input[type="text"].large { width:350px; } #FormPage > form input[type="submit"] { color: #FFF; border-radius: 7px; padding:2px 5px; background: #a4a6a9; /* Old browsers */ background: -moz-linear-gradient(top, #a4a6a9 0%, #717376 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a6a9), color-stop(100%,#717376)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* IE10+ */ background: linear-gradient(to bottom, #a4a6a9 0%,#717376 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a6a9', endColorstr='#717376',GradientType=0 ); /* IE6-9 */ } #FormPage > form input[type="submit"]:hover { opacity:0.7; filter:alpha(opacity=70); } #FormPage > form .left { display:inline-block; width:49%; margin-right:1%; vertical-align:top; } #FormPage > form .right { display:inline-block; width:49%; vertical-align:top; } #FormPage > form .info { font-style:italic; color:#7E7D7D; } #FormPage > form .status { margin-left:10px; } /****************************************************************** FormationForm ******************************************************************/ #FormationForm { width:100%; vertical-align:top; background-color:#EEEEEE; padding:20px; margin-bottom: 20px;} #FormationForm > h2 { color:#7E7D7D; margin:0px; text-align:center; } #FormationForm > form { display:block;} #FormationForm > form label { color:#7E7D7D; margin-top:20px; font-weight:bold; margin-bottom:5px; display:block; } #FormationForm > form div:not(.select2-drop) { display:block; margin-bottom:10px; } #FormationForm > form select { margin:0px; } #FormationForm > form input[type="text"] { border:1px solid transparent; border-radius: 7px 7px 7px 7px; color: #7E7D7D; font-family:'Open Sans'; font-size: 1em; height: 20px; line-height: 20px; padding:2px 7px; width:100% !important; } #FormationForm > form .select2-container.error a { border:1px solid red; } #FormationForm > form input[type="text"].error { border:1px solid red; } #FormationForm > form input[type="file"].error { color:red; } #FormationForm > form input[type="text"].small { width:100px; } #FormationForm > form input[type="text"].large { width:95%; } #FormationForm > form input[type="submit"] { color: #FFF; border-radius: 7px; padding:4px 7px; background: #a4a6a9; /* Old browsers */ background: -moz-linear-gradient(top, #a4a6a9 0%, #717376 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a6a9), color-stop(100%,#717376)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* IE10+ */ background: linear-gradient(to bottom, #a4a6a9 0%,#717376 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a6a9', endColorstr='#717376',GradientType=0 ); /* IE6-9 */ } #FormationForm > form input[type="submit"]:hover { opacity:0.7; filter:alpha(opacity=70); } #FormationForm > form .info { font-style:italic; color:#7E7D7D; } #FormationForm > form .status { margin-left:10px; } /****************************************************************** Social ******************************************************************/ #Social { height:68px; position:relative; } #Social.store { border-top:1px solid #ADAFB1; } #Social .wrapper { padding-top:24px; border-top:0px solid #ADAFB1;} #Social.store .wrapper { padding-top:24px; border:0; } #Social .links { display:inline-block; vertical-align:middle; text-align: center; } #NewsletterForm { display:inline-block; margin-left:60px; position:relative; vertical-align:middle; } #NewsletterForm label { color:#636363; margin-right:5px;font-weight: normal; } #NewsletterForm input[type="text"] { font-family:'Open Sans'; margin-right:2px; border-radius:7px; color: #7E7D7D; padding:0px 7px; height:20px; line-height:20px; font-size: 1em; border: 1px solid #BABBBE; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f2f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#f2f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#f2f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#f2f3f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#f2f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f3f3',GradientType=0 ); /* IE6-9 */ } #NewsletterForm input[type="submit"] { color: #FFF; border-radius: 7px; padding:0px 5px; background: #a4a6a9; /* Old browsers */ background: -moz-linear-gradient(top, #a4a6a9 0%, #717376 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a6a9), color-stop(100%,#717376)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* IE10+ */ background: linear-gradient(to bottom, #a4a6a9 0%,#717376 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a6a9', endColorstr='#717376',GradientType=0 ); /* IE6-9 */ } #NewsletterForm input[type="submit"]:hover { opacity:0.7; filter:alpha(opacity=70); } #SearchForm { display:inline-block; margin-left:100px; position:relative;vertical-align:top; } #SearchForm input[type="text"] { font-family:'Open Sans'; vertical-align:middle; margin-right:2px; border-radius:7px; color: #7E7D7D; padding:0px 7px; width:200px; padding-left:20px; height:20px; line-height:20px; font-size: 1em; border: 1px solid #BABBBE; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f2f3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#f2f3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#f2f3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#f2f3f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#f2f3f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f3f3',GradientType=0 ); /* IE6-9 */ } #SearchForm .icon { position:absolute; left:7px; top:7px; display:inline-block; } #SearchForm input[type="submit"] { color: #FFF; border-radius: 7px; vertical-align:middle; padding:0px 5px; background: #a4a6a9; /* Old browsers */ background: -moz-linear-gradient(top, #a4a6a9 0%, #717376 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a6a9), color-stop(100%,#717376)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* IE10+ */ background: linear-gradient(to bottom, #a4a6a9 0%,#717376 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a6a9', endColorstr='#717376',GradientType=0 ); /* IE6-9 */ } #SearchForm input[type="submit"]:hover { opacity:0.7; filter:alpha(opacity=70); } #NewsletterStatus { position:absolute; bottom:-18px; width:100%; left:0px; text-align:right; font-size:0.88em; } #Social .fb-like { display:inline-block; float:right; } /****************************************************************** Footer ******************************************************************/ #Footer { position:relative; background: #F7F7F7;} #Footer > .wrapper { padding-top:20px; padding-bottom:20px; } #Footer .column { padding-right:10px; display:inline-block; vertical-align:top; } #Footer .column h3 { color: #221F1F;font-size: 12px;display: block;margin-bottom: 15px;font-weight: bold; } #Footer .column a { color: #221F1F; font-size: 12px;display: block;margin-bottom: 0px; line-height: 16px; } #Footer .column a:hover { color:#2baadf; } #Footer .copyright { color:#7F8185; text-align:center; font-size: 13px;} #Footer .copyright .wrapper { text-align:center; padding:20px 0px; } #Footer .copyright a { color:#7F8185; } #Footer .copyright a:hover { color:#2baadf; } #Footer .copyright .imgWrapper { width:300px; } #Footer .copyright .imgWrapper img{ max-width:100%;} #Footer .copyright .copyHolder{ position:absolute; bottom:20px; right:0;} #Social .socialDiv{display:inline-block; vertical-align:top; color: #2baadf;} #Social .socialDiv.links a{color: #2baadf;} #Social .socialDiv.links a:hover{text-decoration:underline!important;} /****************************************************************** HomeIndex ******************************************************************/ #BannersSlider { height: auto; margin-top: 0; width: 100%; margin: auto; } #BannersSlider .slides li{ width:100%; height:auto; } #BannersSlider img{max-width:100%; width:auto;} #HomeIndex.page { padding:0px; background:#F2F2F2;} #BannerSlider { display:block; height:500px; margin-top:-2px; } #BannerSlider .zItemWrapper { text-align:left; } #HomeIndex .zItem .wrapper { position:absolute; top:0; right: 0; left: 0; margin: auto;} #HomeIndex .zItem .wrapper .zcmsdoor { position:absolute; top:-45px; left:20px; display:inline-block; width:50px; } #HomeIndex .zItem .title { margin-bottom:15px; margin-top:45px; } #HomeIndex .zItem .description { } #HomeIndex .zItem .opac { position:absolute; top:0px; left:0px; background:#FCFCFC; opacity:0.79; filter:alpha(opacity=79); z-index:-1; display:inline-block; height:100%; width:100%; } #HomeIndex .zItem h2 { position:relative; min-width:310px; padding:8px 20px; display:inline-block; color:#221F1F; font-weight:normal; font-size:30px; font-family:'Open Sans'; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} #HomeIndex .zItem:hover h2 { color: #2baadf; } #HomeIndex .zItem .text { position:relative; font-family:'Open Sans'; color:#221F1F; font-size:16px; padding:8px 20px; min-width:250px; max-width:350px; display:inline-block; } #HomeIndex .zItem .text .opac { opacity:0.60; filter:alpha(opacity=60); } #HomeIndex .zItem > .wra-img { display: inline-block; width:100%; height:auto; text-align:center; height:500px; } #HomeIndex .zItem img { vertical-align:middle; display:inline-block; } #BannersSlider .zItem { height:500px; } #HomeIndex .highlightedItems{padding-top:40px;} #HomeIndex .newProducts{padding-top:30px;} #HomeIndex .newProducts h2{padding-bottom:30px; color: #2baadf; font-size:36px;} /****************************************************************** indexItem ******************************************************************/ .indexItem{background:white; display:block; min-height:140px; margin-bottom:20px; padding:30px; -webkit-box-shadow: 0px 3px 16px -3px rgba(0,0,0,0.43); -moz-box-shadow: 0px 3px 16px -3px rgba(0,0,0,0.43); box-shadow: 0px 3px 16px -3px rgba(0,0,0,0.43);} .indexItem .imgHolder{ display: table; width: 100%; table-layout: fixed;} .indexItem .imgWrapper{text-align:center; overflow:hidden; height:260px; text-align: center; display: table-cell; vertical-align: middle;} .indexItem .imgWrapper img{max-width:100%; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; max-width: 100%; width: auto; display: inline-block;} .indexItem:hover .imgWrapper img {transform: scale(1.05);} .indexItem h3{color: #2baadf; font-size:18px; padding-bottom:15px; padding-top:15px; -ms-word-wrap: break-word; word-wrap: break-word;} .indexItem p{color:rgb(105, 105, 105);} /****************************************************************** productHome ******************************************************************/ .productHome{background:white; min-height:140px; margin-bottom:20px; padding:30px; -webkit-box-shadow: 0px 3px 16px -3px rgba(0,0,0,0.43); -moz-box-shadow: 0px 3px 16px -3px rgba(0,0,0,0.43); box-shadow: 0px 3px 16px -3px rgba(0,0,0,0.43);} .productHome .imgHolder{ display: table;width: 100%;table-layout: fixed;} .productHome .imgWrapper{text-align:center; overflow:hidden; display:block; min-height: 175px; height:200px; text-align: center;display: table-cell;vertical-align: middle;} .productHome .imgWrapper img{max-width:100%; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; max-width: 100%;width: auto;display: inline-block;} .productHome .imgWrapper:hover img {transform: scale(1.05);} .productHome h3{color: #2baadf; font-size:16px; padding-bottom:15px; padding-top:15px; -ms-word-wrap: break-word; word-wrap: break-word; min-height: 120px;} .productHome p{color:rgb(105, 105, 105);} /****************************************************************** NoticesIndex ******************************************************************/ #NoticesIndex { background:#F6F6F6; padding-bottom:25px;} #NoticesIndex .notices { } #NoticesIndex .status { height:75px; padding-top:40px;} #NoticesIndex .categories {} #NoticesIndex .categories h4 {height:75px; padding-top:30px; color: #4E4F50; font-size: 24px; margin:0;} #NoticesIndex .categories a {color: #878787; font-size: 16px; border:1px solid #ddd; display:block; padding:8px 15px; font-weight:700; margin-bottom:5px; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} #NoticesIndex .categories a:hover,#NoticesIndex .categories a.active {color: white; background:#2baadf;} #NoticesIndex .newsletterSide{ margin-top:30px; margin-bottom:55px; padding:30px; background:#2baadf; color:white;} #NoticesIndex .newsletterSide .firstPhrase{ font-size:18px; font-weight:700;} #NoticesIndex .newsletterSide .secondPhrase{ font-size:14px; padding-bottom:5px;} #NoticesIndex .newsletterSide input{ width:100%; border-radius:5px; margin-top:10px; padding:6px 20px; color:#4E4F50;} #NoticesIndex .newsletterSide input.darker { background: #4E4F50; color:white; } /****************************************************************** NoticesMaterial ******************************************************************/ #NoticesMaterial { background:#F6F6F6; padding-bottom:25px;} #NoticesMaterial .notices { } #NoticesMaterial .status { padding-top:4px;} #NoticesMaterial .categories {padding-top:30px; padding-bottom:30px;} #NoticesMaterial .categories .filterBy{ color: #4E4F50; font-size: 16px; padding-right:15px;} #NoticesMaterial .categories a {color: #4D4E50; margin-right:5px; font-size: 16px; border:2px solid #CCC; border-radius:8px; display:inline-block; padding:2px 10px; font-weight:700; margin-bottom:5px; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} #NoticesMaterial .categories a:hover,#NoticesMaterial .categories a.active {color: white; background:#2baadf; border:2px solid #2baadf;} /****************************************************************** noticeItem ******************************************************************/ .noticeItem { display: block; padding: 15px; margin-bottom: 15px; background-color: white; position: relative; border:2px solid #D4D4D4; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} .noticeItem .box-notice{ display: block;} .noticeItem .photo { color:black; } .noticeItem .photo img { max-width:100%; } .noticeItem a { color:black; } .noticeItem:hover { box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); } .noticeItem.active { box-shadow: 0 0 5px 0 rgba(96, 184, 48, 0.75); background: #FFF !important; } .noticeItem .noticeDetails { padding-left:15px;} .noticeItem .title { color:#1B1D1F; font-size:18px; font-weight:700; padding-bottom:5px;} .noticeItem .description { color:#1B1D1F; font-size:14px;} .noticeItem .date { color:#1B1D1F; font-size:10px; padding-bottom:25px; padding-top:2px;} .noticeItem .seeMore { color:#2baadf; font-size:14px; border-bottom:1px solid transparent; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} .noticeItem .seeMore:hover { color:#2baadf; font-size:14px; border-bottom:1px solid #2baadf;} /****************************************************************** blogItem ******************************************************************/ .blogItem { display: block; padding: 25px; margin-bottom: 15px; background-color: white; position: relative; border:2px solid #D4D4D4; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} .blogItem .box-notice{ display: block;} .blogItem .photo { color:black; } .blogItem .photo img { max-width:100%; } .blogItem a { color:black; } .blogItem:hover { box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); } .blogItem.active { box-shadow: 0 0 5px 0 rgba(96, 184, 48, 0.75); background: #FFF !important; } .blogItem .noticeDetails { padding-left:15px;} .blogItem .title { color:#1B1D1F; font-size:18px; font-weight:700; padding-bottom:5px; padding-top:10px;} .blogItem .description { color:#1B1D1F; font-size:14px; padding-bottom:20px;} .blogItem .date { color:#1B1D1F; font-size:10px; padding-bottom:25px; padding-top:2px;} .blogItem .seeMore { color:#2baadf; font-size:14px; border-bottom:1px solid transparent; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} .blogItem .seeMore:hover { color:#2baadf; font-size:14px; border-bottom:1px solid #2baadf;} /****************************************************************** materialItem ******************************************************************/ .materialItem { display: block; padding: 25px; margin-bottom: 15px; background-color: white; position: relative; border:2px solid #D4D4D4; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} .materialItem .box-notice{ display: block;} .materialItem .photo { color:black; } .materialItem .photo img { max-width:100%; } .materialItem a { color:black; } .materialItem:hover { box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); } .materialItem.active { box-shadow: 0 0 5px 0 rgba(96, 184, 48, 0.75); background: #FFF !important; } .materialItem .noticeDetails {} .materialItem .title { color:#1B1D1F; font-size:16px; font-weight:700; padding-bottom:5px; padding-top:10px;} .materialItem .seeMore { color:#2baadf; font-size:14px; font-weight:700; border-bottom:1px solid transparent; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} .materialItem .seeMore:hover { color:#2baadf; font-size:14px; border-bottom:1px solid #2baadf;} /****************************************************************** NoticesDetail ******************************************************************/ #NoticesDetail { } #NoticesIndex .btn.pull-right{display:none;} #NoticesDetail .detail { display:inline-block; vertical-align:top; width:100%; } #NoticesDetail .detail .noticeBody { color: rgb(105, 105, 105);} #NoticesDetail .detail h3 { margin-bottom:10px; color:#58595A; font-size: 20px; font-weight:bold;} #NoticesDetail .detail h4 { margin:0px; margin-bottom:10px; color:#58595A; font-size:16px; font-weight:normal; } #NoticesDetail .detail .body { color: rgb(105, 105, 105); line-height: 16px; } #NoticesDetail .detail .date { color:#58595A; font-size:0.9em; margin-bottom:20px; } #NoticesDetail .detail img.photo { display: inline-block; float: right; margin-left:20px; vertical-align: top; box-shadow: 0px 0px 5px #888; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; } #NoticesDetail .social-links { display:block; text-align:left; margin-top:20px; } #NoticesDetail .body img{ max-width:100% !important;} #NoticesDetail h1, #NoticesDetail h2, #NoticesDetail h3, #NoticesDetail h4, #NoticesDetail h5, #NoticesDetail h6 {font-weight:700;} #NoticesDetail iframe{max-width:100%!important;} #NoticesDetail object{max-width:100%!important;} #NoticesDetail embed{max-width:100%!important;} #NoticesDetail .mcnButtonContentContainer{border:0px !important; -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);} /****************************************************************** ContentPage ******************************************************************/ #ContentPage.page { min-height:450px; color:rgb(105, 105, 105); } #ContentPage .contentSection{width:68%; display:inline-block; vertical-align:top;} #ContentPage .brandsSection{width:31%; display:inline-block; vertical-align:top; text-align:center;} #ContentPage .brandsSection h2{color:rgb(105, 105, 105); font-size:18px; padding-bottom:20px;} #ContentPage .brandsSection img{max-width:100%;margin-bottom:25px;} #ContentPage h1 { color:#58595A; margin-bottom: 10px; } #ContentPage .text { color:#58595A; font-family:'Open Sans'; } #ContentPage .text p { margin-bottom:5px; } #ContentPage .pull-right { width:550px; } #ContentGallery { display:inline-block; float:left; width:400px; height:450px; } #ContentGallery .zItem { height:400px; line-height:450px; } #ContentGallery .zItem img { display:inline-block; vertical-align:middle; } #ContentPage.page .recruit-left { float: left; display: inline-block; width: 520px; color: #58595A; font-family:'Open Sans'; } #ContentPage .custom-form { display:block; } #ContentPage .custom-form table { display:block; width:100%; text-align:center; margin-bottom:10px; } #ContentPage .custom-form table tbody { vertical-align: top; background-color: #EEEEEE; padding: 20px; display:inline-block; text-align:left; } #ContentPage .custom-form table tbody label { line-height:25px; display:inline-block; width:100px; vertical-align:top; color:#7E7D7D; } #ContentPage .custom-form table tbody td { vertical-align:middle; height:34px; } #ContentPage .custom-form table tbody input[type="text"],#ContentPage .custom-form table tbody input[type="password"] { border:1px solid transparent; border-radius: 7px 7px 7px 7px; color: #7E7D7D; font-family:'Open Sans'; font-size: 1em; height: 20px; line-height: 20px; padding: 2px 7px; width: 270px; } #ContentPage .custom-form table tbody.error { border:1px solid red; } #ContentPage .custom-form input[type="submit"] { color: #FFF; border-radius: 7px; padding:4px 7px; background: #a4a6a9; /* Old browsers */ background: -moz-linear-gradient(top, #a4a6a9 0%, #717376 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a6a9), color-stop(100%,#717376)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* IE10+ */ background: linear-gradient(to bottom, #a4a6a9 0%,#717376 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a6a9', endColorstr='#717376',GradientType=0 ); /* IE6-9 */ } #ContentPage .custom-form input[type="submit"]:hover { opacity:0.7; filter:alpha(opacity=70); } #ContentPage h1{font-size: 26px;font-weight: bold;} #ContentPage hr{margin-top:5px; margin-bottom:5px; border-top:1px solid gray; } #ContentPage table{border-collapse: separate !important;display: table;border-spacing: 15px;line-height: 14px;} /****************************************************************** RecruitmentForm ******************************************************************/ #RecruitmentForm { float:right; display:inline-block; max-width:440px; margin:auto; vertical-align:top; background-color:#EEEEEE; padding:20px; } #RecruitmentForm h2{ font-size: 20px; font-weight: bold; } #RecruitmentForm.support { float:none; margin:auto; display:block; } #RecruitmentForm > h2 { color:#7E7D7D; margin:0px; text-align:center; margin-bottom:20px; font-weight: bold; font-size:20px; } #RecruitmentForm > div { display:block; margin-bottom:12px; } #RecruitmentForm label { line-height:25px; display:inline-block; width:100px; vertical-align:top; color:#7E7D7D; font-weight: normal; } #RecruitmentForm input[type="text"], #RecruitmentForm textarea { border:1px solid transparent; border-radius: 7px 7px 7px 7px; color: #7E7D7D; font-family:'Open Sans'; font-size: 1em; height: auto; line-height: 20px; padding: 2px 7px; width: 290px; } #RecruitmentForm textarea { height:50px; } #RecruitmentForm input[type="text"].error, #RecruitmentForm textarea.error { border:1px solid red; } #RecruitmentForm input[type="file"].error { color:red; } #RecruitmentForm .req { margin-left:105px; } #RecruitmentForm .actions { text-align:right; } #RecruitmentForm .status { float:left; display:inline-block; width:330px; vertical-align:middle; text-align:left; margin-top:7px; } #RecruitmentForm .status.success { color:green; } #RecruitmentForm .status.error { color: red; } #RecruitmentForm input[type="submit"] { color: #FFF; border-radius: 7px; padding:4px 7px; background: #a4a6a9; /* Old browsers */ background: -moz-linear-gradient(top, #a4a6a9 0%, #717376 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a6a9), color-stop(100%,#717376)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* IE10+ */ background: linear-gradient(to bottom, #a4a6a9 0%,#717376 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a6a9', endColorstr='#717376',GradientType=0 ); /* IE6-9 */ } #RecruitmentForm input[type="submit"]:hover { opacity:0.7; filter:alpha(opacity=70); } /****************************************************************** SearchIndex ******************************************************************/ #SearchIndex { } #SearchIndex #Breadcum { margin-bottom:0px; } #SearchIndex .ui-accordion-icons .ui-accordion-header a { font-size:1.5em; } #SearchIndex .ui-widget-content a { display:inline-block; width:49%; font-size:1.2em; margin-bottom:10px; color:#333333; } #SearchIndex .ui-widget-content a:hover { color:#D0184F; } #SearchIndex .ui-widget-content a.notice { display:block; width:auto; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #2baadf; position:relative; min-height:120px; } #SearchIndex h2 { color:#2baadf; margin-top:20px; border-bottom: 1px dotted #2baadf; padding-bottom:8px; } #SearchIndex .item { border-bottom: 1px dotted #2baadf; display:block; padding:10px 0px; } #SearchIndex .item:hover { opacity:0.7; filter:alpha(opacity=70); } #SearchIndex .item h3 { font-size:1.3em; color:#58595A; } #SearchIndex .item .intro { font-size:1em; color:#58595A; margin-top:5px; } #SearchIndex .item .see-more { color:#2baadf; position:absolute; bottom:0px; left:0px; } #SearchIndex .item:hover .see-more { text-decoration:underline; } #SearchIndex .item img { display:inline-block; } #SearchIndex .item .c-wrp { display:block; padding-bottom:15px; position:relative; min-height:105px; } #SearchIndex .item .c-wrp.padd { display:inline-block; max-width:728px; vertical-align:middle; } #SearchIndex .item .img-wrp { display:inline-block; vertical-align:middle; margin-right:20px; width:160px; text-align:center; } /****************************************************************** ContactsPage ******************************************************************/ #ContactsPage.page { padding:50px; } #ContactsPage .locations { } #ContactsPage .location { display:inline-block; margin-right:10px; vertical-align:top; width:300px; } #ContactsPage .location.no-margin { margin-right:0px; } #ContactsPage .location .address-info { padding:10px; position:relative; line-height: 14px;} #ContactsPage .location .address-info > .zcmdoor { position:absolute; float:none; right:0px; top:0px; } #ContactsPage .location .google-maps { padding:10px; } #ContactsPage .location .google-maps a { color:#7E7D7D; font-weight:bold; font-size: 13px;} #ContactsPage .location .google-maps a:hover { opacity:0.7; filter:alpha(opacity=70); } #ContactsPage .location h2 { color:#7E7D7D; margin-bottom:10px; font-size: 20px; font-weight: bold;} #ContactsPage .location p { color:#7E7D7D; } #ContactsPage .location p.separated { margin-bottom:5px; } #ContactsPage .contacts { float:right; width:280px; display:block; vertical-align:top; } #ContactsPage .contact-form { display:block; padding:20px; background:#FFF; border:1px solid #BABBBE; border-radius:10px; } #ContactsPage .contact-form h2 { color:#7E7D7D; margin:0px; margin-bottom:20px; font-size: 20px;font-weight: bold;} #ContactsPage .contact-form div { display:block; margin-bottom:10px; } #ContactsPage .contact-form input[type="text"] { background: linear-gradient(to bottom, #FEFEFE 0%, #F2F3F3 100%) repeat scroll 0 0 transparent; border: 1px solid #BABBBE; border-radius: 7px 7px 7px 7px; color: #7E7D7D; font-family: Arial; font-size: 1em; height: 26px; line-height: 26px; padding:2px 7px; width:100%; } #ContactsPage .contact-form textarea { background: linear-gradient(to bottom, #FEFEFE 0%, #F2F3F3 100%) repeat scroll 0 0 transparent; border: 1px solid #BABBBE; border-radius: 7px 7px 7px 7px; color: #7E7D7D; font-family: Arial; font-size: 1em; padding:2px 7px; width:100%; } #ContactsPage .contact-form input[type="submit"] { color: #FFF; border-radius: 7px; padding:2px 5px; background: #a4a6a9; /* Old browsers */ background: -moz-linear-gradient(top, #a4a6a9 0%, #717376 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a6a9), color-stop(100%,#717376)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* IE10+ */ background: linear-gradient(to bottom, #a4a6a9 0%,#717376 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a6a9', endColorstr='#717376',GradientType=0 ); /* IE6-9 */ } #ContactsPage .contact-form input[type="submit"]:hover { opacity:0.7; filter:alpha(opacity=70); } #ContactsPage .contact-form .actions { text-align:right; margin:0px; } #ContactsPage .contact-form .status { float:left; width:175px; text-align:left; } #ContactsPage .contacts .body-page { margin:0px 10px; margin-top:20px; } #ContactsPage .contacts .body-page p { margin:5px 0px; } #ContactsFormDiv { display:inline-block; float:right; vertical-align:top; width:350px; } #ContactsFormDiv input[type="text"],#ContactsFormDiv textarea { width:325px; } #ContactsFormDiv input[type="submit"] { background-color:#D0184F; padding:8px 20px; text-transform:uppercase; font-family:'Open Sans'; color:#FFF; border:0px; cursor:pointer; } #ContactsFormDiv input[type="submit"]:hover { opacity:0.7; filter:alpha(opacity=70); } #Map1 { display: block; width: 100%; height: 450px !important; top: 0; left: 0; } #Map2 { display: block; width: 100%; height: 450px !important; top: 0; left: 0; } /****************************************************************** AccountSign ******************************************************************/ #AccountSign { padding-top:20px; padding-bottom:20px; } /****************************************************************** AccountIndex ******************************************************************/ #AccountIndex { padding-top:20px; padding-bottom:20px; } #AccountIndex .info {margin-bottom:15px ; background:#F7F7F7; padding:15px 45px;} #AccountIndex .points {font-size:30px; } #AccountIndex .payMethod {font-size:14px; line-height:42px; } #AccountIndex .deliverMethod {font-size:14px; line-height:42px;} /****************************************************************** AccountRegister ******************************************************************/ #AccountRegister { padding-top:20px; padding-bottom:20px; } /****************************************************************** AccountOrder ******************************************************************/ #AccountOrder {padding-top:20px; padding-bottom:20px; } #AccountOrder .box { margin-bottom: 20px; } #AccountOrder .box .box-title { padding: 10px; background: #DFDFDF; } #AccountOrder .box .box-content { padding: 10px; background: #f9f9f9; } #AccountOrder .box .box-content h4 { margin-bottom: 10px; font-weight: bold; } #AccountOrder .table td { vertical-align: middle; } /****************************************************************** StoreIndex ******************************************************************/ #StoreIndex { } #FeaturedProductsSlider { margin-top: 40px; } #FeaturedProductsSlider .slides .product { margin: 0 10px; } #FeaturedProductsSlider .product .product-description { background: #2baadf; } #FeaturedProductsSlider .product .product-title { color: #FFF; } #FeaturedProductsSlider .product .product-sub-title { color: #FFF; } #FeaturedProductsSlider .product .btn { background: #FFF; color: #333333; } #StoreIndex .shop { padding-bottom: 25px; background: #F7F7F7; } #StoreIndex .shop .filters .filter-by { margin-top:5px; display: block; color: #999DA3; } #StoreIndex .shop .filters form { color: #999DA3; } #StoreIndex .shop .filters .title { color: #58595A; font-size:20px; padding-top: 10px;} #StoreIndex .shop .filters .inStock { padding-left:15px; } #StoreIndex .shop .filters .brandSelector { display:block; color:#878787; font-size:12px; background: white; padding: 10px 15px; border-bottom:1px solid #DDDDDD; } #StoreIndex .shop .filters .brandSelector:hover { color:#2baadf; } #StoreIndex .shop .filters .brands { margin-bottom:15px; border:1px solid #DDDDDD; border-bottom:0px; } #StoreIndex .shop .filters .categories { color:#878787; } #StoreIndex .shop .filters .categories h2{ font-size:14px;} #StoreIndex .shop .filters .categories h3{ font-size:12px;} #StoreIndex .shop .filters .categories .panel { background:none;} #StoreIndex .shop .filters .categories .panel-group { margin:0;} #StoreIndex .shop .filters .categories .panel-default { border-radius:0 !important;} #StoreIndex .shop .filters .categories .panel-default .panel-heading {color:#878787; border-radius:0 !important; -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s;} #StoreIndex .shop .filters .categories .panel-default .panel-body {padding:0; } #StoreIndex .shop .filters .categories .accordion-toggle {padding:0; } #StoreIndex .shop .filters .categories .panel-heading:hover { background: #2baadf; color: #FFF; } #StoreIndex .shop .filters .categories .panel-heading.active { background: #2baadf; color: #FFF; } #StoreIndex .shop .filters .categories .panel-collapse.lvl1Cat.in { color: #FFF; } #StoreIndex .shop .filters .categories .panel .panel { border:0; } #StoreIndex .shop .filters .categories .panel .panel .collapsed .panel-heading{ background:white; padding:10px 10px; } #StoreIndex .shop .filters .categories .panel .panel .panel-heading{background:white; padding:10px 10px; } #StoreIndex .shop .filters .categories .panel .panel .panel-heading:hover{ color:#2baadf; } #StoreIndex .shop .filters .categories .panel .panel .panel-heading.active{ color:#2baadf; } #StoreIndex .shop .filters .categories .panel-body .panel-body{ padding:5px; padding-left:15px; } #StoreIndex .shop .filters .categories .panel-body .panel-body a{ color:#878787; display:block; font-size:12px; padding: 3px 0; } #StoreIndex .shop .filters .categories .panel-body .panel-body a.active{ color:#2baadf; display:block; font-size:12px; } #StoreIndex .shop .filters .categories .panel-body .panel-body a:hover{ color:#2baadf; display:block; font-size:12px; } #StoreIndex .shop .filters .categories .panel-group .panel-default{margin:0; border-top: 1px solid #ddd;} #PriceRangeSlider { margin: 0 8px; margin-top:15px;} #PriceRangeSlider .noUi-connect{ background:#2baadf;} #PriceRangeSlider .noUi-handle{ border: 3px solid #2baadf; background: #fff!important;} #StoreIndex .shop .filters .search { margin-bottom: 20px; } #StoreIndex .shop .filters .search p { margin-bottom: 5px; margin-top: 0; } #StoreIndex .shop .filters form .actions { line-height: 42px; padding-left:18px } #StoreIndex .shop .filters form .actions p { margin: 0; color: #9A9CA3; font-size: 13px; } #StoreIndex .shop h2 { color: #333333; display: inline-block; text-transform: uppercase; font-size: 32px; } #StoreIndex .shop .products { padding-top: 30px; } #StoreIndex .title { font-family:'Open Sans'; font-weight: 700; padding-bottom: 10px; font-size: 26px; color:#58595A;} #StoreIndex .shop .listing .top { color: #999DA3; line-height: 42px; margin-bottom: 20px; } #StoreIndex .shop .listing .top .hasStockCheck { padding:0 7px; display:inline-block;} #StoreIndex .shop .listing .top .hasStockCheck input{ margin-top:0; vertical-align:middle;} #StoreIndex .shop .listing .top select { border: 1px solid #D4D4D4; background: #FFF; vertical-align: middle; color: #878787; font-size: 14px;} #StoreIndex .flexsliderBanners{height:300px; overflow:hidden; margin-bottom:30px;} /****************************************************************** searchForm ******************************************************************/ .searchForm { width:100%; display:inline-block; position:relative;vertical-align:top;} .searchForm input[type="text"] { font-family:'Open Sans'; vertical-align:middle; margin-right:2px; border-radius:7px; color: #7E7D7D; padding:0px 7px; width:100%; padding-left:40px; height:40px; line-height:20px; font-size: 1em; border: 1px solid #BABBBE; background: #fefefe; } .searchForm .fa { position:absolute; left:7px; top:7px; display:inline-block; font-size:25px; color: #7E7D7D; } .searchForm input[type="submit"] { display:none;} /****************************************************************** StoreDetail ******************************************************************/ #StoreDetail { background: #F7F7F7; padding-bottom:20px; } h1 > .sm { font-weight: 400; } #StoreDetail .page-intro { } #StoreDetail .page-intro .category { margin-top: 15px; font-weight: 800; font-family:'Open Sans'; font-size: 13px; color: #999DA3; text-transform: uppercase; padding-bottom:10px; display: block; } #StoreDetail .page-intro .category b { color: #2baadf; } #StoreDetail .page-intro .details{padding-top:20px; font-size:13px;} #StoreDetail .page-intro .prices{} #StoreDetail .page-intro .stock{padding-top:25px; padding-bottom:15px;} #StoreDetail .page-intro .stock .stockBtn{padding:6px 12px; color:white; border-radius:5px; margin-left:5px; text-transform:uppercase; font-size:12px;} #StoreDetail .page-intro .price { padding-top: 22px; padding-right: 15px; text-align: right; display:inline-block; font-family:'Open Sans'; font-weight: 700; vertical-align: middle; color: #58595A; font-size: 30px;display: inline-block; vertical-align:top; } #StoreDetail .page-intro .price.old { color: #999DA3; } #StoreDetail .page-intro form { margin-top: 20px; display:inline-block;} #StoreDetail .page-intro form a { background: #FFF; vertical-align: middle; display: inline-block; width: 40px; text-align: center; color: #999DA3; height: 42px; line-height: 40px; border: 1px solid #D6D9DC; float: right; } #StoreDetail .page-intro form input[type="text"] { background: #FFF; vertical-align: middle; display: inline-block; width: 60px; text-align: center; font-size: 14px; font-family:'Open Sans'; color: #999DA3; height: 42px; line-height: 40px; border-top: 1px solid #D6D9DC; border-bottom: 1px solid #D6D9DC; float: right; } #StoreDetail .page-intro form button { float: right; margin-left: 20px; } #StoreDetail .detail { background:#F7F7F7; } #StoreDetail .detail .nav-tabs { margin-bottom: -1px; padding-top:25px;} #StoreDetail .detail .nav-tabs a { border: 1px solid #D5D9DB; border-radius: 0; margin: 0; border-bottom: 0; color: #999DA3; font-family:'Open Sans'; font-weight: 700; font-size: 13px; text-transform: uppercase; } #StoreDetail .detail .nav-tabs .active a { color: #000; background: #FFF; } #StoreDetail .detail .tab-content { background: #FFF; border: 1px solid #D5D9DB; padding: 20px; min-height: 443px; } #StoreDetail .detail .custom-hr { margin: 100px 0; } #StoreDetail .detail .related { text-align: center; } #StoreDetail .detail .related h2 { margin-bottom: 20px; } #StoreDetail .detail .related .product { margin: 0 10px; } #StoreDetail .tab-content table img { max-width: 100%; } #ProductsGalery { height: 400px; display: block; margin-bottom: 2px; } #ProductsGalery .slides li { height:400px; background-color: none; position:relative; background:white;} #ProductsGalery .slides li img { max-height: 100%; max-width: 100%; width: auto; margin: auto; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; } #ProductsGalery .fancy-image { position: absolute; bottom: 20px; right: 20px; z-index: 1; } #ProductsThumbs { height: 80px; display: block; overflow: hidden; } #ProductsThumbs .slides li { cursor: pointer; margin-right: 2px; background-color:none; height: 80px; background:white;} #ProductsThumbs .slides img { width: auto; max-width: 100%; max-height: 100%; display: block; vertical-align:middle; margin:auto; } #ProductsThumbs .slides li:hover { opacity: 0.7; filter: alpha(opacity=70); } /****************************************************************** SolutionsIndex ******************************************************************/ #SolutionsIndex { } #SolutionsIndex .btn.pull-right{display:none;} #SolutionsIndex .categories { display:block; text-align:center; } #SolutionsIndex .category { margin-bottom: 10px; margin-right:4px; background-color:#FFF; display:inline-block; vertical-align:top; border-radius:8px; border:1px solid #E8E8E8; padding-bottom:15px; text-align:left; width:237px; } #SolutionsIndex .category:last-child { margin-right:0px; } #SolutionsIndex .category .categoryTitle{margin:0; padding:0; font-size:1em;} #SolutionsIndex .category h3 { font-size: 15px;font-weight: bold; position:relative; display: block; text-align: center; color: #FFF; border-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: 15px; padding: 15px; background-color:#E8E8E8; color: #221F1F; } #SolutionsIndex .category h3 .opac { position:absolute; top:0px; left:0px; background-color:#E8E8E8; opacity:0.90; filter:alpha(opacity=90); z-index:-1; display:inline-block; width:100%; height:100%; } #SolutionsIndex .category a { display:block; padding:0px 10px; margin:5px 0px; color:#221F1F; font-size: 12px;line-height: 11px; } #SolutionsIndex .category a:hover { color:#2baadf; } /****************************************************************** SolutionsDetail ******************************************************************/ #SolutionsDetail { } #SolutionsDetail .detail { display:block; position:relative; } #SolutionsDetail .categories { display:inline-block; width:220px; vertical-align:top; border-bottom:1px solid #403C3D; } #SolutionsDetail .categories h3 { background-color:#939598; display:block; padding:12px 5px; text-align:left; font-weight:normal; color:#FFF; margin-bottom:30px; } #SolutionsDetail .categories a { color:#58595A; display:block; padding:8px 5px; font-size:0.9em; border-top:1px solid #403C3D; } #SolutionsDetail .categories a.sub { padding:3px 0px; padding-left:20px; font-size:0.9em; } #SolutionsDetail .categories a:hover { opacity:0.7; filter:alpha(opacity=70); } #SolutionsDetail .categories a.on { border-top: 0px; color: #2baadf; background: #b4b4b5; /* Old browsers */ background: -moz-linear-gradient(left, #b4b4b5 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b4b4b5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #b4b4b5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #b4b4b5 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #b4b4b5 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #b4b4b5 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #SolutionsDetail .body { display:block; } #SolutionsDetail .body .solutionTitle h2{ color:rgb(105, 105, 105); font-size: 20px; padding-bottom:18px;} #SolutionsDetail .body .solutionTitle h3{ color:rgb(105, 105, 105); font-size:14px; font-weight:700;} #SolutionsDetail .body .solutionTitle .imgWrapper{padding-top:15px; text-align:center; margin-bottom: 15px;} #SolutionsDetail .body .solutionTitle .imgWrapper img{max-width:100%;} #SolutionsDetail .body .social-links { display:block; text-align:right; margin-top:20px; height:40px; line-height:40px; } #SolutionsDetail .body .downloadBtn { line-height:normal; vertical-align:top; float:left; padding:8px; background:#FFF; border:1px solid #BABBBE; border-radius:10px; color:#58595A; display:inline-block; } #SolutionsDetail .body .downloadBtn span { display:inline-block; margin-left:5px; vertical-align:middle; } #SolutionsDetail .body .downloadBtn:hover { opacity:0.7; filter:alpha(opacity=70); } #SolutionsDetail .contacts { display: inline-block; width: 220px; position: absolute; top: 0px; right: 0px; vertical-align: top; z-index: 100; border-radius:10px; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75); } #SolutionsDetail .contacts form { display:none; padding:20px; background:#FFF; border:1px solid #BABBBE; border-radius:10px; } #SolutionsDetail .contacts form.on { display:block; } #SolutionsDetail .contacts h2:hover { opacity:0.7; filter:alpha(opacity=70); } #SolutionsDetail .contacts div { display:block; margin-bottom:10px; } #SolutionsDetail .contacts input[type="text"] { background: linear-gradient(to bottom, #FEFEFE 0%, #F2F3F3 100%) repeat scroll 0 0 transparent; border: 1px solid #BABBBE; border-radius: 7px 7px 7px 7px; color: #7E7D7D; font-family: Arial; font-size: 1em; height: 20px; line-height: 20px; padding:2px 7px; width:162px; } #SolutionsDetail .contacts textarea { background: linear-gradient(to bottom, #FEFEFE 0%, #F2F3F3 100%) repeat scroll 0 0 transparent; border: 1px solid #BABBBE; border-radius: 7px 7px 7px 7px; color: #7E7D7D; font-family: Arial; font-size: 1em; padding:2px 7px; width:162px; } #SolutionsDetail .contacts input[type="submit"] { color: #FFF; border-radius: 7px; padding:2px 5px; background: #a4a6a9; /* Old browsers */ background: -moz-linear-gradient(top, #a4a6a9 0%, #717376 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4a6a9), color-stop(100%,#717376)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4a6a9 0%,#717376 100%); /* IE10+ */ background: linear-gradient(to bottom, #a4a6a9 0%,#717376 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a6a9', endColorstr='#717376',GradientType=0 ); /* IE6-9 */ } #SolutionsDetail .contacts input[type="submit"]:hover { opacity:0.7; filter:alpha(opacity=70); } #SolutionsDetail .contacts .actions { text-align:right; margin:0px; } #SolutionsDetail .contacts .status { float:left; width:120px; text-align:left; } #SolutionsDetail .contacts .social-links { display:block; text-align:right; margin-top:20px; margin-right:5px; } #SolutionsDetail .solutionBody { width:100%; vertical-align:top; color:rgb(105, 105, 105);} #SolutionsDetail .solutionBody h2{font-size: 20px;font-weight: bold;} #SolutionsDetail .solutionBody table{border-collapse: separate !important;display: table;border-spacing: 15px;line-height: 14px; width:100% !important;} #SolutionsDetail .solutionBody table img{height:auto !important; max-width:100% !important;} #SolutionsDetail iframe{max-width:100%!important;} #SolutionsDetail .solutionMenu { width:100%; height:40px; margin-bottom:15px; padding:0 16px; vertical-align:top; overflow:hidden;} #SolutionsDetail .solutionMenu .btnSubMenu{line-height: 20px; padding: 10px 20px 7px 20px; border: 1px solid #d7d7d7; text-transform: uppercase; width:214px; overflow:hidden; border-radius: 5px; color:#2baadf; height:auto; background:none; line-height:initial; margin:0 15px; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease;} #SolutionsDetail .solutionMenu .btnSubMenu:hover{ background:#2baadf; color:white;} #SolutionsDetail .solutionMenu .title{ font-family:'Open Sans'; font-size:9pt; color:rgb(0, 0, 205); font-weight:700; padding-top:10px; display:block;} #SolutionsDetail .solutionMenu .description{ color:rgb(105, 105, 105); font-family:'Open Sans'; font-size:8.5pt; display: block;line-height: 14px;} #SolutionsDetail .solutionMenu .menuTitle { color:rgb(105, 105, 105); font-family:'Open Sans'; font-size:13.5pt; font-weight:bold;} #SolutionsDetail .solutionMenu.mobile {height:auto; text-align:center; display:none;} #SolutionsDetail .solutionMenu.mobile .menuButton {border-bottom: 1px solid #d7d7d7 !important;} #SolutionsDetail .solutionMenu.mobile .btnSubMenu {display:block; } #SolutionsDetail .solutionMenu.mobile .inner {display:none; border-bottom: 1px solid #d7d7d7; } #SolutionsDetail .solutionMenu.mobile .btnSubMenu{width:100%; margin:0; border-bottom: 0; border-radius:0; white-space:initial;} #SolutionsDetail iframe{max-width:100%!important;} #SolutionsDetail object{max-width:100%!important;} #SolutionsDetail embed{max-width:100%!important;} #SolutionsDetail .flexslider .flex-direction-nav a:before { content: none; } #SolutionsDetail .flex-control-nav { display:none; } #SolutionsDetail .flex-direction-nav {font-size: 20px; } #SolutionsDetail .flex-direction-nav a { bottom: 0px; top:auto; opacity: 1; width:30px; height:38px; line-height:38px; color:#2baadf; -webkit-animation: pulsate 4s ease-out; -webkit-animation-iteration-count: infinite;} #SolutionsDetail .flex-direction-nav .flex-prev { display:block; left:0;} #SolutionsDetail .flex-direction-nav .flex-next {display:block; right:0;} #Contact-Form-Btn{display: inline-block; height:auto; font-family:'Open Sans';border-radius: 7px; line-height:14px; color: #7E7D7D;padding: 7px;font-size: 1em;border: 1px solid #BABBBE;cursor: pointer;text-align: center;background: #fefefe;background: -moz-linear-gradient(top, #fefefe 0%, #f2f3f3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f3f3));background: -webkit-linear-gradient(top, #fefefe 0%,#f2f3f3 100%);background: -o-linear-gradient(top, #fefefe 0%,#f2f3f3 100%);background: -ms-linear-gradient(top, #fefefe 0%,#f2f3f3 100%);background: linear-gradient(to bottom, #fefefe 0%,#f2f3f3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f3f3',GradientType=0 );} #RelatedSlider .flex-control-nav{bottom:-35px;} #RelatedSlider .product .productDetails{text-align:left;} @-webkit-keyframes pulsate { 0% { opacity: 0.0;} 50% {opacity: 1.0;} 100% {opacity: 0.0;} } /****************************************************************** BasketDetail ******************************************************************/ #BasketDetail { background: #F7F7F7; padding:50px 0; } #BasketDetail .basket-products td, #BasketDetail .basket-products th { vertical-align: middle; } #BasketDetail .basket-products thead tr { border:0px !important; } #BasketDetail .box-content { background:#FFF; border: 1px #E1E1E1 solid; } #BasketDetail .box-content h1 { text-transform: uppercase; font-size: 24px; color: #656565; font-weight: 300; padding: 20px 30px; border-bottom: 1px #E1E1E1 solid; } #BasketDetail .box-content table { width: 100%; } #BasketDetail .box-content table .price { font-size: 14px; } #BasketDetail .box-content table .price-send { font-size: 18px; } #BasketDetail .box-content table .text-table { font-size: 13px; padding: 20px 0; color: #333333; text-transform: none; } #BasketDetail .box-content table .price-total { font-size: 30px; } #BasketDetail .box-content table th { font-size: 13px; padding: 10px 0; color: #333333; } #BasketDetail .box-content table tr { border: 1px #E1E1E1 solid; } #BasketDetail .box-content table td { font-size: 14px; padding: 15px; text-transform: uppercase; color: #666666; } #BasketDetail .box-content table td .border-image { text-align: center; } #BasketDetail .box-content .remove-product { width:30px; height:30px; line-height:30px; text-align:center; background:none; color:#2baadf; display:inline-block; font-size:25px; } #BasketDetail .actions { margin-top: 30px; text-transform: uppercase; } #BasketDetail .decrement { height: 35px; border: 1px solid #D6D9DC; line-height: 32px; width: 30px; text-align: center; display: inline-block; vertical-align: middle; color: #999DA3; } #BasketDetail .increment { height: 35px; border: 1px solid #D6D9DC; line-height: 32px; width: 30px; text-align: center; display: inline-block; vertical-align: middle; color: #999DA3; } #BasketDetail .quantity { padding:0; height: 35px; border: 1px solid #D6D9DC; line-height: 32px; width: 40px; text-align: center; display: inline-block; vertical-align: middle; color:#2baadf !important; } #BasketDetail .coupon { background: #eee; padding: 20px 20px 20px 20px; color: #666; } /****************************************************************** BasketCheckout ******************************************************************/ #BasketCheckout { background: #F7F7F7; padding:50px 0; } #BasketCheckout .box { border: 1px solid #e1e1e1; background:#FFF; } #BasketCheckout .box .box-title { padding: 20px; display: block; } #BasketCheckout .box.last .box-title { background: #2baadf; } #BasketCheckout .box .box-title h2 { display: block; margin: 0; padding: 0; color: #000; text-transform: uppercase; } #BasketCheckout .box.finished .box-title { background: #f0f0f0; } #BasketCheckout .box.blocked .box-title { background: #666; } #BasketCheckout .box.blocked .box-title h2, #BasketCheckout .box.last .box-title h2 { color: #FFF; } #BasketCheckout .box .box-content { padding: 20px; border-top: 1px solid #e1e1e1; } #BasketCheckout .box.finished .box-content { background: #f0f0f0; } #BasketCheckout .box.blocked .box-content { background: #666; display: none; } #BasketCheckout .box .box-bottom { padding: 20px; border-top: 1px solid #e1e1e1; } #BasketCheckout .box .box-bottom .info { color: #666; display: inline-block; text-align: left; width: 75%; } #BasketCheckout .box .box-bottom .price-total { color: #2baadf; font-size: 22px; font-weight: 700; } #BasketCheckout .box .box-bottom .text-center { display: inline-block; margin-left: 25px; } #BasketCheckout .basket-lines { } #BasketCheckout .basket-lines table { margin: 0; } #BasketCheckout .basket-lines table td, #BasketCheckout .basket-lines table th { vertical-align: middle; } #BasketCheckout .basket-lines table td { border-top: 1px dashed #ddd; } #BasketCheckout .basket-lines table p { height: auto; line-height: 25px; } #BasketCheckout .basket-lines table p b { color: #666; font-weight: normal; } #BasketCheckout .basket-lines .product-color-square { height: 22px; width: 22px; } #BasketCheckout .basket-steps { } #BasketCheckout .basket-steps .row { margin-left: -15px !important; margin-right: -15px !important; } #BasketCheckout .basket-steps .form-group { margin-bottom: 10px; } #BasketCheckout .basket-steps .box { margin-bottom: 15px; } #BasketCheckout .basket-steps h2 { font-size: 20px; } #BasketCheckout .basket-steps h3 { font-size: 18px; display: block; margin-bottom: 20px; } #BasketCheckout .basket-steps .step { } #BasketCheckout .basket-steps .step label { margin: 0; font-weight: normal; } #BasketCheckout .basket-steps .step-actions { margin-top: 15px; } #Step1 form .row { height: 34px; line-height: 34px; } #Step1 form .form-group { margin-bottom: 15px !important; } #Step1 .newdeliver-option { margin-top: 15px; } #NewDeliverAddressLabel { text-align: center; display: block; cursor: pointer; } #NewDeliverAddress { margin-top: 15px; } #Step2 form label { cursor: pointer; display: block; margin: 0; height: 30px; line-height: 30px; } #Step3 p { display: block; margin-bottom: 10px; } #Step3 .price { color: #2baadf; font-size: 18px; font-weight: 700; } /****************************************************************** Icons ******************************************************************/ [class*="icon"] { vertical-align: middle; display: inline-block; } [class*="icon"]:hover { opacity:0.7; filter:alpha(opacity=70); } i.icon.icon-lock { width:10px; height:15px; background:url('/Content/app/images/sprites.png') -228px -29px no-repeat; } i.icon.icon-search { width:9px; height:10px; background:url('/Content/app/images/sprites.png') -229px -18px no-repeat; } i.icon.ico-facebook { width:22px; height:22px; background:url('/Content/app/images/sprites.png') 0px -59px no-repeat; } i.icon.ico-twitter { width:22px; height:22px; background:url('/Content/app/images/sprites.png') -22px -59px no-repeat; } i.icon.ico-linkedin { width:22px; height:22px; background:url('/Content/app/images/sprites.png') -44px -59px no-repeat; } i.icon.ico-youtube { width:22px; height:22px; background:url('/Content/app/images/sprites.png') -66px -59px no-repeat; } i.icon.icon-rss { width:22px; height:22px; background:url('/Content/app/images/prites.png') -88px -59px no-repeat; } i.icon.icon-googlemaps-location { width:17px; height:22px; background:url('/Content/app/images/sprites.png') -257px 0px no-repeat; } i.icon.icon-adobe-reader { width:20px; height:20px; background:url('/Content/app/images/sprites.png') -239px -22px no-repeat; } i.icon-arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #7E7D7D; } i.icon-arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #7E7D7D; } i.icon-flag-pt { width: 16px; height: 12px; background:url('/Content/app/images/sprites.png') -110px -71px no-repeat; } .on i.icon-flag-pt { background:url('/Content/app/images/sprites.png') -110px -59px no-repeat; } i.icon-flag-en { width: 16px; height: 12px; background:url('/Content/app/images/sprites.png') -126px -71px no-repeat; } .on i.icon-flag-en { background:url('/Content/app/images/sprites.png') -128px -59px no-repeat; } .icon.icon-product-details { width: 28px; height: 29px; background: url('/Content/app/images/sprites.png') -143px -60px no-repeat; opacity:1;} .icon.icon-product-details:hover { background: url('/Content/app/images/sprites.png') -171px -60px no-repeat; opacity:1;} .icon.icon-zoom { width: 42px; height: 42px; background: url('/Content/app/images/sprites.png') -0px -81px no-repeat; opacity:1; } .icon.icon-zoom:hover { background: url('/Content/app/images/sprites.png') -42px -81px no-repeat; opacity:1; } .btn, a.btn { } .btn:hover, a.btn:hover { } .btn:active, a.btn:active { } @media print { /* TODO */ #Header, #Footer{ display: none; } #AccountOrder { padding: 0; } #AccountOrder .box { margin: 0; padding: 0; } #AccountOrder .btn { display: none; } #AccountOrder .col-md-6 { width: 50% !important; float: left !important; } }