/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body{ color: #696969; font-family: 'Istok Web',Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; line-height: 20px; text-align:left; } img { border:0; vertical-align:top; } a { color:#2fb991; text-decoration: none; } a:hover { text-decoration:underline; color:#2fb991; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6, .h1,.h2,.h3, .h4,.h5,.h6 { color:#333; } h1, .h1 { font-size:20px; font-weight:normal; } h2, .h2 { font-size:18px; font-weight:normal; } h3, .h3 { font-size:16px; font-weight:bold; } h4, .h4 { font-size:14px; font-weight:bold; } h5, .h5 { font-size:12px; font-weight:bold; } h6, .h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:95%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ p { margin:0 0 10px; } strong { font-weight:bold; } address { font-style:normal; line-height:1.35; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:0px; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page {} .header-container { } .nav-container1{ display:none; } .nav-container {} .main-container { } .footer-container {/* background:#F5F5F5;*/} .header-container,.nav-container,.main-container,.footer-container{} .header,.nav-inner,.main,.footer,.social_content { width:1200px; margin:0 auto; padding:0px; } .header { position:relative; z-index:10; } .header_top .header { z-index: 11;} .header_top { height:40px; } .header-bottom{ width:auto;/*-webkit-box-shadow: 0px -1px 2px 0px #dddddd;-moz-box-shadow: 0px -1px 2px 0px #dddddd;box-shadow: 0px -1px 2px 0px #dddddd*/; padding:0px; min-height:120px; background:#efefef;} .main { min-height:400px;} .footer { background:none; } .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } /* Base Columns */ .col-left { float:left; width:260px; padding: 0px; } .col-main { float:left; width: 915px; margin-bottom: 25px;} .col-right { float: right; padding:0; width: 260px; } .left-category {float: left; width: 260px;} .home-slider { float: left; padding-left: 25px; width:915px;} /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; padding:0;} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right;padding:0; } .col2-right-layout .col-main {padding:0;} /* 3 Columns Layout */ .col3-layout .col-main { width:540px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:760px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float: left; width: 48.5%;} .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-1 img{ width:100%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ .sbOptions a:hover{color:#2fb991;} input,select,textarea,button { vertical-align:middle; } .social_content .content .block-content input.input-text,select,textarea {border:1px solid #ffffff; } input.input-text,select,textarea { background:#fff; border:1px solid #eeeeee;color:#999; } input.input-text,textarea { padding:5px; } .product-options-bottom .add-to-cart input.input-text{padding:6px 4px; text-align: center;} input.input-tex:focus,textarea:focus { -moz-box-shadow: #bbb 0 0 3px; -webkit-box-shadow: #bbb 0 0 3px; box-shadow: #bbb 0 0 3px;} select { padding:3px; } select option { padding-left:7px; } select.multiselect option { border-bottom:1px solid #CDCDCD; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:5px; } input.checkbox { margin-left:3px; margin-top:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ .ie7 button.button { height:auto !important; } button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span , .back-link a { display:block; background:#2eb890; height: 16px; padding: 7px 12px; text-align:center; white-space:nowrap; color:#fff; text-decoration:none; font-family: 'Istok Web',Arial,Helvetica,sans-serif; text-transform: uppercase;} button.button:hover span,/* .back-link a:hover, */.cart .discount button:hover span{background:#231f20;} button.button span span { border:0; padding:0; } button.button:hover span , .back-link a:hover ,.cart .discount button:hover span {} button.disabled span { border-color:#bbb !important; background:#bbb !important; } button.btn-checkout span { height:40px; line-height:43px; border:0; padding:0 20px; font-size:14px; } .cart .discount button span , button.btn-checkout span { color:#fff; background:#231f20; font-family: 'Istok Web';} .cart .discount button:hover span , button.btn-checkout:hover span{ background:#32bf96; color:#fff; } button.btn-checkout.no-checkout span {color:#b8baba; } button.btn-checkout.no-checkout span span {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus { box-shadow:0 0 3px #BBBBBB; } /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:normal; position:relative; z-index:0; padding-bottom:5px; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#DD4B39; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:250px; } .form-list textarea { width:250px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } .form-list-narrow li { margin-bottom:0; } .form-list-narrow li .input-box { margin-bottom:6px; } .form-list-narrow li.wide .input-box { width:260px; } .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea { width:254px } .form-list-narrow li.wide select { width:260px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Independent fields */ /*.form-list li { margin:0 0 8px; } .form-list li.fields { margin:0; } .form-list .field { display:block; margin:0 0 8px; } .form-list li.control {} .form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; } .form-list label.required { font-weight:bold; } .form-list label.required em { font-variant:normal; color:#DD4B39; margin-right:3px; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:254px; } .form-list select { width:260px; } .form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; } .form-list .input-range input.input-text { width:96px; }*/ /* Customer */ /*.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:11px; font-weight:normal; color:#777; text-align:left; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; }*/ .buttons-set { clear:both; margin:20px 0 0; padding:5px; text-align:right; } .buttons-set p.required { margin:-25px 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:12px 7px 0 0; } .fieldset { margin: 20px 0; padding: 0; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:12px; line-height:13px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/validation_advice_bg.gif) 2px 0 no-repeat; color:#DD4B39; } .validation-failed { border:1px dashed #DD4B39 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; text-align:right; color:#DD4B39; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px !important; line-height:20px; } .messages li li { margin:0 0 3px !important; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .col-main .breadcrumbs{margin:12px 0px 13px;} .breadcrumbs { line-height:1.25; margin:12px 25px 13px; } .breadcrumbs li { display:inline; } .breadcrumbs li strong { font-weight:normal; color:#32bf96;} /* Page Heading */ .my-account .page-title { margin: 0 0 10px;} .page-title { margin: 0 0 20px; overflow: hidden; /*padding-bottom: 10px;*/ width: 100%; } .my-account .page-title h1,.page-title h2,.my-account .page-title .h1,.page-title .h2 {margin: 10px 0;} .page-title h1, .page-title h2, .page-title .h1, .page-title .h2 { color: #696969; font-family: 'Archivo Narrow'; font-size: 18px; margin: 0; text-align: left; text-transform: uppercase; margin:0;} .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6, .title-buttons .h1, .title-buttons .h2, .title-buttons .h3, .title-buttons .h4, .title-buttons .h5, .title-buttons .h6 { float:left; } .subtitle, .sub-title { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; } /* Pager */ .pager { padding:5px 8px; margin:10px 0 0; text-align:right; border:1px solid #EDEDED; } .pager .amount { float:left; margin:0; padding-top: 6px;} .pager .amount strong{ font-weight:normal;} .pager .limiter { float:right; margin-left:10px; z-index:999 !important; } .pager .limiter label { vertical-align: middle; } .pager .limiter span { display:inline; vertical-align: middle; } .pager .limiter select { margin:0 0 1px; vertical-align:middle; } .pager .pages { margin:0; float:right; } .pager .pages strong{ display:none; } .pager .pages ol {float:left; padding:3px; } .pager .pages li { background:#ffffff; border:1px solid #ddd; cursor: pointer; float:left; margin: 0 4px 0 0; padding:0;} .pager .pages .current , .pager .pages li:hover {background: #32bf96;border: 1px solid #32bf96;} .pager .pages li:hover .next.i-next{} .pager .pages li:hover a{color:#fff;} .pager .pages .current{ color:#fff; padding:2px 9px 0 8px;} .pager .pages li img{ text-decoration:none; } .pager .pages li a { padding: 2px 9px 2px 7px; text-decoration: none; vertical-align: -2px;} /* Sorter */ .sorter { } .sorter .view-mode { float:left; margin:0; } .sorter .sort-by { float:right; padding-right:0px; margin-right:10px; } .sort-by label { margin-right:5px;padding-top: 0px; text-align:left; display:inline; vertical-align: 6px;} .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} .pager .pager_right .sort-by{ float:right; z-index:8;} .pager .pager_right .sort-by .sbHolder { display:inline-block; } .pager .limiter .sbHolder{ display:inline-block; margin: 0 5px; vertical-align: middle;} /* Editing*/ .toolbar-bottom .toolbar .pager .pager_left ,.my-account .toolbar .pager .pager_left{ display: none; } .toolbar .pager .pager_right { color: #565656; float: right; } .toolbar-bottom .toolbar .pager {background:none; border:none;} .toolbar-bottom .pager .limiter { display: none; } .toolbar-bottom .pager .pager_right .sort-by { display: none; } .toolbar-bottom .pager .pages { display: block; } .ie7 .pager .limiter .sbHolder , .ie7 .pager .sort-by .sbHolder { display:inline;} .desc-asc{ float:right; display:inline; margin-left:10px; } .sort-by a.uparrow , .sort-by a.downarrow:hover { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -141px -167px #ffffff; display: block; height: 26px; margin: 0 5px; padding: 0; transition-duration: 300ms; width: 26px; } .sort-by a.downarrow , .sort-by a.uparrow:hover{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -119px -168px #fff; display: block; height: 26px; margin: 0 5px; padding: 0; transition-duration: 300ms; width: 26px; } /* Toolbar */ .toolbar { margin-bottom:0px; } .col-main .toolbar { clear:both; } .toolbar .pager { padding:5px; background:#f2f0f1;} .toolbar .pager .pager_left{ float:left; } .toolbar .pager .pager_right{ float:right; } .toolbar .sorter { } .toolbar-bottom {} /* ==================== List/Grid Image ============*/ .view-mode{ float:left; margin-right:10px; margin-bottom:0; } .view-mode label { display: none; } .view-mode strong.list, .view-mode a.list, .view-mode a.grid, .view-mode strong.grid { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll 0 0 transparent; display:inline-block; height: 29px; margin: 0; text-align: left; text-indent: -999em; width: 26px; } .view-mode a.grid { background-position:-1px -153px;} .view-mode strong.list { background-position: -32px -125px; margin-left:-6px; } .view-mode a.list { background-position: -32px -153px; margin-left:-6px; } .view-mode a.list:hover { background-position:-32px -125px;transition: all 200ms ease 0s;} .view-mode a.grid:hover { background-position:-1px -125px;transition: all 200ms ease 0s;} .view-mode strong.grid { background-position:-4px -125px; } /* Data Table */ .data-table { width:100%; border:1px solid #DDDDDD; } .data-table .odd { background:#fff } .data-table .even { background:#f0f0f0; } /*.data-table tr.odd:hover, .data-table tr.even:hover { background:#ebf1f6; }*/ .data-table td.last, .data-table th.last { border-right:0; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table th { padding:5px 8px; font-weight:normal; } .data-table td { padding:5px 8px; color: #696969;} .data-table thead th { font-weight:bold;/* border-right:1px solid #c2d3e0;*/ padding:7px 8px; color:#4D4D4D; white-space:nowrap; vertical-align:middle; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a, .data-table thead th a:hover { color:#fff; } .data-table thead th { background:#F0F0F0; } .data-table thead th .tax-flag { font-size:11px; white-space:nowrap; } .data-table tfoot { border-bottom:1px solid #d9dde3; } .data-table tfoot tr.first td { } .data-table tfoot tr { background-color:#F0F0F0 !important; } .data-table tfoot td { padding-top:5px; padding-bottom:5px; border-bottom:0; border-right:1px solid #d9dde3; } .data-table tfoot strong { font-size:16px; } .data-table tbody th, .data-table tbody td { /*border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; */} /* Bundle products tables */ .data-table tbody.odd tr { background:#fff !important; } .data-table tbody.even tr { background:#F0F0F0 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .info-box h2,.info-box .h2 { font-weight:bold; font-size:13px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -52px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_collapse.gif) 100% 5px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -52px; } /* Class: std - styles for admin-controlled content */ .widget-static-block ul li , .std ul.disc li{ list-style:none; padding:2px 0; } .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:0px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0px; padding:0; } .std ul { list-style:disc outside; padding-left:0; } .std ol { list-style:decimal outside; padding-left:0; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .header .links li { display:inline; } .header .links li.first { padding-left:0 ; } .header .links li.last { background:none; padding-right:0; } .link-cart { font-weight:normal; } .link-wishlist , .link-compare {font-weight:normal; } .link-reorder { } .link-print { /*background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ } .link-rss { background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-previous { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; text-indent:-999em; overflow:hidden; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie { } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ======================================================================================= */ /* UDM Header ============================================================================ */ .udm-header { display: block; padding: 0; margin: 0; } .udm-header__block { --content-width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 24px max(24px, calc((100% - var(--content-width)) / 2)); margin: 0; max-width: 100vw; gap: 20px; } @media (max-width: 767px) { .udm-header__block { width: auto; } } @media (max-width: 979px) { .udm-header__block { --content-width: 724px; } } @media (min-width: 980px) and (max-width: 1024px) { .udm-header__block { --content-width: 940px; } } @media (min-width: 1024px) and (max-width: 1240px) { .udm-header__block { --content-width: 1000px; } } @media (min-width: 1240px) { .udm-header__block { --content-width: 1200px; } } .udm-header__block--top { background: #313131; color: #EFEFEF; padding-top: 0; padding-bottom: 0; font-family: Istok Web, Roboto, sans-serif; font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 0; vertical-align: middle; } .udm-header__block--bottom { background: #EFEFEF; color: #313131; font-family: Istok Web, Roboto, sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: 0; vertical-align: middle; } /* .udm-header__block :focus { outline: 1px solid currentColor; border-radius: 2px; } */ .udm-header__block a:hover { text-decoration: none; } .udm-header__contacts { flex-grow: 0; flex-shrink: 1; display: flex; flex-direction: row; gap: 16px; } .udm-header__contact { flex-grow: 0; flex-shrink: 1; display: flex; flex-direction: row; align-items: center; gap: 8px; color: inherit; text-decoration: none; } .udm-header__contact-icon { flex-grow: 0; flex-shrink: 0; display: block; width: 40px; height: 40px; padding: 0; margin: 0; } .udm-header__contact-text { flex-grow: 0; flex-shrink: 1; display: block; width: max-content; } .udm-header__localization { display: flex; flex-direction: row; flex-grow: 0; flex-shrink: 1; gap: 16px; align-items: center; height: 100%; align-self: stretch; } .udm-selector__selector { display: flex; flex-direction: row; align-items: center; position: relative; height: 100%; align-self: stretch; padding-right: 5px; margin-right: -5px; } .udm-selector__trigger { display: flex; flex-direction: row; align-items: center; gap: 8px; cursor: pointer; padding: 24px 0; } .udm-selector__trigger-icon { flex-grow: 0; flex-shrink: 0; display: block; width: 40px; height: 40px; } .udm-selector__trigger-icon--small { width: 24px; height: 24px; } .udm-selector__trigger-text { flex-grow: 0; flex-shrink: 1; } .udm-selector__values-wrapper { position: absolute; display: flex; flex-direction: column; top: 0; left: 100%; width: 0; transition: width 0.1s; overflow: hidden; min-height: 100%; } .udm-selector__values { list-style: none; display: flex; flex-grow: 1; flex-shrink: 0; flex-direction: column; align-items: stretch; justify-content: space-evenly; background: #474747; border-left: 1px solid #00A197; padding: 0 10px; margin: 0; } @media (max-width: 1452px) { .udm-selector__values-wrapper { left: unset; right: 100%; } .udm-selector__values { border-right: 1px solid #00A197; border-left: none; } } .udm-selector__value { display: flex; flex-direction: row; padding: 0; margin: 0; } .udm-selector__link { display: flex; flex-direction: row; gap: 8px; align-items: center; flex-grow: 1; flex-shrink: 1; color: inherit; } .udm-selector__link { color: inherit; } .udm-selector__link-icon { width: 16px; height: 16px; display: block; padding: 0; margin: 0; flex-grow: 0; flex-shrink: 0; } .udm-selector__link-text { flex-grow: 0; flex-shrink: 1; } .udm-selector__selector:has(:focus) .udm-selector__values-wrapper, .udm-selector__selector:hover .udm-selector__values-wrapper { width: 120px; } .udm-header__logo-host, .udm-header__logo-wrap { flex-grow: 0; flex-shrink: 0; display: block; padding: 0; margin: 0; order: 1; } .udm-header__logo, .udm-header__logo:hover { color: inherit; text-decoration: none; display: block; padding: 0; margin: 0; } .udm-header__logo img { display: block; } .udm-header__logo-text { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .udm-header__search { display: flex; align-items: center; justify-content: center; flex-grow: 1; flex-shrink: 1; order: 2; } .udm-header__controls { flex-grow: 0; flex-shrink: 0; display: flex; flex-direction: row; gap: 16px; align-items: center; order: 3; } .udm-header__controls-item { flex-grow: 0; flex-shrink: 0; display: flex; flex-direction: row; gap: 8px; align-items: center; color: inherit; } .udm-header__controls-item-icon, .udm-header__controls-item-icon svg { display: block; position: relative; width: 40px; height: 40px; padding: 0; margin: 0; } .udm-header__controls-item-icon--counter { position: absolute; display: block; top: 0; right: 0; background: #EFEFEF; border: 1px solid #E8128A; border-radius: 14px; padding: 2px; aspect-ratio: 1 / 1; width: 14px; height: 14px; line-height: 14px; font-size: 12px; text-align: center; vertical-align: middle; color: #313131; } .udm-header__controls-item-text { flex-grow: 0; flex-shrink: 1; } @media (max-width: 979.9px) { .udm-header__contact-text, .udm-selector__trigger-text, .udm-header__controls-item-text { display: none; } .udm-header__block--bottom { flex-wrap: wrap; } .udm-header__search { order: 4; width: 100%; } } .udm-search { flex-grow: 1; flex-shrink: 1; max-width: 610px; display: flex; flex-direction: row; align-items: center; position: relative; } #freetextsearch_form { flex-grow: 1; flex-shrink: 1; display: flex; flex-direction: row; align-items: stretch; padding: 0; margin: 0; background: #FFFFFF; border-bottom: 2px solid #339397; } /*#freetextsearch_form:has(:focus), #freetextsearch_form:has(.search-complete) { background: #FFFFFF; }*/ #freetextsearch_form .form-search { flex-grow: 1; flex-shrink: 1; display: flex; flex-direction: row; align-items: stretch; padding: 0; margin: 0; background: transparent; } #freetextsearch_form label { flex-grow: 0; flex-shrink: 0; display: block; padding: 12px 0 12px 12px; margin: 0; width: 40px; height: 40px; color: transparent; overflow: hidden; user-select: none; cursor: pointer; background-repeat: no-repeat; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22m25.19%2023.478%206.456%206.456a1.21%201.21%200%200%201-1.713%201.711l-6.455-6.456a9.6%209.6%200%201%201%201.71-1.71m-7.588%201.32a7.2%207.2%200%201%200%200-14.399%207.2%207.2%200%200%200%200%2014.4%22%20fill%3D%22%23313131%22%2F%3E%3C%2Fsvg%3E); background-size: auto; background-position: center right; } #freetextsearch_form input { flex-grow: 1; flex-shrink: 1; padding: 12px 12px 12px 16px; color: inherit; font-size: 16px; border: none; background: transparent; } #freetextsearch_form input:focus { border: none; outline: none; box-shadow: none; background: transparent; } #freetextsearch_form input::placeholder { color: #C0C0C0; } #freetextsearch_form button { width: 0; overflow: hidden; border: none; padding: 0; margin: 0; } .udm-search #showResults { left: 0; right: 0; width: auto; top: 100%; z-index: 1001; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .active.home_first { margin-left: 15px; } .home_first { margin-left: 15px; } .header .logo { float:left; margin:40px 0 0; text-decoration:none; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo , .header .h1.logo { margin:0; } .header .quick-access { float: right; margin:0; padding: 0; position:relative;} .header .welcome-msg { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_pipe1.gif") no-repeat scroll 100% center transparent; float: right; font-size: 14px; padding: 10px 10px 10px 0;margin-right:10px;} .header .welcome-msg a { color:#ebbc58; } .header .form-search { padding: 0; position: absolute; width: 341px; z-index: 15; top:45px; right:12px;} .header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; display: none;} .header .form-search input.input-text { border:1px solid #eee; float: left; font-size: 14px; padding: 0 10px; padding: 8px 10px; width:231px; line-height:20px; border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .ie8 .header .form-search input.input-text{padding:12px 10px 10px 11px; height:auto;} .header .form-search button.button { } .header .form-search button.button > span { border:0; text-transform:uppercase; padding:11px 16px; } .headerbottom { clear: both; float: right; position: relative; width: auto;} .header .form-search button.button span > span { font-size:14px; background:none; padding:0;} .header .form-search button.button:hover span{background:#2eb890;} .social_content .block .actions button.button span{background:#313131;;} .header .form-search button.button span > span{background:none;} .header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; } .header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; } .header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.odd { background-color:#fffefb; } .header .form-search .search-autocomplete li.selected { background-color:#f7e8dd; } .header .form-language{ margin-top:7px; float:right; margin-left:10px; background-color:#2EB890;} .header .form-language label { padding-right:5px; } .header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } .header .tm_top_currency { margin-top:7px; float:left; } .header .tm_top_currency label,.header .form-language label{ line-height:25px;margin-right:5px; float:right; display: none;} .form-language .sbOptions, .tm_top_currency .sbOptions{background-color:rgba(62, 62, 62, 0.9); padding:5px; border:0 none;} .form-language .sbOptions li , .tm_top_currency .sbOptions li{padding:0;} .form-language .sbOptions a , .tm_top_currency .sbOptions a{padding:2px 10px; color:#fff;} .form-language .sbOptions li:hover a , .tm_top_currency .sbOptions li:hover a{background:#2fb991; color:#fff;} .form-language .sbHolder ,.tm_top_currency .sbHolder{ float:right;} .form-language:hover{ background-color: #FE646F; text-decoration: none; } .ie7 .header .form-language { width:250px; } .ie7 .header .tm_top_currency{ width:130px; } .header .header-cart li{ clear:both; margin-bottom:5px; } .ie7 .header .header-cart li{ overflow:hidden; } .header .header-cart #panel{ background: none repeat scroll 0 0 #ffffff; border: 1px solid #dddddd; top: 54px !important; min-width: 20px; padding: 20px; position: absolute; right: 0; text-align: left; width: 260px; display:none;z-index: 999;} .header-cart .main-cart p{margin:0;} .header .header-cart #panel .actions{ margin-top:7px; text-align: center;} .header .header-cart #panel .actions .viewcart-btn{ margin-left:5px; } .header .header-cart #panel .product-name a{ font-size:13px; } .tm_headerlinks_inner{ display:none; } .tm_headerlinkmenu { position: relative; float:right; right: 2px; padding:10px 0; } .tm_headerlinkmenu .links a { color: #6c6c6c; } .tm_headerlinkmenu .links a:hover{color:#2fb991;} .header .links { float:right; margin:0; clear:both; } .header .links li { float:left; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_pipe1.gif) 100% 60% no-repeat; padding:0 8px 0 7px; } .header .links li.first+li+li{display:none;} .header .links li a{ text-decoration:none; font-size: 14px;} .header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; } .header-cart{ float: right; margin-top:35px; position: relative;} .header-cart h4,.header-cart .h4 { color: #696969; margin: 0 0 3px; display:none; } .cart_mini_right{/* padding:10px 5px 10px 35px;*/ cursor: pointer; font-size: 14px; cursor:pointer; color: #696969;} .cart_mini_right:hover{color:#32bf96;} .block-cart.btn-slide { float: left; } .header-cart .cart-label{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll 8px -58px #fe646f; border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; color: #ffffff; display: block; float: left; font-size: 11px; font-weight: 700; height: 52px; margin-left: 20px; margin-right: 0; position: relative; text-align: center; text-transform: uppercase; top: -4px; width: 52px; z-index: 0; cursor:pointer; } .header-cart .right_arrow{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/arrow-down.png") no-repeat scroll center center transparent; display: inline-block; height: 15px; margin: 0 0 1px 4px; vertical-align: middle; width: 10px; display:none; } .header-cart .cart_mini_right .price { display: none;} .ie7 .header-cart .right_arrow{ display:inline} .header_qty{ background: none repeat scroll 0 0 #fff; border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; clear: both; color: #696969; font-size: 13px; font-weight: 500; height: 20px; line-height: 21px; position: absolute; right:-2px; text-align: center; top: -2px; width: 20px; } .header-cart .active .right_arrow{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/arrow-up.png") no-repeat scroll center center transparent;} .headertoggle_img{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -116px -123px; height: 22px; margin: 0 auto; text-align: center; width: 40px; } /********** < Navigation */ .advanced_nav{ display:none; } .nav-inner #nav , .nav-responsive { background: none repeat scroll 0 0 #313131; clear: both; height: auto; } /* All Levels */ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:998; } #nav a, #nav a:hover { display:block; text-decoration:none; } #nav a:hover, .custom_menu:hover a ,/* , div.menu a:hover*/ div.act .parentMenu > a /*,div.active .parentMenu > a*/{ background:#fff; color:#32bf96;} #nav > li:hover > a{background:#646464; color:#fff;} #nav span { display:block; cursor:pointer; white-space:nowrap; font-family: 'Archivo Narrow';} #nav li ul span {white-space:normal; font-family: 'Istok Web';} #nav ul li.parent a { background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_nav2.gif) 100% 100% no-repeat; } #nav ul li.parent li a { background-image:none; } /* 0 Level */ #nav li { float:left; } #nav a , .nav-responsive span {} #nav a , .nav-responsive span { color: #ffffff; display: block; font-family: "Archivo Narrow",sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 0; padding: 21px 15px; text-transform: uppercase; } .custom_menu.menu {display: block;} div.menu a:hover{color:#2fb991;} /* 1st Level */ #nav ul li, #nav ul li.active { display: inline-block; float: none; } #nav ul li.last { padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none;background:none; } #nav ul li a {} /* 2nd Level */ #nav ul ,.responsive-menu #nav-mobile{ /* background:#646464;*/} #nav ul, #nav div {/* position:absolute;*/ width:840px; top:42px; left:-10000px; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:5px; } #nav ul li a { } #nav ul li a:hover , #nav > li ul > li:hover > a , .responsive-menu a:hover { background:#646464;color:#fff!important; /*border-left: 3px solid #ffe35f;*/} #nav ul li a { color:#fff ; text-decoration:none; display:block; padding:21px 15px; font-family: "Archivo Narrow",sans-serif; font-size: 18px; font-weight: 600;} .responsive-menu a{color:#cecece ; text-decoration:none; display:block; padding:21px 15px; font-family: "Istok Web",sans-serif; font-size: 18px; font-weight: normal;} #nav ul li.last li span , .responsive-menu li a { font-size: 14px; padding: 4px; text-transform: capitalize;} /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } .subparentMenu:hover .subparentmenu-hover { display: block; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #fff; margin:0 0 25px; } .block.block-side-nav-container .block-title{background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/category.jpg") no-repeat scroll 0px center #32bf96; } .block.block-side-nav-container .block-title span{padding:1px 0 1px 47px; } .block.block-advancedmenu .block-title { border-left:none; background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/category.jpg") no-repeat scroll 0 center #2fb991; padding:10px 0;} .block.block-advancedmenu .block-title span { margin-left: 63px; } .itemMenuName.level2 > span:hover{color:#2fb991;} .block .block-title { background: none repeat scroll 0 0 #999999; border-left: 5px solid #ffe35f; color: #ffffff; padding: 10px; text-transform: uppercase; } .block .block-title strong { display:block; min-height:16px; color:#fff;font-weight:normal; font-size:18px; font-family: 'Archivo Narrow';} .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0; padding:0; font-weight:normal; } .block.block-layered-nav .block-content{padding: 0px 10px;} .block.block-brand-nav .block-content{padding: 0px 10px;} .block.block-advancedmenu .block-content{padding:2px 10px; border: 0 none; background:#efefef;} .cms-home .block.block-advancedmenu{margin:0;} .block.block-list.block-viewed .block-content{padding:5px 10px 0 ;} .block.block-reorder .block-content{padding:10px;} .block.block-wishlist .block-content {padding: 10px;} .block .block-content { /* position:relative;*/ background: #ffffff; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding:10px 10px 0;} .block .block-content li{ padding:10px; } .sidebar .block.block-layered-nav .block-content li{ padding:10px 5px; border-bottom: 1px solid #eeeeee;} .mini-products-list .block .block-content li{ border-bottom: none;} .sidebar .block .block-content .treeview-side.treeview li{ border-bottom: 1px solid #eeeeee; } .sidebar .block .block-content li{ } /*.sidebar .block-brand-nav .block-content li , .sidebar block .block.block-related .block-content li{border-bottom:none;}*/ .block .block-content li a{ text-decoration:none; font-size: 14px;} .block .block-content li a:hover{text-decoration:underline; color:#32BF96;} .block .block-content li .addto-cart{font-size: 14px; text-transform:none;; color: #313131; text-transform: uppercase;} .block .block-content li .product-details .link-wishlist{text-transform: uppercase;} .block .block-content li a:hover .price{color:#32bf96;} .block .block-content li .product-name a{ font-size:14px; } .block .block-content li.item { padding:8px 0px; } .block.block-related.block .block-content li.item{ padding:0 ;} .block .block-content .product-name { color:#555555;} .block .btn-remove, .block .btn-edit , #panel .btn-edit ,#panel .btn-remove{ float:right; margin:1px 0 2px 5px; } .block .actions { padding:0 0 10px; text-align:right; } .block .actions a { float:left; } .block .actions button.button { float:right; } .block.block-advancedmenu .menu:last-child a{border-bottom:none;} /*.block li.odd { background-color:#f4f3f3; } .block li.even { background-color:#fafafa; }*/ /* Mini Blocks */ /*.block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-gr-search, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { font-size:11px; line-height:1.25; } .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; padding-left:21px; }*/ /* Mini Products List */ .mini-products-list .product-image { float:left; width:50px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:60px; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account .block-content li.current{ padding: 10px 0 !important; border-bottom: 1px dotted #ccc;} .block-account .block-content li.current strong{ font-weight:normal; padding:4px 0 4px 13px !important; color: #32bf96;} #category-treeview li a:hover, .block-account .block-content li a:hover{color:#32bf96;} /* Block: Currency Switcher */ .block-currency { } .block-currency .block-title { } .block-currency .block-title strong { } .block-currency .block-content { } .block-currency .block-content select { } /* Block: Category Navigation */ #category-treeview li a , .block-account .block-content li a { border-bottom: 1px solid #eeeeee; border-top: 1px solid #ffffff; color: #646464; display: block; font-size: 14px; line-height: 22px; padding: 10px 5px; text-decoration: none;background:#fff; } .block.block-account .block-content{ padding: 5px 10px;} #recently-viewed-items a{ border-bottom: 1px solid #eeeeee; color: #646464; display: block; font-size: 14px; line-height: 22px; padding: 5px 0; text-decoration: none;background:none;} .block-brand-nav li a{background:none; border-top: 1px solid #ffffff; color: #696969; display: block; font-size: 14px; line-height: 22px; padding: 8px 5px; text-decoration: none;} .block-brand-nav li a:hover{color:#32bf96;} .ie7 #category-treeview li { display:inline } .block-brand-nav .sbHolder li a , .block-brand-nav .sbHolder li a:hover{ background:none; padding-left:5px; } #category-treeview li , .block-account .block-content li { padding:0 !important; background:#fff;} #recently-viewed-items li { padding:0 !important; background:none;} .block-brand-nav li{background:none;padding:0 !important; border-bottom: 1px solid #eeeeee;} .block-brand-nav li:last-child{border-bottom:none;} #category-treeview li a:hover , .block-account .block-content li a:hover ,.block-account .block-content li.current , #recently-viewed-items a:hover , .block-brand-nav li a:hover {/*background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/cat_arrow_hover.png") no-repeat scroll 3px center transparent;*/} #category-treeview li ul { margin-left:15px; } #category-treeview li ul a {} #category-treeview li ul a:hover {/*background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/subcat_arrow_hover.png") no-repeat scroll 3px center transparent;*/} #category-treeview li.last a , .block-account .block-content li.last a , #recently-viewed-items li.last a , .block-brand-nav li:last-child a{ border-bottom:none; } #category-treeview .hitarea { background: none; height: 25px; width: 16px; float: right; cursor: pointer; margin-right:10px; margin-top: 6px; } #category-treeview .expandable .collapsable-hitarea{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -237px -120px transparent; } #category-treeview .expandable-hitarea { background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -208px -120px transparent; } #category-treeview .collapsable-hitarea { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -236px -120px transparent; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav .block-title {} .block-layered-nav .block-subtitle { line-height:1.35; background:#d5e8ff; padding:3px 9px; border:1px solid #b9ccdd; border-width:1px 0; text-transform:uppercase; display:none; } .block-layered-nav .block-content { } #narrow-by-list .last.even li:last-child {border-bottom:none;} .block-layered-nav dt { color: #231f20; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 10px 5px; border-bottom: 1px solid #eeeeee; } .block-layered-nav dd { padding:0px 0px;} .block-layered-nav a{ /*background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/subcat_arrow.png") no-repeat scroll 3px center transparent;*/ color: #696969} .block-layered-nav a:hover{ /*background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/subcat_arrow_hover.png") no-repeat scroll 3px center transparent;*/} .block-layered-nav dd.last { background:none; } .block-layered-nav .currently li { background:#eeeeee; padding:4px 20px 4px 10px; position:relative; z-index:1; line-height:1.5; } .block-layered-nav .currently .label { font-weight:bold; text-transform:uppercase; display:inline-block; vertical-align:top; } .block-layered-nav .currently .value { display:inline-block; vertical-align:top; } .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position:absolute; right:0px; top:9px; margin:0; background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_remove.gif") no-repeat scroll 0 0 transparent; } .block-layered-nav .currently .btn-previous { right:17px; } .block-layered-nav .actions { font-size:11px; padding:4px 5px 4px 9px; text-align:right; } .block-layered-nav .actions a { float:none; background:none; } /* Block: Cart */ .block-cart .block-title { /*border-bottom:0;*/ } .block-cart .block-title strong { } .block-cart .summary { margin:-1px 0 0; position:relative; z-index:1; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:normal; } .block-cart .subtotal { margin: 30px 0 5px;text-align: center;} .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 8px 0; } /* Block: Wishlist */ .block-wishlist .block-title strong { } .block-wishlist .actions { text-align:right; } .block-wishlist .actions a , .block-related .actions a { float:none; } #wishlist-table .add-to-cart-alt .input-text{ margin-bottom:8px; } /* Block: Related */ .block-related .block-title strong {} .block-related input.checkbox { float:left; } .block-related .tm-checkbox .tm-hide { opacity: 1; } .block-related .product { } .block-related li{ position:relative; } .block-related .tm-checkbox{ position:absolute;background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/check.gif") no-repeat scroll -1px -1px transparent;} #block-related .product-details {margin-top: 10px;} #block-related { padding-bottom: 10px; } /* Block: Compare Products */ .block-compare .block-title strong {} .block-compare button.button span { } .page-popup .link-print { background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; font-weight:bold; color:#1e7ec8; } .compare-table { border:0; } .compare-table thead tr.first th, .compare-table thead tr.first td { border:0; background:none; padding:0; font-size:0; line-height:0; } .compare-table .btn-remove { float:right; background-image:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_remove2.gif); width:72px; height:15px; } .compare-table tbody th { } .compare-table tbody th, .compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; } .compare-table tbody td.last { border-right:1px solid #ccc; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; } .compare-table tr.add-to-row td {text-align:center; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { } .compare-table tr.first td .product-name a { } .compare-table tr.first td .ratings { width:69px; margin:0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin:0; } /* Block: Recently Viewed */ .block-viewed .block-title strong { } /* Block: Recently Compared */ .block-compared .block-title strong { } /* Block: Poll */ .block-poll .block-title strong { } .block-poll .block-subtitle { } .block-poll label { color:#777; } .block-poll input.radio { } .block-poll .label { margin-left: 3px; } .block.block-poll li { padding:4px 0; } .block.block-poll .actions { margin:0 0 10px; padding:0;} .block-poll button.button span { } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Orders and Returns */ .block-gr-search li { padding:3px 9px; } .block-gr-search button.button span { } /* Block: Tags */ .block-tags .block-title strong { } .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .block-content a { } .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe */ .social_content .block-subscribe .block-content { padding:10px 30px 11px; } .block-subscribe .block-content { padding:1px 10px 0; } .block-subscribe .block-title strong { } .block-subscribe label { font-weight:normal; } .block-subscribe input.input-text { display:block; width:194px; margin:3px 0 5px; } .block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; } .block-subscribe .actions button.button { } /* Block: Reorder */ .block-reorder .block-title strong { } .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:0px; display:inline; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner */ .block-banner { border:0; } .block-banner .block-content { padding:0; text-align:center; } /* Block: Login */ .block-login .block-content { padding:5px 10px; } .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } .block-login .actions { background:none; padding:0; margin:3px 0 0; } .block-login .actions button.button span { border-color:#406a83; background:#618499; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px;} .new-products .category-title { margin-bottom: 25px;} .category-image { width:100%; overflow:hidden; margin:0; text-align:center; } .category-image img {} .category-description { padding: 5px 0;} .category-products {} .category-title h2 a,.category-title .h2 a{ padding:0 !important; } .new-products .category-title h2 a,.new-products .category-title .h2 a{font-size:20px;} .new-products .category-title h2,.new-products .category-title .h2 ,.blog_main h2{color:#313131; padding: 10px 0 15px; text-transform: uppercase; background:none; font-size:20px;font-family: 'Archivo Narrow'; border-bottom: 1px solid #ddd;} .category-title h2 , .category-title h2 a,.category-title .h2 , .category-title .h2 a{ color: #313131; font-size: 18px;padding: 10px; text-transform: uppercase;} .crosssell h2,.crosssell .h2{ color: #313131; font-size: 18px;padding: 10px 5px 15px; text-transform: uppercase;} h2.product-name,.h2.product-name{ background:none; padding:0 !important; border-bottom: none !important; margin-top:0px; } /* View Type: Grid */ .products-grid{ width:100%; } .products-grid li.item , .col-main .slider-item{ float:left; width:190px; padding:0; list-style:none; } .products-grid li.item{margin-top: 20px;} .products-grid li.first_item_tm{ } .products-grid li.last_item_tm{ } .products-grid li .product-block{ background: none repeat scroll 0 0 #FFFFFF; border-right: 1px solid #EEEEEE; clear: both; overflow: hidden;padding: 0 10px; } .products-grid li .product-block-inner{overflow: hidden; position: relative; } .bestseller-products-footer .products-grid li.item{margin-top:0; width:auto;} .bestseller-products-footer .product_desc{float:left;margin-left:10px;overflow: hidden;} .bestseller-products-footer .product-image-block { float: left; margin-bottom:0px; border:0 none;} .bestseller-products-footer a.product-image{margin-bottom:0; border:1px solid #d9d9d9;} .bestseller-products-footer .products-grid li .product-block{border-right:0 none; padding:0;background:none;} .bestseller-products-footer .hover_block ,.bestseller-products-footer .product-image-block .new-label ,.bestseller-products-footer .product-image-block .sale-label ,.bestseller-products-footer .product-block .description.grid_rating{display:none;} .bestseller-products-footer .products-grid .price-box{margin:0;} .bestseller-products-footer .products-grid .product-name{margin:0; } .bestseller-products-footer .price-box .price{font-size:16px; padding:0 2px 0 0;} .product-image > img { height: auto; max-width: 100%;} a.product-image { display:block; margin:0 0 5px; } .products-grid .product-name { margin:0px; font-weight:normal; font-size:14px; } .products-grid .product-name a { } .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .manufacture_products .product-carousel .product-block{padding:0;} .product-carousel .product-block{background: none repeat scroll 0 0 #ffffff;border-right: 1px solid #e4e4e4;clear: both;padding: 0 10px;} .new-products-block { clear: both;padding-top:40px;} .manufacture-block {clear: both; margin-bottom: 5px; margin-top: 60px;} .manufacture_products .product-carousel .product-block-inner{padding:10px;} .product-carousel .product-block-inner{ position: relative; } .product-block-inner .new-label{color: #fe646f; display: block; font-size: 12px; font-weight: 700; left: 0px; opacity: 0; padding: 9px 0px; position: absolute; text-align: center; text-transform: uppercase; top: auto; bottom:5px; } .product-block-inner .sale-label{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/tringle.png") no-repeat scroll 0 bottom #e9e9e9; line-height: 11px; color: #666666; opacity:0; font-size: 10px; height: auto; padding: 3px 6px 20px; position: absolute; right: 0; text-align: center; text-transform: uppercase; width: 10px; word-wrap: break-word; z-index: 1 } .products-list li .list-left .new-label{ color: #fe646f; display: block; font-size: 12px; font-weight: 700; left: 0px; opacity:1; padding: 9px 0px; position: absolute; text-align: center; text-transform: uppercase; top: auto; bottom:0px; } .products-list li .list-left:hover .new-label {opacity:1;transition: all 0.9s ease 0s;} .products-list li .list-left .sale-label{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/tringle.png") no-repeat scroll 0 bottom #e9e9e9; line-height: 11px; color: #666666; opacity:1; font-size: 10px; height: auto; padding: 3px 6px 20px; position: absolute; right: auto; left:0; text-align: center; text-transform: uppercase; width: 10px; word-wrap: break-word; z-index: 1 } .products-list .product-image > img{padding:0px;} .products-list li .list-left:hover .sale-label {opacity:1;transition: all 0.9s ease 0s;} /* View Type: List */ .products-list li.item { border-top: 1px solid #eee; margin-bottom: 10px; padding:0px; margin-top: 20px;} .products-list li.item.last{ border-bottom:none;} .products-list li .list-left{ float:left; margin-right:15px; position:relative; } .products-list li .list-center{ width:500px; padding:10px 15px 10px 0; border-right:1px solid #eee; float:left; margin:35px 0 0; } .products-list li .list-right{ padding-left: 10px; overflow:hidden; margin:35px 0;} .products-list li.item.last { } .products-list .product-image { float:left; margin:0 0 10px; } .products-list .product-shop { } .products-list .product-name { margin:0 0 5px; font-weight:normal; color:#203548; } .products-list .product-name a { color:#696969;font-size: 15px; text-transform: uppercase;} .products-list .price-box { margin:3px 0px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:0px 0 0; margin:10px 0 0; line-height:1.35; color:#acacac;} .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; display: inline-block; position:relative;} .products-list .add-to-links li a{margin-left:0;margin-right:5px;} .products-list .add-to-links li { float:left; } /*.products-list .add-to-links .separator { display:inline; margin:0 2px; }*/ .products-list li .ratings .rating-box{ float:left; margin-right:8px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /********************** Product View Tabs */ .product-view .tabs { border-bottom: 1px solid #eeeeee; margin: 30px 0 0; overflow: hidden; } .product-view .tabs li { margin-right:3px; float: left; line-height: 18px; float:left; } .product-view .tabs li.first{ border-left:0; } .product-view .tabs li.last{ border-right:0; } .product-view .tabs a { display: block; font-family: 'Archivo Narrow';font-size: 18px; font-weight: normal;padding:15px 13px; text-decoration: none; text-transform: uppercase; color:#313131;} .product-view .tabs a:hover { background-color:#fe646f; text-decoration:none; color:#fff;text-decoration: none;border-bottom: 2px solid #32bf96;} .product-view .tabs li.active a, .product-view .tabs li.active a:hover { background:#fe646f;color:#fff; border-bottom: 2px solid #32bf96; } #product_tabs_tags_tabbed_contents.input-box input { width: 300px; } #product_tabs_tags_tabbed_contents .input-box { float:left; margin-bottom:6px;} #product_tabs_related_tabbed_contents li .product-images SPAN {} #product_tabs_related_tabbed_contents ol { clear: both;} .product-collateral:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .product-collateral .padder { background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; padding: 15px 10px;} #product_tabs_description_tabbed_contents h2,#product_tabs_description_tabbed_contents .h2,#product_tabs_related_tabbed_contents .block-title { display:none; } .padder div.std{font-size:13px;} .padder h6,.padder .h6{ color: #444444; font-size: 16px; font-weight: normal; margin-bottom: 10px; display:none; background:#E1E1E1; } .products-list .product-shop .ratings {border-bottom:none;} .product-shop .ratings {border-bottom: 1px solid #eeeeee; padding: 0 0 3px; margin:5px 0;} /* Rating */ .no-rating { border-bottom: 1px solid #eeeeee; margin: 0; padding-bottom: 2px; } .product-block-inner .ratings .amount{display:none;} .ratings { line-height:1.25; margin:5px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; display:none; float:left;} .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box {margin-right:8px; display:inline-block; float: left; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:10px 0 7px; line-height:25px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/availability.png) 0 3px no-repeat; padding-left:30px; } .availability-only span, .availability-only a { } .availability-only a { background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#d2d6d9; font-size:10px; padding:0 8px; } .availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } .product-view .product-shop .availability { } .product-view .product-shop .availability span { font-weight:normal; color: #FF0000; } /* Email to a Friend */ .email-friend { margin:0; } /* Alerts */ .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** < Product Prices */ .price { white-space:nowrap !important; color:#313131; } /*.price:hover{color:#32BF96;}*/ .price-box { margin:5px 0; line-height: 14px; } .price-box .price { font-weight:500; font-size:20px;font-family: 'Archivo Narrow',sans-serif; } .block.block-related .price-box .price {font-size:18px;} /* Regular price */ .regular-price .price { font-size: 20px; font-weight: normal; color:#313131; font-family:'Archivo Narrow',sans-serif;} .block .regular-price, .block .regular-price .price { } /* Old price */ .old-price { margin:0; text-decoration: line-through; color:#acacac; } .old-price .price-label { white-space:nowrap; color:#999; } .old-price .price { font-weight:normal; color:#c76200;font-size:14px; text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:3px 5px; color:#313131;} .special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; color:#cd5033; } .special-price .price { font-size:15px; font-weight:normal; color:#313131; } /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; margin:3px 0; } .minimal-price-link .label {color:#2FB992;} .minimal-price-link .price { font-weight:normal; color:#2FB992; font-size:13px; } .block.block-related .block-content .minimal-price-link .label,.block.block-related .block-content .minimal-price-link .price {color:#696969;} .block.block-related .block-content .minimal-price-link .label:hover , .block.block-related .block-content .minimal-price-link .price:hover{color:#2fb991} /* Excluding tax */ .price-excluding-tax { display:block; color:#999; } .price-excluding-tax .label { white-space:nowrap; color:#999; } .price-excluding-tax .price { font-size:13px; font-weight:normal; color:#c76200; } /* Including tax */ .price-including-tax { display:block; color:#999; } .price-including-tax .label { white-space:nowrap; color:#999; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#c76200; } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; color:#999; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle { padding:0 0 10px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { padding: 10px; background-color:#f0f0f0; margin-bottom:10px; } .tier-prices li { line-height:1.4; padding:2px 0 2px 0px; } .tier-prices .benefit { font-style:italic; font-weight:bold; } .tier-prices .price { font-weight:bold; } .tier-prices-grouped li { padding:2px 0; color:#e26703; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .hover_block .add-to-links{padding:0; transition:all 0.5s ease 0s; display:inline-block;margin:0; } .add-to-links { margin:5px 0 0; font-size:12px; } .add-to-links li{ list-style:none; float:left;} .add-to-links .separator { display:none; } .add-to-links li a.link-wishlist{ } .add-to-links li a.link-compare{ } .availability.out-of-stock { float: left; padding-left: 5px; } .products-list .availability.out-of-stock { float: left; padding-left: 0px; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:8px; font-weight:bold; color:#666; margin-top:5px; } .add-to-cart .qty { float: left; margin-right: 5px; padding: 7px 4px 6px; text-align: center; } .add-to-cart button.button { float:left; text-transform: uppercase;} .add-to-cart .paypal-logo { clear:left; margin:0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .product-view .add-to-box { margin: 0; padding-bottom: 15px;} .add-to-box { margin:10px 0; } .add-to-box .add-to-cart { } .add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; } .add-to-box .add-to-links { float:left; margin:0; text-align:left; } .add-to-box .add-to-links li { margin-right:10px; } .add-to-box .add-to-links li .separator { display:none !important; } .product-view { } .product-essential h2,.product-essential .h2 {display:none; } .product-collateral { } .product-collateral h2 ,.related-products .block-subtitle ,.box-tags h3,.product-collateral .h2 ,.related-products .block-subtitle ,.box-tags .h3{ font-weight:normal; font-size:15px; border-bottom:1px solid #eee; padding:0 0 10px; margin:0 0 15px; } .product-collateral .box-collateral { margin:0 0 25px; } .related-products .block-subtitle{ margin-top:10px; } /* Product Images */ .product-view .product-img-box { float:left; width:355px; margin-right: 15px;} .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { margin:0 0 13px; position:relative; z-index:1; border: 1px solid #eee;} .product-view .product-img-box .product-image #wrap{ } .product-view .product-img-box .product-image-zoom { position:relative; width:300px; height:300px; overflow:hidden; z-index:9; border:1px solid #DBDEE1; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { font-size:11px; margin:0 0 5px; text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views h2,.product-view .product-img-box .more-views .h2 { font-size:11px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .product-view .product-img-box .more-views ul { margin-left:-9px } .product-view .product-img-box .more-views li { float:left; margin:0 0 8px 9px; } .product-view .product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; overflow:hidden; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { font-weight:bold; margin:0 100px; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px; } .sku { padding: 5px 0; display:none; } /* Product Shop */ .product-view .product-shop { float:right; width:533px; } .col1-layout .product-view .product-shop { float:right; width:663px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-shop .product-name { margin: 0;padding-bottom: 10px; } .product-view .product-shop .product-name h1,.product-view .product-shop .product-name .h1 { margin:0; text-transform: uppercase; font-family: 'Archivo Narrow'; font-size:18px; color: #696969;} .product-view .product-shop .availability { float: right; margin: 10px 0 0; text-align:right; } .product-view .product-shop .short-description { font-size: 13px; margin: 0; padding-top: 10px;} .product-view .product-shop .price-box { margin:10px 0 ; } .product-view .product-shop .price-box .price{ font-size:20px; } .product-view .product-shop .add-to-links { margin:0px 0; font-size:13px; } .product-view .product-shop .add-to-links li a{width:98px; height:18px;} .product-view .product-shop .add-to-links li{ float:left;} .product-view .product-shop .add-to-links li .separator { display:none; } .product-view .product-shop .add-to-links a.link-wishlist{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -10px -412px transparent; padding-left: 20px; } .product-view .product-shop .add-to-links a.link-wishlist:hover{background-position: -225px -412px;} .product-view .product-shop .add-to-links li a.link-compare, .product-view .product-shop .add-to-links a.link-wishlist{font-size:13px;} .product-view .product-shop .add-to-links a.link-compare{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -10px -448px transparent; padding-left:21px; } .product-view .product-shop .add-to-links a.link-compare:hover{background-position: -225px -448px;} .product-view .product-shop .ratings .rating-links{ display:block; } .email-addto-box{margin-top: 10px;} .email-addto-box .email-friend { float:left; margin-right:10px; } .email-addto-box .email-friend a{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -9px -379px transparent; padding-left: 23px; } .email-addto-box .email-friend a:hover{ background-position:-224px -379px;} #prev-next-links{ float:right; margin-top:-27px; width:60px; } #prev-next-links a{height:30px; width:30px; display:block; margin-bottom:0; text-decoration:none;} #prev-next-links a#link-previous-product{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -201px 4px transparent; float:left;} #prev-next-links a#link-next-product{background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -231px 4px transparent; float:right;} #prev-next-links a#link-next-product:hover{background-position: -231px -27px; } #prev-next-links a#link-previous-product:hover{background-position: -201px -27px; } /* Product Options */ .product-options { margin: 0; padding: 0px; position: relative; z-index:0; } .product-options .last{padding-bottom:7px;} .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-weight:normal; } .product-options dt label.required em { color:#DD4B39; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { padding:5px 10px 10px; margin:0 0 5px; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; padding-left: 0;} .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; z-index: 9;} .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { margin-top:3px; margin-right:9px; } .product-options ul.options-list input.checkbox { margin-top:0px; float:left; } .product-options ul.options-list .label {display:inline; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:11px; } .product-options p.required { position:absolute; right:0px; top:16px; } .product-options-bottom { padding: 3px 0; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color:#e26703; } .product-options-bottom .price-box { float:left; margin:0; padding:0; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } .col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; } .product-options-bottom .price-label { float:left; padding-right:5px; } .product-options-bottom .price-tax { float:left; } .product-options-bottom .add-to-cart { float:left; margin:10px 0; } .product-shop .product-options-bottom { margin:0; } .product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; display:none;} .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { float:left; padding-top:12px; } .product-shop .product-options-bottom .add-to-links { padding:5px 0 0; text-align:left; display:none; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin:0; padding:0; } /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height:1.25; } /* Block: Upsell */ /*.product-view .box-up-sell h2 { padding:0 0 10px; margin:0 0 8px; } */ .product-view .box-up-sell .products-grid .product-image { text-align:center; } .product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3,.product-view .box-tags .h3 { } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_pipe1.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .form-add label { display:block; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; } .product-view .box-tags .form-add input.input-text { width:300px; margin-right:5px; } .product-view .box-tags .form-add button.button span { } .product-view .box-tags .note { margin:3px 0 0; padding:0 0 0px; font-size:12px; } /* Block: Reviews */ .product-view .box-reviews dl { margin:15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 15px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:15px 0 0; } .product-view .box-reviews .form-add h3,.product-view .box-reviews .form-add .h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span ,.product-view .box-reviews .form-add .h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4,.product-view .box-reviews .form-add .h4 { font-size:12px; } .product-view #product-review-table{ max-width:180px; margin:15px 0; } .product-view #product_tabs_review_tabbed_contents .form-list .input-box{ max-width:500px; width:100%; } .product-view #product_tabs_review_tabbed_contents .form-list textarea{ width:95%; } .product-view .box-reviews .form-add .data-table td { text-align:center; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width:360px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:354px; } /* Send a Friend */ .send-friend .form-list { width:623px; overflow:hidden; } .send-friend .form-list li { margin-right:-15px; } .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { width:315px; } .send-friend .form-list .input-box { width:300px; } .send-friend .form-list input.input-text, .send-friend .form-list textarea { width:294px; } .send-friend .form-list li.wide .input-box { width:612px; } .send-friend .form-list li.wide textarea { width:609px; } .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:0; font-size:14px; font-weight:normal; } .product-name a , .product-review .product-name { color: #696969; font-size: 14px; margin-bottom: 5px; text-decoration: none;} .product-name a:hover{ color:#333; text-decoration:none; } .product-name a:hover{color:#2fb991;} /* Product Tags */ .tags-list { display:block; border:1px solid #EDEDED; background:#FBFBFB; padding:10px; } .tags-list li { display:inline !important; margin:0 4px 0 0; } .tags-list li a { color:#1b2d3b; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float:left; clear:none; } .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; padding-left:15px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_search_criteria.gif) 0 3px no-repeat; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -33px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline;} .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/subcat_arrow.png") no-repeat scroll 3px center transparent; padding-left:12px;} .page-sitemap .sitemap a:hover{background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/subcat_arrow_hover.png") no-repeat scroll 3px center transparent; } .page-sitemap .sitemap li { margin:5px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a { color:#1e7ec8; } .contacform{ border-right: 1px solid #EDEDED; float: left; margin-right: 10px; padding-right: 15px; width: 46%; } .googlemap{ float: right; margin-top: 10px; width: 50%;} .contacform .form-list li.wide .input-box{width: 100%;} .contacform .form-list li.wide textarea{width: 97%;} .contacform .fieldset{ margin-top:10px; } .googlemap .form-list li.wide .input-box{width: 100%;} .googlemap .form-list li.wide textarea{width: 97%;} .googlemap .fieldset{ margin-top:10px; } .google-maps { position: relative; padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* RSS */ .rss-title h1,.rss-title .h1 { background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .page-title { border-bottom:0; margin:0px; } .cart .page-title h1,.cart .page-title .h1 { margin:10px 0 0; } /* Checkout Types */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table th { padding:2px 10px; } .cart-table td { padding:10px; } .cart-table .product-name { margin:0 0 5px; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .cart-table tfoot td { padding:5px 10px; } .cart-table .btn-continue { float:left; } .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span { font-family:"Istok Web";} .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table .btn-update { margin-left:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col1-set{ width:325px; float:left;} .cart .cart-collaterals .col2-set { float: right; width: 830px; } /*.cart .cart-collaterals .col2-set .col-1{width:360px} .cart .cart-collaterals .col2-set .col-2 { width:310px; }*/ .multiple-checkout .buttons-set{ margin: 20px 0;} .cart .crosssell { margin-bottom:10px;} .cart .crosssell .product-image { } .cart .crosssell .link-compare { font-weight:normal; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { border:1px solid #DBDEE1; padding:20px 30px; margin:0 0 35px; } /*.cart .discount h2, .cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; padding:0 0 0 0px; color:#e26703; text-transform:uppercase; }*/ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } .shopping_CMS_main1{margin-bottom:10px; } .cart .discount .input-box { margin:8px 0 0; width:260px; } .cart .discount input.input-text { width:254px; } .cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; } /* Shopping Cart Totals */ .cart .totals { float:right; width: 384px; background:#FBFBFB; border:1px solid #DBDEE1; margin-bottom:10px; } .cart .totals table { width:100%; margin:7px 0; } .cart .totals td { padding:1px 15px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top:5px; padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:20px; } .cart .totals .checkout-types { font-size:13px; padding:0px; text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 10px; } .cart .totals .checkout-types li:last-child{ background:#ddd; padding: 7px; text-align: center; border-top:1px solid #fff; margin:0;} /* Options Tool Tip */ .item-options dt { font-weight:bold; float:left; margin-right:10px; } .item-options dd { padding-left:10px; margin:0 0 6px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; width:100px; border:1px solid #ddd; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:13px 0 5px; font-weight:bold; } .sp-methods dd {} .sp-methods dd li { margin:5px 0; } .sp-methods label { font-weight:normal; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { margin-top: 15px; padding-left: 0;} .sp-methods .form-list li { margin:0 0 8px; } .sp-methods select.month { width:154px; margin-right:10px; margin-bottom:5px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages h3,.gift-messages .h3 { font-weight:normal; } .gift-messages p.control { } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4,.gift-messages-form .h4 { font-weight:bold; } .gift-messages-form .whole-order { margin:0 0 25px; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:255px; } .gift-messages-form .item .details .form-list .input-box { width:240px; } .gift-messages-form .item .details .form-list input.input-text { width:234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } .gift-messages-form .item .details .form-list li.wide textarea { width:98%; } .gift-message-link { font-size:11px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; width:16px; height:16px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_gm-close.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#666; } .opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; } .opc .checkout-agreements .agree { padding-left:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; } /* Generic Info Set */ .info-set { border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .info-set h2,.info-set .h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .info-set h3,.info-set .h3, .info-set h4 ,.info-set .h4 { font-size:13px; font-weight:bold; color:#E26703; } .info-set h2 a, .info-set h3 a, .info-set h4 a, .info-set .h2 a, .info-set .h3 a, .info-set .h4 a { font-weight:normal; } .info-set h2.legend ,.info-set .h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .info-set h3.legend ,.info-set .h3.legend { margin:0 0 10px; color:#0a263c; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2,.info-set .box .h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { border:0; margin:0; } /*.block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-progress .block-title strong { font-size:13px; color:#0a263c; } .block-progress .block-content { background:none; }*/ .block-progress dt {margin:0; padding:5px 8px; /* font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; color:#999;*/ } .block-progress dd { padding:8px 13px; margin:0 0 10px; } .block-progress dt.complete { margin:0; border-bottom: 1px solid #DDDDDD; } .block-progress dd.complete {} .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } /* show/hide "change" link for progress step depend on complete status * should be placed in .css file */ #checkoutSteps{ margin-bottom:30px; } .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt.complete a{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/edit.png") no-repeat scroll 0 0; padding-left: 20px; font-size:12px;} .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } .opc .buttons-set { margin-top:0; padding-top:15px; border:none; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link small { /*display:none;*/ } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc li.section {border-bottom: 1px solid #DDDDDD;} .opc .step-title { border-width:0 1px; border-style:solid; border-color:#fff #DDDDDD #DDDDDD; background:#F0F0F0; padding:8px 8px; text-align:right; } .opc .step-title .number { float:left; background:#545F61; border:1px solid #545F61; padding:1px 7px 0 5px; margin:0 5px 0 0; color:#fff; } .opc .step-title h2,.opc .step-title .h2 { float:left; margin:0; font-size: 14px; } .opc .step-title a { display:none; float:right; line-height:16px; color:#fff; } .opc .allow .step-title { background:#313131; /*border:1px solid #fff;*/ border-bottom:0; cursor:pointer; border-bottom:1px solid #fff;} .opc .allow .step-title .number { background:#313131; border-color:#fff; color:#fff; } .opc .allow .step-title h2,.opc .allow .step-title .h2 { color:#FFFFFF; } .opc .allow .step-title a { display:block; color:#fff; } .opc .active .step-title { background:#32bf96; border: 1px solid #32bf96; color: #ffffff; cursor: default; padding:5px;} .opc .active .step-title .number { background:#32bf96; border-color:#fff; color:#fff; } .opc .active .step-title h2,.opc .active .step-title .h2 { color:#fff; line-height: 23px; text-transform: uppercase;} /*.opc .allow .step-title:hover { border-left:none; border-right:none; }*/ /*.opc .allow .step-title:hover .number { }*/ .opc .active .step-title a { display:none; } .opc .step { border:1px solid #DDDDDD; border-top:0; padding:15px 30px; position:relative; margin-bottom:-1px; } .opc .step .tool-tip { right:30px; } #opc-login .buttons-set { border-top:0; } #opc-login h3,#opc-login .h3 { border-bottom:1px solid #e4e4e4; padding-bottom:10px; text-transform:capitalize; font-weight:normal; } #opc-login h4,#opc-login .h4 { font-size:1em; font-weight:bold; margin:0; } #opc-shipping_method .buttons-set { border-top:0; } .opc .gift-messages-form { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #DDDDDD; margin: 0; padding: 0; } .opc .gift-messages-form .inner-box { padding:10px; height:260px; overflow:auto; } #opc-review .step { border:0; padding:0; } #opc-review .product-name { } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { padding:20px 30px; border:1px solid #d9dde3; border-width:0 1px 1px; } #opc-review .buttons-set p { margin:0; line-height:40px; } #opc-review .buttons-set .please-wait { height:40px; line-height:40px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Multiple Addresses Checkout */ .checkout-onepage-success h2,.checkout-onepage-success .h2{ border-bottom:none;} .checkout-progress {padding: 30px 90px;} .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #545F61; padding:2px 0 0; font-weight:normal; text-align:center; color:#545F61; } .checkout-progress li.active { border-top-color:#32bf96; color:#32bf96; } .multiple-checkout h3, .multiple-checkout h4, .multiple-checkout .h3, .multiple-checkout .h4 { font-weight:normal; margin-bottom:10px; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .multiple-checkout .h2 a, .multiple-checkout .h3 a, .multiple-checkout .h4 a { font-weight:normal; font-size:13px; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { border:1px solid #EDEDED; margin:0 0 25px; padding:20px; } .multiple-checkout .col2-set h2.legend,.multiple-checkout .col2-set .h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#F0F0F0;position:relative; } .multiple-checkout .col2-set h3.legend,.multiple-checkout .col2-set .h3.legend { margin:0 0 10px; color:#0a263c; } .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .box h2,.multiple-checkout .box .h2 { } .multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 21px; overflow:hidden; } .multiple-checkout .place-order .grand-total .inner { float:left; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; } .multiple-checkout .place-order .grand-total .price { color:#E26703; } .multiple-checkout .place-order .grand-total button.button span { font-size:16px; } .multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:450px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:98%; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #EDEDED; background:#FBFBFB; padding:13px; position:relative; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .col2-set .col-2{border-left: 1px solid #eeeeee;padding-left: 19px;} .account-login .content { border-bottom:0; } .account-login .content h2 , .fieldset .legend , .box-account .box-head h2 , .addresses-list h2 , .multiple-checkout h2 ,.checkout-onepage-success h2 , .order-info-box h2 , .sales-order-print .col2-set h2, .account-login .content .h2 , .fieldset .legend , .box-account .box-head .h2 , .addresses-list .h2 , .multiple-checkout .h2 ,.checkout-onepage-success .h2 , .order-info-box .h2 , .sales-order-print .col2-set .h2 { /*border-bottom:1px solid #ededed;*/ color: #313131; font-size: 18px; font-weight: normal; margin: 0 0 14px; padding: 0 0 10px; text-transform: capitalize;} .multiple-checkout h2,.multiple-checkout .h2{font-size:16px;} .account-login .buttons-set { margin:0; } .account-create {} /* Captcha ================================================================================ */ .captcha-note { clear:left; padding-top:5px; } .captcha-image { float:left; display:inline; margin:0; position:relative; width:258px; } .captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:0;} .captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; } .remember-me-popup h3,.remember-me-popup .h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { padding:10px; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 15px; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { background:#fff; margin: 0 0 20px; } .box-account .col2-set .col-1{ border-right: 1px solid #EDEDED; float: left; padding-right: 10px; width: 48.5%; } .dashboard .box .box-title { background: #f3f3f3; margin: 0 0 10px; padding: 8px 5px; text-align: right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 , .dashboard .box .box-title .h3, .dashboard .box .box-title .h4 { float:left; font-size:16px; font-weight:normal; margin:0; color: #696969;} /* Block: Recent Orders */ /* Block: Account Information */ .dashboard .box-info h4,.dashboard .box-info .h4 { font-weight: normal; text-transform: capitalize; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2,.dashboard .box-reviews .box-head .h2 {} .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .number ,.dashboard .box-reviews .number{ float:left; font-weight:bold; line-height:1; color:#333; margin:0px; padding:5px 7px; background:#ccc; } .dashboard .box-tags .details , .dashboard .box-reviews .details{ margin-left:30px; } .dashboard .box-tags li.item , .dashboard .box-reviews li.item{ margin:10px 0 7px; } .dashboard .box-tags li.item.last , .dashboard .box-reviews li.item.last { margin-bottom:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h3,.addresses-list .h3 { font-weight:normal;} .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { background:#fff;padding:10px 0px; margin:0 0 10px; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } /* Order View */ .order-info { background: #f0f0f0 none repeat scroll 0 0; border: 1px solid #d9dde3; border-radius: 0; margin: 0 0 8px; padding: 7px 8px;-webkit-border-radius:0px;-khtml-border-radius:0px;-moz-border-radius:0px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info .current { font-weight:bold; } .order-info li { margin:0 3px; } .order-date { margin:10px 0; } .order-info-box , .sales-order-print .col2-set{ border:1px solid #EDEDED; padding:12px 15px; margin:0 0 15px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3, .order-items .h2, .order-items .h3 { margin:0 0 5px; } .order-items .product-name { } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align:right; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1,.page-print .h1 { font-size:16px; font-weight:bold; } /*.page-print h2, .page-print h3 { font-size:13px; font-weight:bold; }*/ .page-print h2.h2,.page-print .h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .data-table td { padding:10px; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; margin-top:10px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span { } #wishlist-table .add-to-links { white-space:nowrap; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } /*.product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; }*/ .product-review h3,.product-review .h3 { font-size:12px; margin:0 0 3px; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2,.map-popup-heading .h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer .store-switcher { display:inline; margin:0 5px 0 0;} .footer .store-switcher label { font-weight:bold; vertical-align:middle; } .footer .store-switcher select { padding:0; vertical-align:middle; } .footer a { text-decoration:none; color: #32bf96;} .footer a:hover { text-decoration:underline; color:#32bf96; } .footer .bugs { margin:13px 0 0; color:#777; } .footer .bugs a { color:#777; text-decoration:underline; } .footer .bugs a:hover { text-decoration:none; } .footer address { margin:0px; padding: 0;} .footer address a { color:#777; text-decoration:underline; } .footer address a:hover { text-decoration:none; } .footer ul { } .footer_bottom ul.links { margin-bottom: 3px; } .footer li { padding: 0px 0 6px; } .footer_bottom li{display:inline; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/bkg_pipe1.gif) 100% 60% no-repeat;padding:0 6px 0 3px; } .footer ul.links li.last { background:none; } .footer-container .bottom-container { margin:0 0 5px; } .ie7 .footer_top li { display:block; padding-bottom:7px; padding-left:0px; } .ie7 .footer_top ul{ display:block;} .ie7 .social_block ul li{ padding-bottom:0px;} .footer .mobile_togglemenu{ display:none; } #footer {line-height: 24px;} .footer_top{ padding:70px 0px; overflow:hidden;background:#efefef; } .footer_bottom{ clear: both; overflow: hidden; padding:20px 0; font-size: 13px; color: #696969;} .footer-content { background: none repeat scroll 0 0 #efefef;} #footer #block_1 { line-height: 23px; margin-left: 12px; padding-left: 0 !important; padding-right: 35px; padding-top:25px;} #footer #block_1 p{margin-bottom:15px;} #footer #block_3 { padding-bottom: 10px;border-right: 1px solid #d9d9d9;} #footer .footer-area{ float: left; padding-left: 40px; width:21%; padding-right: 1px;} #footer #block_4{ margin-right:0; border-right:none; } #footer #block_2 { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; } #footer h6 ,#footer .block .block-title strong ,.bestseller-products-footer h6 a, #footer .h6 ,#footer .block .block-title strong ,.bestseller-products-footer .h6 a{ color: #313131; color: #313131; font-family: "Archivo Narrow",sans-serif; font-size: 20px; font-weight: normal; margin-bottom:30px; margin-top: 0; position: relative; text-transform: uppercase;} .social_block ul li{ float:left; height:35px; width:35px; margin:0 5px; padding:0; cursor:pointer; } #footer .block { border:none; margin-bottom:10px; } #footer .block .block-title{ background:none; padding:0; line-height:20px; } #footer .block-subscribe .block-content{ background:none; border:none; padding:0;} #footer .block-subscribe input.input-text{ width: 213px;} #footer .mobile_togglemenu { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/toggle-arrow.png") no-repeat scroll right 0px transparent; cursor: pointer; display: block; font-size: 15px; margin-right: 0; margin-top: -20px; overflow: hidden; padding: 0 0 4px 4px; text-decoration: none; position:absolute; width: 100%; right:2px; } .padder h5.mobile_togglemenu,.padder .h5.mobile_togglemenu { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/toggle-arrow.png") no-repeat scroll right 4px transparent; cursor: pointer; display: block; font-size: 15px; overflow: hidden; padding: 0 0 4px 4px; position: absolute; right: 10px; text-decoration: none; top: 4px; width: 99%; } .padder .active .mobile_togglemenu { background-position: right -48px;} #footer .active .mobile_togglemenu{ background-position: right -52px;} .toggle .mobile_togglecolumn { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/toggle-arrow.png") no-repeat scroll right 1px transparent; cursor: pointer; display: none; margin-top: -21px; overflow: hidden; padding: 0 0 4px; width: 100%; } .active .mobile_togglecolumn { background-position: right -51px; } #topcontrol{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/back_to_top.png") no-repeat scroll 0 0 transparent; font-size: 0; width:34px;height:34px;right:14px !important; bottom:11px !important; } /* ======================================================================================= */ /* Sample Data============================================================================ */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px; } .best-selling h3,.best-selling .h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:#eee url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .guest-select {width:305px !important;} /* Default Width Start*/ .blog_default_width{width:350px;} .grid_default_width { width: 228px;} .featured_default_width { width: 228px;} .newproduct_default_width{ width: 228px;} .bestseller_default_width { width:228px;} .footerbestseller_default_width{width:190px;} .special_default_width{ width: 228px;} .additional_default_width{ width:80px; } .brand_default_width, .manufacture-product li.slider-item, .manufacture-product li.product-items {width: 220px; } .related_default_width, .related-products li.slider-item, .related-products li.product-items{ width: 185px;} .upsell_default_width, .box-up-sell li.slider-item, .box-up-sell li.product-items{ width: 200px;} .crosssell_default_width, .crosssell li.slider-item , .crosssell li.product-items{ width: 228px;} /* Default Width End*/ .headercms { padding:0px; position: relative; } .inner-cms { background-color: #ffffff; height: 81px; padding:15px 0 9px; position: relative; } .box-cms-content .content { padding: 18px 3px; } .first-content { float: left; padding: 18px 0; position: relative; width: 32%; } .second-content { float: left; padding: 18px 0; position: relative; width: 34%; } .third-content { float: left; padding: 18px 0; position: relative; width: 32%; } .first-content .service-content { border-right: 1px solid #dcdcdc; } .second-content .service-content { border-right: 1px solid #dcdcdc; height: 42px; padding: 0 0 0 45px; width: auto; } .third-content .service-content { height: 42px; padding: 0 0 0 50px; width: auto; } .icon-left1 { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -6px -485px transparent; float: left; padding: 7px; } .icon-left2 { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll 0px -536px transparent; float: left; padding: 10px 11px; } .icon-left3 { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll 0px -585px transparent; float: left; padding: 12px; } .service-right { overflow: hidden; padding-left: 8px; text-align: left; } .service-right .title { color: #4e4e4e; font-family: "Archivo Narrow",sans-serif; font-size: 15px; font-weight: bold; } .service-right .title-sub { color: #a5a5a5; } .subbanner.bottom{margin-top:50px;} .subbanner{ float: left; margin-top:25px; position: relative; width: 100%;} .banner { float: left; overflow:hidden;} .subbanner1 img , .subbanner2 img ,.subbanner3 img { overflow: hidden; transform: scale(1); transition: all 0.9s ease 0s; max-width:100%;} .subbanner1 img:hover , .subbanner2 img:hover ,.subbanner3 img:hover{transform: scale(1.08); transition: all 0.9s ease 0s;} .subbanner2.banner { margin: 0 25px;} .cms-banner-left { float: left;} .single-banner div, .cms-banner2, .cms-banner3 { overflow: hidden;} .single-banner div img, .cms-banner-right .single-banner img { transition: all 1s ease 0s; vertical-align: middle;} .single-banner div:hover img, .cms-banner-right .single-banner:hover img { transform: scale(1.08);} .cms-subbanner2 { margin-top: 25px;} .cms-banner-right {float: left;} .cms-banner2 { margin: 0 25px;} .cms-banner2, .cms-banner3 { float: left;} /* slider*/ .info1 { color: #ffffff; float: left; font-family: 'Archivo Narrow'; font-size: 18px; position: absolute; text-align: center; text-transform: uppercase; top: 15px; width: 100%; z-index: 99; } .info2 { color: #ffdc37; float: left; font-family: 'Archivo Narrow'; font-size: 18px; position: absolute; text-align: center; /* text-transform: capitalize; */ top: 40px; width: 100%; z-index: 99; } .ei-slider ul.ei-slider-thumbs{list-style:none;} .ei-slider-thumbs li:first-child+li a{border-left:none;} .manufacture_products .category-title{display:none;} .list-center .add-to-links li em { position: absolute; top:-37px; margin-left: -35px;} .product-carousel .add-to-links li em, .products-grid .add-to-links li em { top: -37px;} .add-to-links li em { background: none repeat scroll 0 0 #ffffff; border: 1px solid #dddddd; color: #fe6468; display: none; font-style: normal; line-height: 16px; margin-left: -30px; min-width: 100px; padding: 5px 2px; position: absolute; text-align: center; top: -30px; z-index: 2; font-family:"Istok Web",Arial,Helvetica,sans-serif; } .add-to-links li em .pattern { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/tooltip_reverse.png") no-repeat scroll 0 0 transparent; bottom: -7px; display: block; height: 7px; position: absolute; right: 40%; width: 19px; z-index: 2; } .add-to-links li:first-child em{margin-left:0;} .add-to-links li:first-child em .pattern { bottom: -21px;left: 10px; right: auto;} .products-list .list-center .add-to-links li:first-child em .pattern { bottom: -7px;} .product-carousel .product-block-inner .hover_block .add-to-links button.button:hover span.pattern{background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/tooltip_reverse.png") no-repeat scroll 0 0 transparent;} .add-to-links li:hover em { display: block;} .add-to-links li em:hover{display:none !important;} .products-grid .product-block .hover_block , .product-carousel .product-block .hover_block { opacity:0; position: relative;} .product-carousel .product-block:hover .hover_block ,.product-carousel .product-block:hover .product-block-inner .new-label, .product-carousel .product-block:hover .product-block-inner .sale-label{ opacity:1; transition: all 0.5s ease 0s; } .products-grid .product-block:hover .hover_block ,.products-grid .product-block:hover .product-block-inner .new-label, .products-grid .product-block:hover .product-block-inner .sale-label{ opacity:1; transition: all 0.9s ease 0s;} .product-details a.addto-cart:hover{color:#32bf96;} .product-carousel .product-block:hover .product-name a , .products-grid .product-block:hover .product-name a{color:#2fb991;} .social_content { /*display: inline-block;*/ } .product-image-block { border: 1px solid #ffffff; /* margin-bottom: 10px;*/ position: relative; } .footer_cms { background:#999999; height: 90px; } .social_content { } .social_block ul {padding:27px 60px; display:inline-block;} .social_content .content { float: left; height: 90px; padding: 0; width:75%; } .social_block{background: none repeat scroll 0 0 #313131; float: left; height: 90px; margin-top: 0; width:25%;} .social_block li{display: inline-block; list-style: none outside none; padding: 0 9px;} .social_block li a{width:30px;height:30px;} .social_block li.facebook a{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll 2px -285px transparent; display: block;} .social_block li.facebook a:hover{background-position:2px -319px;} .social_block li.twitter a{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -37px -285px transparent;display: block; } .social_block li.twitter a:hover{background-position: -37px -319px; text-decoration: none;} .social_block li.rss a{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -116px -285px transparent; display: block;} .social_block li.rss a:hover{background-position: -116px -319px; text-decoration: none;} .social_block li.google a{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -74px -285px transparent; display: block;} .social_block li.google a:hover{background-position: -74px -319px; text-decoration: none;} .social_block li.youtube a{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/youtube.png") no-repeat scroll 0px 0px transparent; display: block;} .social_block li.youtube a:hover{background-position: -30px 0px; text-decoration: none;} .social_content .block .block-title{display:none;} .footer_newsletter .block-subscribe .block-content { display: inline-block; } .newsletter-container{float:right;margin:13px 0 0;} .form-subscribe-header {float: left;padding: 0;} .form-subscribe-header .block .block-content li{padding:2px;} .news_img { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/newslatter-icon.png") no-repeat scroll 0 0 transparent; height: 25px; width: 34px;float:left; } .block.block-subscribe .block-content li{overflow: hidden; padding: 12px 0 0;} .block-subscribe .newsletter-container .actions{float: left; margin: 0;} .form-subscribe-header label{ color: #ffffff; font-size: 22px; font-weight: bold; text-transform: uppercase;font-family: 'Archivo Narrow';margin-left: 10px; letter-spacing: 1px;} .social_content .block-content{border:none; background:#2fb991; margin:0;} .social_content .block{border:none; margin:0;} .social_content .block-content .form-subscribe-header li:last-child{padding: 6px 0;} .subnewsletter { color: #000; font-weight: 500; margin-left: 0; } .social_content .block-subscribe input.input-text{ display: block; margin: 0; padding: 13px 10px; width: auto; border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;-moz-border-radius:0; width:93%; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .social_content .block-subscribe .input-box { background: #FFFFFF; border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;-moz-border-radius:0; float: left; width: 315px; } .social_content .block .actions button.button { display:inline-block; } .footer-container .social_content button.button > span, .back-link span a{ border-radius:0; -webkit-border-radius:0;-khtml-border-radius:0;-moz-border-radius:0; padding: 14px 12px !important; text-transform: uppercase;} .footer li.address .inner_contact{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -220px -575px transparent; padding-left: 35px;} .footer li.phoneno .inner_contact{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -220px -477px transparent; /* height: 27px;*/ padding-left: 35px; padding-top: 4px;} .footer li.email .inner_contact{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -220px -526px transparent; height: 25px; padding-left: 35px;padding-top: 4px;} .inner_contact{color:#666666;font-weight: normal; padding-left: 20px;} #block_2 li{ padding-bottom:3px; padding-left:0px;} #block_3 li{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/footer_cat_arrow.png") no-repeat scroll 0 6px transparent; padding-bottom: 3px; padding-left: 10px;} #block_3 li:hover{background-position: 0 -54px;} .add-to-links li a{ font-size: 0; height: 35px; margin-left: 5px; width: 38px; display:block; } .add-to-links li a.link-wishlist{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/icon_sprite.png") no-repeat scroll 7px -49px #f2f0f1; } .add-to-links li a.link-wishlist:hover{background-position: 7px -224px;} .add-to-links li a.link-compare{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/icon_sprite.png") no-repeat scroll 7px -110px #f2f0f1; } .add-to-links li a.link-compare:hover{background-position: 7px -285px} .tabberlive .tabbertabhide { display:none; } .tabberlive { float: left; margin-bottom: 60px; margin-top: 35px; width: 100%;} .tabberlive .tab{margin-top:25px;} ul.tabbernav { height:48px; margin: 0; padding: 0;} .tab0 {border-bottom: 1px solid #ddd;height:48px;line-height:17px;} ul.tabbernav li { float: left; list-style: none outside none; margin: 0 3px 0 0;} .content { padding:0; } ul.tabbernav li a { color: #313131; font-family: 'Archivo Narrow'; font-size: 18px; font-weight: normal; padding:15px 20px; text-decoration: none; text-transform: uppercase; float:left; } ul.tabbernav li a:hover { text-decoration: none; background:#485A79;} ul.tabbernav li a.selected , ul.tabbernav li a:hover { background:#fe646f; color: #FFFFFF !important; border-bottom: 2px solid #32bf96;} .tabberlive .tabbertab { padding-bottom: 5px; border-top:0; float:left; width:1000px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/tobbottom_line.png) repeat-x left bottom; } .cms_banner > a { display: block; } .cms_banner { margin-bottom:25px; width:100%; overflow:hidden; clear:both; } .manufacturer-list .products-grid li .product-block{border-right:none;} .cms_banner img{transition: all 1s ease 0s; vertical-align: middle;} .cms_banner img:hover{transform:scale(1.08);} .back-link a{font-size:14px;color: #fff; line-height: 18px;} .back-link a:hover{ background:#231f20;} button.btn-cart span span{background:none;} button.btn-cart:hover span span{background:none;} .product-carousel .product-block-inner .hover_block .add-to-links button.button > span{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/icon_sprite.png") no-repeat scroll 7px 7px #f2f0f1; font-size: 0; height: 22px; padding: 0 1px 12px 16px; width: 22px; } .product-carousel .product-block-inner .hover_block .add-to-links button.button:hover span{background-position: 7px -168px;} .products-grid .product-block-inner .hover_block .add-to-links button.button > span{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/icon_sprite.png") no-repeat scroll 7px 7px #f2f0f1; font-size: 0; height: 22px; padding: 0 1px 12px 16px; width: 22px;} .button.btn-cart { float: left; } .products-grid .product-block .product-block-inner .product-image-block .hover_block .add-to-links button.button:hover span{background-position: 7px -168px;} .bestseller-products .category-title h2 , .special-products .category-title h2,.featured-products .category-title h2, .bestseller-products .category-title .h2 , .special-products .category-title .h2,.featured-products .category-title .h2{display:none;} .product-carousel .item.slider-item.last_item_tm .product-block {border-right:none;} .products-grid .item.product-items.last_item_tm .product-block{border-right:none;} .blog_main .product-carousel .product-block{ border-right:none; margin:0 23px; padding:0;} .blog_main{margin-top:50px;} .blog_main .product-carousel{margin-top:50px;} .post-image { height: 198px; overflow: hidden; position: relative; width: 353px; } .post-image img { max-width: 100%; transition: all 1s ease 0s;} .post-image-hover { height: 100%;position: absolute; top: 0; transition: all 0.2s ease-out 0s; width: 100%;} .blog_main .product-carousel .product-block:hover .post-image-hover { background-color: #313131; opacity: 0.35;} .blog_main .product-block .zoom { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/blog-link.png") no-repeat scroll 0 0 transparent; bottom: 0; display: inline-block; height: 50px; left: 0; margin: auto; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.9s ease 0s; width: 52px; z-index: 10; } .blog_main .product-carousel .product-block:hover .zoom{opacity:1;} .post-date { background-color: #42cfa6; height:61px; min-width:31px; padding: 12px; position: absolute; right: 4.5%; text-align: center; top: 0; } .post-date .date { color: #ffffff; font-size: 25px; font-weight: bold;} .post-date .month { color: #ffffff; display: block; font-size: 12px;} .post-content-top { color: #b3b3b3; font-size: 13px; font-style: italic; font-weight: 500; overflow: hidden; padding: 15px 0 10px;} .byadmin { float: left;} .post_comment a {color: #b3b3b3;} .post-title { color: #313131; font-size: 17px; margin-bottom: 5px; text-transform: uppercase;} .post-title a { color: #1b1b1b; font-family: "Archivo Narrow",sans-serif;} .post-title a:hover{color:#2fb991;} .post-description { color: #838383;} .post_comment { float: right;} .paypal_block li.mastercard a { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/payment.png") no-repeat scroll 0 0 transparent; display: block; height: 25px; width: 43px; } .paypal_block li.discover a { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/payment.png") no-repeat scroll -55px 0 transparent; display: block; height: 25px; width: 43px; } .paypal_block li.paypal a { background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/payment.png") no-repeat scroll -108px 0 transparent; display: block; height: 25px; width: 43px; }.paypal_block li.visa a { background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/payment.png") no-repeat scroll -164px 0 transparent; display: block; height: 25px; width: 43px; } .footer_bottom .footer-bottom-paypal li{background:none; display: inline-block; padding: 1px; margin: 0 0 0 5px;} .footer-left { float: left; text-align:left;} .footer-bottom-paypal {float:right;padding:10px 0 0;} .testimonial_main .flexslider .slides img{width:auto; padding: 13px 0 0;} /*.testimonial_main .tm-homeslider .flex-direction-nav{display:none;} .testimonial_main .flex-direction-nav li a.flex-next{display:none;} .testimonial_main .flex-direction-nav li a.flex-prev{display:none;}*/ .testimonial_main .flexslider { border-bottom: 2px solid #eeeeee; border-left: 2px solid #eeeeee; border-right: 2px solid #eeeeee; clear: both; overflow: hidden; padding: 15px 16px; } .tm-homeslider { position: relative; z-index: 9; } .testimonial_main .description{color: #696969; font-size: 14px; padding-bottom: 20px;} .testimonial_main .flexslider .flex-control-nav{right:auto; padding: 10px 82px !important;} .sidebar .block.block-cart { display: none; } .block.block-brand-nav{ display: none;} .sidebar .block.block-list.block-compare { /* display: none;*/ } .flex-direction-nav li a.flex-prev ,.flex-direction-nav li a.flex-next{/*display:none;*/} .block.block-list.block-viewed {} #customer-reviews table{border-spacing: 5px 6px;} .padder .form-add h3, .padder .form-add span,.padder .form-add h4, .padder .form-add .h3, .padder .form-add span,.padder .form-add .h4{font-size: 14px; font-weight: normal;} .box-collateral.box-up-sell { margin-top: 30px; } .block.block-related { /* display: none;*/ } .box-up-sell .category-title{border-bottom:1px solid #eee;} .crosssell h2,.crosssell .h2{border-bottom:1px solid #eee; padding:10px 0 15px; margin-bottom:25px;} .products-grid .product-block .ratings .amount{display:none;} section {clear: both;} .custom_link li { float: left; } div.menu a, .custom_link li a, div.menu .home_link a { display: block; } #grid.products-grid li.item.last_item_tm .product-block{border-right:none;} .additional-carousel .product-block img{width:100%;} .nav-container { background:#999999;} .manufacture_products {clear:both;} .manufacture_products .product-carousel .product-block{border-right:none;} .block.block-side-nav-container{display:none;} .header-content { float: left;margin: 37px 0px 0 0; height:52px;} .call-num {float:left;clear:both;} .call { float: left;font-family: "Archivo Narrow",sans-serif; font-size: 18px; line-height: 22px; text-transform: uppercase;} .header-content .telephone { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/call.png") no-repeat scroll 0 5px transparent; float: left; height: 40px; width: 31px; } .cms-data { border-right: 1px solid #dcdcdc; display: inline-block; margin: 0 0 0 15px; padding-right: 20px; } .product-block-inner .price-box .price-from,.product-block-inner .price-box .price-to{margin-bottom:0;} .col3-set { margin-bottom: 30px;} div.megnor-advanced-menu-popup .block2 a{border-bottom:none;padding: 5px 4px;} .hidden_menu{display:none;} #product_tabs_description_tabbed_contents .std ul,#product_tabs_cms_contents ul{padding-left:20px;} .product-brand { margin-bottom: 10px;} .cms-about-magento-demo-store .col-2 { width: 66%;} .cms-about-magento-demo-store .page-title { margin-top: 10px;} .top_email {font-weight:bold; clear:both;} .ico_red{box-shadow: 0px 0px 20px rgba(188, 188, 188, 0.4); margin:2px;} @media only screen and (min-width: 979px){ #nav { /*margin: 100px auto; */ /* text-align: left; width:100%; */ } #nav ul.navsub ul { display: none; left:0px; width:auto; } #nav ul.navsub li:hover > ul { display: block; } #nav ul li:hover { background: #646464; } #nav ul.navsub ul { background: #646464; border-radius: 0px; padding: 0; position: absolute; top: 100%; box-shadow: 0px 0px 9px rgba(0,0,0,0.15); z-index:999999; } #nav ul.navsub ul li { float: none; border-top: 1px solid rgb(121, 121, 121); border-bottom: 1px solid rgb(90, 86, 86); position: relative; display: list-item; } #nav ul.navsub ul li a { padding: 20px 20px; color: #fff; } #nav ul.navsub ul li a:hover { background: #313131; } #nav ul.navsub ul ul { position: absolute; left: 100%; top:0; } } #nav li.has-child > a:after { content: ' ▾'; } .googlemap_tab input.input-text, textarea { margin-bottom: 15px; } .increment_qty, .decrement_qty { float: left; width:20px; font-size: 22px; margin-top: 5px; } .bootstrap table {font-size:100%;} #product_tabs_description_tabbed_contents div.toggle { text-transform: uppercase;} #product_tabs_docssoft_contents div.toggle { text-transform: uppercase;} #product_tabs_docssoft_contents div.toggle { text-transform: uppercase;} #product_tabs_additionalinformation_contents div.toggle { text-transform: uppercase;} #product_tabs_questions_contents div.toggle { text-transform: uppercase;} .ui-tooltip-content { font-size:11pt; line-height: normal /* font-family:Calibri; */ } .product-img-box .img-prev { } .product-img-box .img-next { left: 95%; } .product-img-box .img-prev, .product-img-box .img-next { font-size: 28px; font-weight: bold; z-index: 9999999999999999; cursor: pointer; opacity:0.3; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-img-box .img-prev:hover, .product-img-box .img-next:hover { opacity:0.9; } .force-cached-renew-1343423 { color: green; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2017 X.commerce, Inc. and affiliates (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://akytec.de/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://akytec.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://akytec.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://akytec.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://akytec.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://akytec.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://akytec.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://akytec.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://akytec.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .postWrapper { padding-bottom: 25px; padding-top: 25px; clear: both; } .postTitle { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD; margin-bottom: 15px; } .postTitle h2 , .postTitle .h2{ font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; } .postTitle h3,.postTitle .h3 { font-size: 10px; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; } .postContent { padding-bottom: 10px; } .postContent ul{ list-style: disc outside; margin-bottom: 1.5em; } .postContent ul li{ margin-left: 2em; } .postContent ol{ list-style: decimal outside; margin-bottom: 1.5em; } .postContent ol li{ margin-left: 2em; } .postDetails { } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4,.postBookmarks .h4 { font-size: 12px; font-weight: bold; } .postBookmarks a.bm { display: inline-block; } .postBookmarks img { display: inline; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0px; } .commentDetails { margin-bottom: 5px; padding: 0px; } .commentDetails h4.username,.commentDetails .h4.username { display: inline; } .postError { font-size: 16px; } .tags { font-weight: bold; padding-bottom: 10px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4, .tags .h4 { font-size: 12px; font-weight: bold; } .menu-tags, .menu-categories, .menu-recent { margin: 5px 9px; } .menu-tags h5, .menu-categories h5, .menu-recent h5,.menu-tags .h5, .menu-categories .h5, .menu-recent .h5 { /* font-size: 11px; */ } .block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .block-blog .menu-categories UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI { margin-left: 10px; } .block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a { /* font-size: 11px; */ } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4, .block-blog .head .h4 { padding-left: 20px; } .block-blog .block-title strong { background-image: url(https://akytec.de/skin/frontend/base/default/aw_blog/images/icon_blog.png); background-repeat: no-repeat; padding-left: 21px; text-align: left; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .widget-latest li { font-size: 12px; padding: 5px 10px; } .block-blog .menu-categories { margin: 0; padding: 5px 9px; } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } @media only screen and (max-width:569px) { .blog_thumb_right img {width:100%;} } @media only screen and (min-width: 570px) { .blog_thumb_right {float:right; margin-bottom:20px; } } @CHARSET "UTF-8"; /** * @author Amasty Team * @copyright Copyright (c) 2010-2013 Amasty (http://www.amasty.com) */ /* amfaq-search */ .amfaq-search.block-subscribe .block-title strong { } /* product view */ #product-faq .ask.button { float: right; } #product-faq .title { padding: 7px 0; } #product-faq .title span { border-bottom: 1px dashed #666; cursor: pointer; } #product-faq .title span:hover { color: #666; } #product-faq .title:before { content: '+'; font-weight: normal; font-size: 18px; display: inline-block; width: 20px; top: 2px; position: relative; } #product-faq .title.expanded:before { content: '–'; } #product-faq dl dd { margin-top: 10px; } .product-collateral .box-amfaq { margin: 25px 0 0; overflow-wrap: break-word; word-break: break-word; } #amfaq-ask-form-inline li { list-style: none; } .amfaq-page { font-family: 'Droid Sans', 'Open Sans', Tahoma, Verdana, arial, helvetica, sans-serif; overflow-wrap: break-word; word-break: break-word; } .amfaq-page button::-moz-focus-inner { border: 0; } .amfaq-page h1 { font-size: 24px; font-weight: bold; } .amfaq-page h2{ display: inline-block; margin-top: 24px; } .amfaq-page.amfaq-topic-page h1 { margin: 24px 0 15px; } .amfaq-page.amfaq-topic-page .amfaq-questions-group { margin: 14px 0; } .amfaq-page h4 { margin: 0 0 14px; font-size: 16px; } .amfaq-page input[type=text], .amfaq-page textarea { border: 1px solid #eee; /* border-radius: 2px; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1); padding-left: 9px; */ font-size: 14px; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: none; /*float: left;*/ padding: 8px 10px; line-height: 20px; } .amfaq-page li { list-style: disc; } .amfaq-page ul, .amfaq-page ol { padding-left: 40px; padding-bottom: 12px; } .amfaq-page .amfaq-question-form ul { padding: 0; } .amfaq-page .amfaq-info { margin: 14px 0; } .amfaq-page .amfaq-tags { padding: 0 0 20px 24px; margin-left: 14px; font-size: 14px; } .amfaq-page .amfaq-tags.main-tags { font-size: 16px; } .amfaq-page .amfaq-tags a { color: #7e7e7e; border-bottom: 1px dotted; } .amfaq-page .amfaq-tags a:hover { color: #ce730d; } .amfaq-page .amfaq-tags.right { max-width: 350px; float: right; margin-top: 30px; } .amfaq-page .amfaq-search label { display: block; padding-bottom: 12px; } .amfaq-page .amfaq-search button { display: inline-block; text-align: center; cursor: pointer; } .amfaq-page .amfaq-search button:hover { background-position: 0px -44px; } .amfaq-page .amfaq-search button:active { background-position: 0px -88px; } .amfaq-page .amfaq-search input[type=text] { width: 60%; } .amfaq-page .amfaq-questions .question { padding: 7px 7px 7px 36px; margin-bottom: 12px; position: relative; } .amfaq-page .amfaq-questions .question .title { display: block; } .amfaq-page .amfaq-questions .question .title:before { position: absolute; top: 6px; left: 14px; content: '▶'; } .amfaq-page .amfaq-questions .question.expanded .title:before { content: '▼'; } .amfaq-page .amfaq-questions .question .author { font-size: 14px; margin: 7px 0; } .amfaq-page .amfaq-questions .question .read-full { text-decoration: underline; font-size: 14px; display: inline-block; padding: 7px 18px 7px 0; } .amfaq-page .amfaq-questions .question .read-full:hover { text-decoration: none; } .amfaq-page .amfaq-questions .question:last-child { margin-bottom: 20px; } .amfaq-page .amfaq-questions-group:last-child { border-bottom: none; margin-bottom: 32px; } .amfaq-page .amfaq-button { border: 0; text-decoration: none; margin-left: -4px; background-color: #2eb88f; padding: 11px; color: #ffffff; } .amfaq-page .amfaq-button.back { display: inline-block; text-align: center; cursor: pointer; } .amfaq-page .amfaq-button.back:hover { background-position: 0px -44px; } .amfaq-page .amfaq-button.back:active { background-position: 0px -88px; } .amfaq-page .amfaq-button.back i { width: 16px; height: 13px; display: inline-block; margin-right: 7px; } .amfaq-page .amfaq-button.ask { display: inline-block; text-align: center; cursor: pointer; margin-left: 24px; } .amfaq-page .amfaq-button.ask:hover { background-position: 0px -44px; } .amfaq-page .amfaq-button.ask:active { background-position: 0px -88px; } .amfaq-page .amfaq-button.ask i:before { font-style: normal; content: '▶'; margin-right: 7px; } .amfaq-page .amfaq-button.ask.expanded i:before { content: '▼'; } .amfaq-page .amfaq-buttons { padding-top: 10px; border-top: 1px solid #ededed; clear: both; } .amfaq-page .amfaq-question-form { position: relative; padding-top: 35px; width: 100%; height: 398px; } .amfaq-page .amfaq-question-form .field { margin-right: 12px; width: auto; } .amfaq-page .amfaq-question-form .field input[type=text] { width: 339px; } .amfaq-page .amfaq-question-form .wide textarea { width: 690px; height: 117px; font-size: 16px; } .amfaq-page .amfaq-question-form input[type=submit] { position: absolute; display: inline-block; text-align: center; cursor: pointer; } .amfaq-page.amfaq-question-page .amfaq-question-block { width: 724px; } .amfaq-page.amfaq-question-page .amfaq-question-block h1 { font-weight: normal; font-size: 18px; } .amfaq-page.amfaq-question-page .amfaq-question-block .author { font-size: 14px; } .amfaq-page.amfaq-question-page .amfaq-question-block:before { display: block; content: ' '; width: 724px; height: 42px; } .amfaq-page.amfaq-question-page .amfaq-question-block:after { display: block; content: ' '; width: 724px; height: 16px; } .amfaq-page.amfaq-question-page .topics { max-width: 350px; margin: 12px 0; } .amfaq-page.amfaq-question-page .topics span { white-space: nowrap; font-size: 14px; } .amfaq-page.amfaq-question-page .amfaq-tags { float: right; max-width: 350px; } .amfaq-page .amfaq-search-results { padding-top: 18px; } .amfaq-page .show-more { text-decoration: underline; font-size: 14px; display: inline-block; color: black; padding: 12px 18px 12px 36px; font-weight: bold; } .amfaq-page .show-more:hover { text-decoration: none; } .amfaq-page .show-more.preloader { background: url(https://akytec.de/skin/frontend/base/default/css/amasty/amfaq/images/preloader.gif) no-repeat; width: 32px; height: 32px; margin: 0 auto; font-size: 0; display: block; } .amfaq-ratings { display: inline-block; border-radius: 3px; border: 1px solid #aaa; padding: 7px 7px 7px 7px; display: table; margin: 8px 0 18px; } .amfaq-ratings .rate-this { display: inline-block; font-size: 16px; margin: 0 0 0 0; } .amfaq-ratings .rating-box { cursor: pointer; } .amfaq-ratings .rating-box, .amfaq-ratings .rating-links, .amfaq-ratings .rating-yesno { display: inline-block; float: none; } .amfaq-ratings .ratings { margin: 0; } .amfaq-ratings .ratings .rating-box .amfaq-ratings .ratings .rating-yesno { margin: 0 12px 0 12px; } .amfaq-social a { background: url(https://akytec.de/skin/frontend/base/default/css/amasty/amfaq/images/social.gif); width: 20px; height: 20px; display: inline-block; margin: 0 1px; border-radius: 3px; opacity: .5; } .amfaq-social { float: right; margin-top: 8px; } .amfaq-social a:hover { opacity: 1; } .amfaq-social a:active { opacity: 1; box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.5); } .amfaq-social .tw {background-position: -20px 0;} .amfaq-social .gp {background-position: -40px 0;} .amfaq-social .in {background-position: -60px 0;} .amfaq-page .column { padding: 12px 7px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; } .amfaq-page .column:first-child { padding-left: 0; } .amfaq-page .column:last-child { padding-right: 0; } .attachments { margin: 10px 0; } .amfaq-ratings .ratings .rating-links.info { float: none; margin: 0 12px 0 12px; } .amfaq-ask-link { margin-left: 15px; } .amfaq-no-questions { margin-bottom: 20px; } .box-collateral.box-amfaq h2 { display: none; } .amfaq-questions.collapse { display: block; } .rating_container { clear:both; } .rating_container a { float:left; display:block; width:25px; height:25px; border:0; background-image:url("https://akytec.de/skin/frontend/base/default/css/amasty/amfaq/images/rating.png"); } .rating_container a.rating_off { background-position:0 0px; } .rating_container a.rating_half { background-position:0 -25px; } .rating_container a.rating_on { background-position:0 -50px; } .rating_container a.rating_selected { /*background-position:0 -75px;*/ } .rating_container .selected { display: none; } .rating_container a.rating_selected .selected { background: url("https://akytec.de/skin/frontend/base/default/css/amasty/amfaq/images/rating.png") 0 -75px; display:block; width:25px; height:25px; border:0; cursor: pointer; } .amfaq-rating { float: right; margin: 0 0 12px 12px; } .rating-box, .rating-yesno { margin-left: 10px; } .disabled { pointer-events: none; cursor: default; font-weight: bold; } /** * Request for quote front-end css * */ .request4quote-links li {margin-bottom: 5px} .product-view button.btn-r4q { margin-left: 5px; } .item button.btn-r4q { margin-bottom: 5px; } .products-grid li.item { padding-bottom: 100px; } .request4quote-front-quote-index #shopping-cart-table{ width:100% !important; } .r4q-item-remark { width: 98%; } .form-list .r4q-remark { width: 98%; } .cart-rf4-details .form-list .input-box { width: auto; } .r4q-actions { text-align: right; clear:both; padding:10px; } @media only screen and (min-width: 690px) { .cart-rf4-details{ width:45%; float:left; } .cart-rf4-billing{ width:45%; float:right; } .cart-rf4-shipping { float:right; width:45%; } } @media only screen and (max-width:679px) { .cart-rf4-details{ width:auto; float:none; } .cart-rf4-billing{ width:auto; float:right; } .cart-rf4-shipping { float:none; width:auto; } } .cart-rf4-details, .cart-rf4-shipping, .cart-rf4-billing { border:1px solid #d0cbc1; background:#fff url(https://akytec.de/skin/frontend/base/default/request4quote/images/bkg_block-title.gif) 0 0 repeat-x; padding:12px 15px; margin:0 0 18px; } .r4q-collaterals { margin-left: 300px; } .cart-rf4-details h2, .cart-rf4-shipping h2, .cart-rf4-billing h2 { background-image: url("https://akytec.de/skin/frontend/base/default/request4quote/images/i_discount.gif"); background-position:0 0; background-repeat:no-repeat; font:bold 13px/16px Arial, Helvetica, sans-serif; padding:0 0 0 21px; color:#e26703; text-transform:uppercase; } .r4q-remark { width: 98%; } .r4q-data-table{ margin-top:1px; width:100%; background:#f4f4f4; } .r4q-data-table td { padding:10px; } /* navigation */ .r4q-navigation { background-color: #f2f5f6; border: 1px solid #ccc; height: 1%; margin-bottom: 20px; overflow: hidden; padding: 10px; } .r4q-navigation li { float: left; margin-right: 10px; } .r4q-navigation a { background-color: #9bb3c3; border: 1px solid #999; border-radius: 5px; color: #000; display: block; padding: 10px 20px; text-align: center; text-decoration: none; -webkit-border-radius: 5px; } /* gradient and text shadow */ .r4q-navigation a { background: #d7e4ed; /* Old browsers */ background: -moz-linear-gradient(top, #d7e4ed 0%, #63859a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e4ed), color-stop(100%,#63859a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d7e4ed 0%,#63859a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d7e4ed 0%,#63859a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d7e4ed 0%,#63859a 100%); /* IE10+ */ background: linear-gradient(to bottom, #d7e4ed 0%,#63859a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e4ed', endColorstr='#63859a',GradientType=0 ); /* IE6-9 */ text-shadow: 1px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1); } /* active menu item */ .r4q-navigation .active a, .r4q-navigation a:hover { background: #c5d6e2; /* Old browsers */ background: -moz-linear-gradient(top, #c5d6e2 0%, #d9e5ee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5d6e2), color-stop(100%,#d9e5ee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c5d6e2 0%,#d9e5ee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c5d6e2 0%,#d9e5ee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c5d6e2 0%,#d9e5ee 100%); /* IE10+ */ background: linear-gradient(to bottom, #c5d6e2 0%,#d9e5ee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d6e2', endColorstr='#d9e5ee',GradientType=0 ); /* IE6-9 */ } .r4q-navigation .active a { color: #ff5600; cursor: default; } /* View quote */ .r4q-accept-reject { overflow: hidden; zoom: 1; text-align: center; } .r4q-reject { padding: 20px 0; border-right: 1px solid #ccc; float: left; width: 49%; } .r4q-accept { float: right; width: 49%; } .r4q_reject_reason_row { padding: 10px 0; } #r4qRejectReason { height: 80px; width: 200px; } .button.r4q-btn-accept { border: 2px solid #229922; } .r4q-accept button.r4q-btn-accept, .r4q-reject button.r4q-btn-reject { border: none; height: 37px; /*width: 200px;*/ } .r4q-accept button.r4q-btn-accept span, .r4q-reject button.r4q-btn-reject span { height: 37px; border: none; padding: 0; } .r4q-accept button.r4q-btn-accept span span, .r4q-reject button.r4q-btn-reject span span{ line-height: 14px; font-size: 16px; } /* CSS for Search Result Page */ .search-result{} .search-result .page-title{ margin:0 0 10px; } .search-result .page-content{ background: none repeat scroll 0 0 #FFFFFF; /* border: 1px solid #E1E1E1; box-shadow: 0 0 0 #F0F0F0 inset, 0 0 5px #E8E6E6; */ padding:10px; overflow:hidden; } .search-result .result-title{ background: none repeat scroll 0 0 #CCCCCC; float: left; padding: 2px 0; text-align: left; width: 100%; color: #444444; margin:0 0 15px; } .search-result .result-title span{padding-left:15px;} .search-result .list-result-cms{float:left; width:100%; margin:0 0 15px;} .search-result .list-result-cms{float:left; width:100%; margin:0 0 15px;} .search-result .list-result-cms li{ border-bottom: 1px dashed #CCCCCC; padding: 5px 0 5px 10px; } .search-result .list-result-cms li h5.p-title{ color:#333333; font-size:13px; font-weight:bold; margin:0; background:url(https://akytec.de/skin/frontend/base/default/css/magebuzz/images/list-icon.png) left center no-repeat; padding-left:10px; } .search-result .list-result-cms li h5.p-title a{ /* color:#333333; font-size:13px; font-weight:bold; text-decoration: none; */ } .s_res p.note-msg { float:left; } /********Css For freetextsearch************/ /* CSS for Quick Search */ #showResults{ /* position:absolute; right:33px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E1E1E1; box-shadow: 0 0 0 #F0F0F0 inset, 0 0 5px #E8E6E6; padding:15px; width:300px; top:30px; z-index:999; text-align:left; */ position: absolute; right: 33px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E1E1E1; box-shadow: 0 0 0 #F0F0F0 inset, 0 0 5px #E8E6E6; padding: 15px; width: 308px; top: 73px; left: -353px; z-index: 999; text-align: left; } #freetextsearch_form .form-search input.input-text{} #freetextsearch_form .form-search input.loading-result{background:#FFFFFF url(https://akytec.de/skin/frontend/base/default/css/magebuzz/images/search-loading.gif) 95% center no-repeat;} #freetextsearch_form .form-search input.search-complete{background:#FFFFFF url(https://akytec.de/skin/frontend/base/default/css/magebuzz/images/search_complete.png) 95% center no-repeat;} #showResults #resultNotice{ float: left; margin: 5px 0; width: 100%; } #showResults .close-dropdown{background:url(https://akytec.de/skin/frontend/base/default/css/magebuzz/images/close-icon.png) top left no-repeat; float:right; width:16px; height:16px; text-indent:-999em;} #showResults #resultNotice span.keyword{ background:#f6ff00; font-weight:bold; color:#555555; padding:2px; } #showResults #resultLabel{ font-style:italic; font-size:12px; color:#ababab; } #showResults #listResults{ } #listResults .result-title{ background: none repeat scroll 0 0 #CCCCCC; float: left; padding: 2px 0; text-align: center; width: 100%; color: #444444; } #listResults .list-products{ float:left; width:100%; margin: 0 0 5px; } #listResults .list-products li.item{ border-bottom: 1px dashed #CCCCCC; float: left; padding: 10px 0; width: 100%; } #listResults .list-products .product-img{float:left; border:1px solid #E1E1E1;} #listResults .list-products .product-info{ float: left; margin-left: 10px; text-align: justify; width: 210px; } #listResults .list-products .product-name{} #listResults .list-products p.desc{color:#717171; margin:0 0 3px;} #listResults .list-products .product-price h5{color:#FF0000; font-size:15px; font-weight:bold;} #listResults .list-products .product-name a{ color: #333333; font-weight: bold; font-size:12px; text-decoration: none; } #listResults .list-cms{ float:left; width:100%; margin: 0 0 5px; padding:0 0 5px; } #listResults .list-cms li{ border-bottom: 1px dashed #CCCCCC; padding: 3px 0 3px 10px; background:url(https://akytec.de/skin/frontend/base/default/css/magebuzz/images/list-icon.png) left center no-repeat; } #listResults .list-cms li h5.p-title{ color:#333333; font-size:12px; font-weight:bold; margin:0; } #listResults .list-cms li h5.p-title a{ color:#333333; font-size:12px; font-weight:bold; text-decoration: none; } /*.tm-hide { opacity: 0; filter:alpha(opacity=0); }*/ .tm-hide { opacity: 0; } .tm-checkbox { background: url('https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png') -2px -42px no-repeat; display:inline-block; width:17px; height:17px;vertical-align: middle; } .tm-radio { background: url('https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png') -2px -6px no-repeat; display: inline; padding:0px; height:17px; vertical-align: middle; } .tm-checked {background: url('https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png') -75px -43px no-repeat; } .tm-selected { background-position: -75px -6px; } .tm-checkbox-green { background: url('https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/radio.gif') 0 -32px no-repeat; display:inline-block; display: inline; } .tm-checked-green { background-position: 0 -18px; } .tm-checkbox, .tm-radio { } .ie7 .tm-checkbox{ display:inline; } /* ------------- * Selects * ------------- */ /* Custom Select*/ .toolbar .pager .sbHolder{background:#fff;} .sbHolder{ position: relative; width: auto; padding:4px 30px 4px 10px; text-align:left; } .sbHolder:focus .sbSelector{ } .sbSelector{ outline: none; overflow: hidden; top: 0; display:block; /* color: #646464; */ color: #ffffff; font-family:'Istok Web'; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ outline: none; text-decoration: none; } .sbToggle{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/arrow-down.png") no-repeat scroll center center transparent; display: block; outline: none; position: absolute; right: 4px; top: 5px; height:15px; width:15px; } .sbToggleOpen{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/arrow-up.png") no-repeat scroll center center transparent; } .sbOptions{ background-color: #fff; list-style: none; right:auto; left:0; margin: 0; padding: 0; position: absolute; top: 26px !important; width: 100%; z-index: 1; overflow-y: auto; border:1px solid #ddd; } .sbOptions li{ padding: 0 7px; margin:0; } .sbOptions a{ display: block; outline: none; padding: 4px 0 4px 3px; text-decoration:none; color: #696969; } /* display none until init */ .product-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } #column-left .product-carousel, #column-right .product-carousel { display:block;} #column-left .customNavigation, #column-right .customNavigation { display:none;} .product-carousel .slider-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-perspective: 1000; } .product-carousel .slider-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .product-carousel .slider-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .product-carousel .slider-item{ float: left; } .slider-controls .slider-page, .slider-controls .slider-buttons div{ cursor: pointer; } .slider-controls { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/img/megnor/grabbing.png") 8 8, move; } /* fix */ .product-carousel .slider-wrapper, .product-carousel .slider-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .customNavigation { text-align: center; position:absolute;width:100%} .customNavigation a{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); display: block; float: right; height: 22px; position: absolute; top: -34px; width: 22px; } .customNavigation a.prev { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -234px 2px transparent; right: 85px; } .customNavigation a.prev:hover { background-position: -234px -27px; text-decoration:none;} .customNavigation a.next { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -204px 2px transparent; right:28px; } .customNavigation a.next:hover { background-position: -204px -27px; text-decoration:none;} /* Responsive menu Css Start */ .nav-responsive span { display:inline-block;} .ie7 .nav-responsive span { display:inline;} .nav-responsive { cursor:pointer; display:none; } #nav-mobile ul li{ list-style:none; position:relative;} .nav-responsive .expandable{ background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -122px -122px transparent; height: 25px; margin-right: 15px; margin-top:20px; width: 30px; } .responsive-menu { padding:0; position:relative;} .responsive-menu #nav-mobile{ position:absolute; z-index:999; display:none; margin-top:-3px; padding:1%; width:98%; list-style:none; background:#646464; } .responsive-menu #nav-mobile ul{padding-left:20px;} .nav-responsive div, .responsive-menu .hitarea { background: none; height: 20px; width: 20px; float: right; cursor: pointer; margin-right:10px; margin-top: 6px; } .responsive-menu .expandable .collapsable-hitarea{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -236px -123px transparent; } .responsive-menu .expandable-hitarea { background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -208px -123px transparent; } .responsive-menu .collapsable-hitarea { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -236px -123px transparent; } /* Responsive menu Css End */ /*RESPONSIVE TABLE*/ .table-responsive { display:none; visibility:hidden;} .tm_responsive_container, .tm_responsive_container_footer{ width:auto; overflow:hidden;} .tm_responsive_group{ float:left; margin: 5px 0; padding: 3%; width: 92%; border:1px solid #ededed; color:#4D4D4D; background:#FBFBFB } .tm_responsive_row label{ width: 100px; display:block; float:left; font-weight: bold; } .tm_responsive_row span{ width: 250px; display:block; float:left; } .tm_responsive_row{ overflow:hidden; border-bottom: 1px solid #EEEEEE; padding:10px 0; } .tm_responsive_row span .separator{ display:none; } /*RESPONSIVE TABLE*/ /* * jQuery FlexSlider v2.5.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url('https://akytec.de/skin/frontend/default/MAG090198_Layout1/css/megnor/fonts/flexslider-icon.eot'); src: url('https://akytec.de/skin/frontend/default/MAG090198_Layout1/css/megnor/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('https://akytec.de/skin/frontend/default/MAG090198_Layout1/css/megnor/fonts/flexslider-icon.woff') format('woff'), url('https://akytec.de/skin/frontend/default/MAG090198_Layout1/css/megnor/fonts/flexslider-icon.ttf') format('truetype'), url('https://akytec.de/skin/frontend/default/MAG090198_Layout1/css/megnor/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .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-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* display none until init */ .product-carousel{ display: none; opacity:1!important; position: relative; width: 100%; -ms-touch-action: pan-y; } #column-left .product-carousel, #column-right .product-carousel { display:block;} #column-left .customNavigation, #column-right .customNavigation { display:none;} #column-left .banners-slider-carousel .customNavigation, #column-right .banners-slider-carousel .customNavigation{ display:block;} .product-carousel .slider-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); -webkit-perspective: 1000; } .product-carousel .slider-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .product-carousel .slider-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .product-carousel .slider-item{ float: left; } .slider-controls .slider-page, .slider-controls .slider-buttons div{ cursor: pointer; } .slider-controls { -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { cursor:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/image/megnor/grabbing.png") 8 8, move; } /* fix */ .product-carousel .slider-wrapper, .product-carousel .slider-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; list-style:none; } .box-up-sell .customNavigation a{top:-45px;} .tabberlive .customNavigation a{top:-60px;} .customNavigation { text-align: center; position:relative;width:100%} .customNavigation a{ -webkit-tap-highlight-color:transparent; display: block; float: right; height: 22px; position: absolute; top: -63px; width: 22px; text-indent: -9999px; cursor:pointer; } .customNavigation a.prev { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -200px -1px transparent; height: 25px; right: 27px; width: 25px; } .customNavigation a.prev:hover { background-position: -200px -32px; text-decoration:none;} .customNavigation a.next { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -232px -1px transparent; height: 25px; right: -4px; width: 25px; } .customNavigation a.next:hover { background-position: -232px -32px; text-decoration:none;} .manufacture_products .customNavigation a.prev { background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/brand_logos_arrow.png") no-repeat scroll 17px 5px transparent; height: 28px; left: -20px; top: 45px; z-index: 999; width: 28px; } .manufacture_products .customNavigation a.prev:hover { background-position: 17px -66px; text-decoration:none;} .manufacture_products .customNavigation a.next { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/brand_logos_arrow.png") no-repeat scroll 12px -27px transparent; height: 28px; right: -2px; top: 45px; z-index: 999; } .manufacture_products .customNavigation a.next:hover { background-position: 12px -98px; text-decoration:none;} .blog_main .customNavigation a{top:-37px;} /**************** additional carousel start *******************/ .additional-carousel .product-carousel{ width:auto; margin:0 15px; } .additional-carousel .customNavigation a.prev { background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -203px -265px transparent; left:-3px; top:33px; z-index:999; text-indent: -9999px; cursor:pointer; } .additional-carousel .customNavigation a.prev:hover { background-position: -203px -295px; text-decoration:none; z-index:999;} .additional-carousel .customNavigation a.next { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/sprite.png") no-repeat scroll -233px -265px transparent; right:-7px; top:33px; cursor:pointer; z-index:999; text-indent: -9999px; } .additional-carousel .customNavigation a.next:hover { background-position: -233px -295px; text-decoration:none; z-index:999;} .additional-carousel .customNavigation{display:none;} .additional-carousel:hover .customNavigation{display:block;} .additional-carousel .slider-item { float: left; width: 90px; } .additional-carousel .slider-item .product-block{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; /* border-radius: 3px;*/ clear: both; margin: 4px 2px; overflow: hidden;} /**************** additional carousel End *******************/ .product-info .product-image .customNavigation { text-align: center; position:absolute; width:100%; z-index:9;} .product-info .product-image .customNavigation a{ -webkit-tap-highlight-color: transparent; display: block; float: right; height: 20px; position: absolute; top: -34px; width: 16px; } .product-info .product-image .customNavigation a.prev { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/image/megnor/sprite.png") no-repeat scroll -11px -60px transparent; left:-3px; top:35px; } .product-info .product-image .customNavigation a.prev:hover { background-position: -11px -90px; text-decoration:none;} .product-info .product-image .customNavigation a.next { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/image/megnor/sprite.png") no-repeat scroll -43px -60px transparent; right:-3px; top:35px; } .product-info .product-image .customNavigation a.next:hover { background-position: -43px -90px; text-decoration:none;} #advancedmenu { position:relative; margin:0 auto; z-index:9; } div.menu { float: none;; } div.menu.act { background:none; } div.menu.active { background:none; color:#5E5E5E ; } div.megnor-advanced-menu-popup { background:#f5f5f5; border: 2px solid #e9e9e9; border-left:0; left: 244px !important; margin-top: -41px; min-width: 560px; padding:20px 10px 20px 30px; position: absolute; text-align: left; top: auto; transition-duration: 200ms; display: none; } .subparentmenu-hover { background:#efefef; border: 1px solid #e9e9e9; left: 240px !important; margin-top: -41px; padding:0 10px; position: absolute; text-align: left; top: auto; transition-duration: 200ms; display:none;width:100%; } .subparentmenu-hover .super-sub div.menu{border-bottom:1px solid #e3e3e3;} .subparentmenu-hover .super-sub div.menu:last-child{border-bottom:0 none;} div.menu a, div.megnor-advanced-menu-popup a {display:block; color: #646464; padding:10px 5px; border-bottom:1px solid #e3e3e3; } div.menu.parrent-arrow .arrow a ,.subparentMenu.seeall > a{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/caregory-arrow.png") no-repeat scroll 222px -12px transparent;} div.menu.parrent-arrow:hover .arrow a , div.menu.parrent-arrow.active .arrow a ,.subparentMenu.seeall > a:hover{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/menu-hover-arrow.jpg") no-repeat scroll 204px 1px transparent; margin-right:-10px; position:relative; } div.megnor-advanced-menu-popup a { padding:5px 10px; text-transform:none; } /*div.menu a{background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/blog_arrow.png") no-repeat scroll 219px -93px rgba(0, 0, 0, 0);}*/ .itemMenu .itemMenuName{ margin-bottom: 5px; padding: 5px 10px; } div.megnor-advanced-menu-popup a:hover{} div.megnor-advanced-menu-popup a.actParent { color: #4D4D4D; } div.megnor-advanced-menu-popup a.act { color: #A52A2A; } .itemMenuName.level1 { padding: 5px 0; } div.column { float:left; min-width:170px; /* column width */ padding: 5px 5px 0; } div.itemSubMenu { /* padding: 0 10px;*/ } .clearBoth { clear:both; } a:last-child.itemMenuName.level2{border-bottom:none;} #advancedmenu .megnor-advanced-menu-popup .itemMenu a { font-weight:normal; font-size: 13px; } #advancedmenu .megnor-advanced-menu-popup .itemMenu.level2 a { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/caregory-arrow.png") no-repeat scroll 0 -18px transparent; padding:5px 10px 2px; border-bottom:none;} #advancedmenu .megnor-advanced-menu-popup .itemMenu.level2 a:hover{background-position: 0 11px ;} #advancedmenu .level1 > a.itemMenuName { font-size: 15px; /* font-weight:bold ; */ color:#646464 ; border-bottom:2px solid #2FB991; /* text-transform:uppercase; */ } .megnor-advanced-menu-popup_inner {} #advancedmenu .level1 > a.itemMenuName:hover{color:#32bf96; } .itemSubMenu .itemMenu { margin-left:0; } .itemSubMenu .itemMenu a.itemMenuName { /* background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/subcat_arrow.png") no-repeat scroll 0px center transparent;*/ background: #ffffff; /* border-bottom:none;*/ border-top: none; color: #646464; padding: 5px 0 ; } itemMenu.level2{border-bottom:none; border-top:none;} .itemSubMenu .itemMenu a:hover {/* background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/subcat_arrow_hover.png") no-repeat scroll 0px center transparent; color: #32bf96; */} .itemMenu .itemMenuName:hover{color: #32bf96;} .custom_menu:hover .customblock_inner { display: block;} .customblock_inner { background:#FFF; width:250px; padding:5px;} .bestseller-products-footer li.product-items {height:auto;} .product-options {font-size:13px;} .option_col1 {display:inline-block; width:50%;} .option_col2 {display:inline-block; } .ei-slider{ position: relative; z-index: 8; margin: 0 auto; } .ei-slider-loading{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:999; background: rgba(0,0,0,0.9); color: #fff; text-align: center; line-height: 400px; } .ei-slider-large{ height: 375px; width: 100%; position:relative; } .ei-slider-large li{ position: absolute; top: 0px; left: 0px; overflow: hidden; height:100%; width: 100%; } .ei-slider-large li img{ margin-top: 0 !important; margin-left: 0 !important; margin-top: 0 !important; width: 100% !important; height: 100% !important; } .ei-title{ position: absolute; right: 50%; margin-right: 13%; top: 30%; } .ei-title h2, .ei-title h3{ text-align: right; } .ei-title h2{ font-size: 40px; line-height: 50px; font-family: 'Playfair Display', serif; font-style: italic; color: #b5b5b5; } .ei-title h3{ font-size: 70px; line-height: 70px; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #000; } .ei-slider-thumbs{ height: 60px; margin: 0 auto; position: relative; } .ei-slider-thumbs li{ position: relative; float: left; height: 100%; } .ei-slider-thumbs li.ei-slider-element{ top: 0px; left: 0px; position: absolute; height: 100%; z-index: 10; text-indent: 0;font-size:0; /*background: #000; background: rgba(0,0,0,0.9);*/border-top:4px solid #ffdc37; } .ei-slider-thumbs li a{ padding: 13px 0 0 1px; border-left: 2px solid #064857; display: block; text-indent: 0; border-top:4px solid #064857; background-color: #107789; width: 100%; height: 100%; cursor: pointer; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; -ms-transition: background 0.2s ease; transition: background 0.2s ease; } .ei-slider-thumbs li a:hover{background-color:#1990a5;} .ei-slider-thumbs li img{ position: absolute; bottom: 0px; opacity: 0; z-index: 999; max-width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-reflect: below 0px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.3)) ); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .ei-slider-thumbs li:hover img{ opacity: 1; bottom: 60px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } @media only screen and (max-width: 1050px){ /*.wrapper{ width:auto; margin:30px 15px; }*/ .ei-slider{ width:100%; } .ei-slider-large li img { /* width: 100% !important; margin-left: 0 !important;height: auto !important; margin-top: 0 !important; */ width: 100% !important; margin-left: 0 !important;height: 100% !important; margin-top: 0 !important; } } @media screen and (max-width: 830px) { } /* ========cloud-zoom============*/ /* This is the moving lens square underneath the mouse pointer. */ /*.cloud-zoom-lens { border: 2px solid #888; margin:-2px; Set this to minus the border thickness. background-color:#fff; cursor:move; } */ /* This is for the title text. */ .cloud-zoom-title { position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:2px solid #ebebeb; overflow:hidden; margin-left:15px; width:200px; height:250px; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .product-image .mousetrap { z-index:999 !important; } /** * Lightbox */ /* ColorBox Core Style -------------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:10%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; } .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* ColorBox skin. The following styles are ordered & tabbed in a way that represents the nesting of the generated HTML. -------------------------------------------------------------- */ #cboxOverlay{background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/overlay.png) repeat 0 0;} #colorbox{} #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ } #cboxTitle{position:absolute; bottom:17px;text-align:center; width:100%; color:#999999;} #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999999;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious, #cboxNext { position:absolute; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/slider-arrows.png) no-repeat #ddd; width:30px; height:30px; text-indent:-9999px; } #cboxPrevious:hover, #cboxNext:hover { background-color:#333; } #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;} #cboxPrevious:hover{background-position:-10px -60px;} #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;} #cboxNext:hover{background-position:-60px -60px;} #cboxLoadingOverlay{background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:10px; right:10px; background:url(https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/megnor/close-button.png) -10px -10px no-repeat #ddd; width:30px; height:30px; text-indent:-9999px;} #cboxClose:hover{background-position:-10px -60px; background-color:#333;} #cboxNext, #cboxPrevious, #cboxClose { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .zoom-btn-small { background-color: rgb(239, 239, 239); bottom: 0px; color: #333333; line-height: 2.6666em; padding: 0 1em; position: absolute; right: 0px; z-index: 100; /* display:none; */ } .zoom-btn-small-left { background-color: rgb(255, 235, 235);; bottom: 0px; color: #ff0000; line-height: 2.6666em; padding: 0 1em; position: absolute; left: 0px; z-index: 100; display:none; } /* Media for 980px to 1023px */ /* 980px <= width < 1023px */ @media only screen and (min-width: 1024px) and (max-width:1240px) { .header, .nav-inner, .main, .footer,.social_content{ width:1000px; margin:0 auto;} .home-slider ,.col-main{width: 75.7%;} .col-left{width:21.8%;} .col-right{width:21.8%;} .subbanner1 img, .subbanner2 img, .subbanner3 img ,.single-banner div img, .cms-banner-right .single-banner img{max-width:100%;} .banner{width:31.6%;} .cms-banner-right .cms-banner2.single-banner { width: 55.7%;} .cms-banner-right .cms-banner3.single-banner {width: 37%;} .cms-banner-left{width:26.5%;} .cms-banner-right{width:72.5%;} .post-image {width: 100%; height:auto;} .footer_cms .social_content .content {width: 75%;} .footer_cms .social_content .social_block { width: 25%;} .block.block-banner img{ height: auto; width: 100%;} .cms_banner img {height: auto;width: 100%;} .product-image img {height: auto;width: 100%;} .ei-slider{height:auto;} .ei-slider-large{ height:347px;} .social_block ul{ padding: 20px 35px;} .form-subscribe-header label{ font-size: 20px;} .social_content .block-subscribe .input-box{width: 225px;} #footer #block_2.footer-area { width: 22%;} #footer .footer-area{width: 20%;} div.megnor-advanced-menu-popup{ left: 206px !important;} .block.block-side-nav-container{display:none;} div.menu.parrent-arrow .arrow a,.subparentMenu.seeall > a{background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/caregory-arrow.png") no-repeat scroll 185px -12px transparent;} div.menu.parrent-arrow:hover .arrow a , div.menu.parrent-arrow.active .arrow a,.subparentMenu.seeall > a:hover{margin-right:-20px; background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/menu-hover-arrow.jpg") no-repeat scroll 167px 1px transparent;} div.menu a, div.megnor-advanced-menu-popup a{padding: 6.3px 5px;} .shopping_CMS_main1 img { height: auto; width: 100%;} .product-view .product-shop{ width: 58%;} .product-view .product-img-box{ width:40%;} .products-list li .list-center{width:50%;} .cart .cart-collaterals .col2-set{width:660px;} .col2-set .col-1{ width: 33.5%;} .cart .totals{width: 324px;} .subparentmenu-hover{left: 200px !important;} .cart .discount input.input-text { width: 170px;} .ei-slider-thumbs li a{width:auto;} .left-category { width: 21.7%;} .home-slider { width: 75.8%;} #nav ul li a {padding-right:10px; padding-left:10px; } .header .form-search { width: 270px} .header .form-search input.input-text {width: 170px} } @media only screen and (min-width: 980px) and (max-width: 1024px) { div.menu.parrent-arrow .arrow a,.subparentMenu.seeall > a{background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/caregory-arrow.png") no-repeat scroll 160px -12px transparent;} div.megnor-advanced-menu-popup{ left: 183px !important;} div.menu.parrent-arrow:hover .arrow a, div.menu.parrent-arrow.active .arrow a,.subparentMenu.seeall > a:hover{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/menu-hover-arrow.jpg") no-repeat scroll 143px 1px transparent;} .form-subscribe-header label{ font-size: 22px; float: left;} div.megnor-advanced-menu-popup{ padding-left: 10px;} div.menu a, div.megnor-advanced-menu-popup a{padding: 5.2px 5px;} .header, .nav-inner, .main, .footer,.social_content{ width:940px; } .left-category{width:21.8%;} .home-slider { width: 75.54%;} .col-main{width: 75.7%;} .col-left ,.col-right{width:21.8%;} .content-top { width: 100%; display: inline-block;} .cms-banner-right .cms-banner2.single-banner { width: 55.6%;} .cms-banner-right .cms-banner3.single-banner {width: 37%;} .cms-banner-left{width:26.5%;} .cms-banner-right{width:72.5%;} .checkout-cart-index .inner-cms{ padding: 15px 0;} .single-banner div img, .cms-banner-right .single-banner img{max-width:100%;} .post-image{width:100%; height:auto;} .products-list li .list-center{width:50%;} /*.ei-slider-large li img { width: 100% !important; margin-left: 0 !important;height: auto !important; margin-top: 0 !important;}*/ .ei-slider-large li img { width: 100% !important; margin-left: 0 !important;height: 100% !important; margin-top: 0 !important;} .ei-slider{height:auto;} .ei-slider-large{height: 314px;} .subparentmenu-hover{ left: 180px !important;} .cms_banner img { height: auto; width: 100%;} .subbanner img {max-width: 100%;} .banner{ width: 31.5%;} .testimonial_main .flexslider .flex-control-nav{padding:10px 43px !important;} .testimonial_main .testi-detail{float:left;padding:0;} .testimonial_main .flexslider .slides img{float: left;padding: 10px 0;width: auto;} .testimonial_main .flexslider .flex-control-nav{ padding: 0 43px !important;} .social_block{ width: 250px;} .social_content .content{width: 690px;} .social_block ul{ padding: 20px 35px;} .form-subscribe-header{padding:0;} .social_content .block-subscribe input.input-text{ width: 164px; padding: 13px 10px;} .block-layered-nav a{ padding-left: 0;} .product-view .product-shop{margin-top: 30px; float:left; width: 100%;} .mini-products-list .special-price{float:left; padding:3px 0px;} .mini-products-list .link-wishlist, .link-compare{ float: left;} .product-view .link-wishlist, .link-compare{float:none;} .cart .discount, .cart .shipping{ padding: 19px 30px;} .product-image img { height: auto; width: 100%; } .products-list li.item{padding: 10px 0;} .products-list li .list-left{ margin-right: 10px;} .products-list li .list-center{ width:345px; padding: 10px 10px 10px 0;} .col3-layout .col-main { width:520px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:720px; } .product-view .product-shop{ width:100%; } .col1-layout .product-view .product-shop{ width:623px; } .block-banner img{ width:100%; } #footer .mobile_togglemenu{ display:none; } .col1-layout .product-view .product-shop{ width:620px; } .cart .cart-collaterals .col1-set , .cart .cart-collaterals .col2-set , .cart .totals{ width:100%; } .block.block-side-nav-container{display:none;} .shopping_CMS_main1 {float: left;width: 100%;} .social_content .block-subscribe .input-box { width: 155px;}.send-friend .form-list{width:100%;} .send-friend .form-list li.wide .input-box{width:70%;} .send-friend .form-list li.wide textarea{width:100%;} .bestseller-products-footer .product_desc{width:60%;} #footer .footer-area{padding-left:30px;} .header .form-search{border:1px solid #000;} .second-content{width:33%;} .toolbar .pager .pager_right { clear: both; float: left; margin: 5px 0 0;} #footer #block_1{ padding-right: 23px;} #block_2.footer-area { width: 23%;} #footer #block_3{padding-bottom:41px;} .cart .discount input.input-text { width: 168px;} .ei-slider-thumbs li a{width:auto;} #nav ul li a {padding-right:5px; padding-left:5px; } .header .form-search { width: 270px} .header .form-search input.input-text {width: 170px} } @media only screen and (max-width: 979px){ .hidden_menu{display:block;} .nav-inner ul.hidden_menu li:first-child ,.responsive-menu #nav-mobile ul li:first-child{margin-left:0;} #nav ul li a:hover, #nav > li ul > li:hover > a, .responsive-menu a:hover{ background: none repeat scroll 0 0 #393939; border-left: 4px solid #ffe35f; padding: 8px 10px;} .header, .nav-inner, .main, .footer,.social_content{ width:724px; } .sidebar .block .block-content .treeview-side.treeview li{border-bottom:none;} #nav ul, #nav div{width:auto;} .nav-responsive{display:block;} .ei-slider-large {height: 310px;} .content-top{overflow:hidden;} .left-category{display:none;} .ei-slider-thumbs { height: 72px;} .home-slider{width:100%; padding:0;} .block.block-advancedmenu{display:none;} .left-category .block-content ul{list-style:outside none none;} .left-category .block-content #category-treeview .hitarea{ margin-right: 0;} div.menu.parrent-arrow .arrow a { background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/caregory-arrow.png") no-repeat scroll 133px -12px transparent;} div.megnor-advanced-menu-popup{ left: 164px !important;} div.menu.parrent-arrow:hover .arrow a, div.menu.parrent-arrow.active .arrow a{ background:url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/menu-hover-arrow.jpg") no-repeat scroll 114px 1px transparent;} .header-bottom { margin: 0 ;text-align:center; padding-top:25px;} .nav-inner ul li:first-child{margin-left:15px;} .social_content .block-subscribe input.input-text{width:90%} div.megnor-advanced-menu-popup{ left: 149px !important;} .ei-slider .ei-slider-thumbs .info1 , .ei-slider .ei-slider-thumbs .info2{font-size:14px;} .ei-slider-large li img { width: 100% !important; margin-left: 0 !important;height: 100% !important; margin-top: 0 !important;} .ei-slider{height:auto;} .ei-slider-large{height: 311px;} .footer{ clear: both;} .col-main , .col3-layout .col-wrapper{ width:473px;} .form-list input.input-text{ width: 216px;} .col-main{width: 69.7%;} .col-left ,.col-right{width:27.8%;} .box-up-sell .category-title h2 {width:85%;} .box-up-sell .category-title h2. {width:85%;} .crosssell h2 {width:99%;} .crosssell h2. {width:99%;} .like{float:left;clear:both;} .ei-slider-large{height:235px;} .banner{width:31%;} .cms-banner-right .cms-banner2.single-banner { width: 55.6%;} .cms-banner-right .cms-banner3.single-banner {width: 37%;} .cms-banner-left{width:26.2%;} .cms-banner-right{width:73.7%;} .cms-banner2 { margin: 0 19px;} .post-image{width:100%;height:auto;} .single-banner div img, .cms-banner-right .single-banner img{max-width:100%;} .headercms{display:none;} .social_block ul li{float:none;} .social_block{width:100%; text-align:center;} .social_content .content{width:100%;} .form-subscribe-header{padding: 4px 0;} #footer .footer-area{border-right:none;} #footer #block_1{padding: 0; margin:0;} .product-image > img { height: auto;max-width: 100%;} .quick-access > form {float: left;margin: 10px 15px 20px; position: relative; width: 96%;} .header .quick-access{ position: relative; width: 100%; margin:0 0 20px;} .header .form-search{position: relative;width: 100%; top:0; float:left; } .headerbottom{ display: inline-block; float: none; margin:30px 0 0; text-align: center; width: auto;} .header .form-search button.button{ float: left;} .main{ padding-top:25px;} .products-list li.item{ padding: 10px 0;} .products-list li .list-left{ margin-right: 10px;} .products-list li .list-center{border-right:none;} .products-list li .list-right{ float: left; padding-left:0;} .product-collateral .padder{border:none;} .home_first { display: none;} .responsive-menu #nav-mobile ul{ padding-left:0px;} .responsive-menu #nav-mobile ul ul { padding-left: 15px;} #nav ul span, #nav ul li.last li span, .responsive-menu li a{ padding: 8px 14px;} .cms-data{text-align:left;} #advancedmenu{ display:block; } .advanced_nav{ display:block; } /* #zoom-btn , */ .mousetrap {display:none !important; } #zoom1 {cursor:default !important; } .footer .mobile_togglemenu{ display:block; } #footer ul{ display:none; margin-bottom:10px; } #footer .footer-area{ width:100%; margin-right:0; } .products-list li .list-center{ width: 100%; margin: 5px 0 0; padding:10px 0;} .products-list li .list-right{margin:0;} .product-view .product-shop{ width: 100%; margin-top:25px; } .cart .cart-collaterals .col2-set, .cart .totals{ width:100%; } .checkout-progress{ padding: 0 10px; } .form-list li.wide select , .form-list li.wide .input-box {width: 400px;} .gift-messages-form .item .details .form-list li.wide .input-box , .form-list li.wide input.input-text{ width:100%; } .col1-layout .product-view .product-shop{ width: 405px;} .padder h6 { display:block; padding:5px 10px;line-height: 25px; position:relative; } .padder .h6 { display:block; padding:5px 10px;line-height: 25px; position:relative; } .product-view .tabs{ display:none !important; } .contacform{ width:100%; margin-bottom:10px; padding:0; margin-right:0; border:none; } .googlemap{ width:100%;margin-bottom:10px; } .block-banner img , .category-image img{ max-width:100%;} .toolbar .pager .pager_right{ float:left; margin-top:5px; clear:both;margin-left:5px; } .footer_bottom ul.links{display:block;text-align:center; float:none; margin-bottom:5px; } .footer address{ float:none;text-align:center; clear:both; } .product-collateral .padder{ padding-left:0; padding-right:0; } .padder ol{ display:none; margin-bottom: 15px;} .padder > div{ display:block !important; } #footer .block-subscribe input.input-text{ width:98%; } .block-subscribe .block-title strong { display: inline;} .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box{ width:90%; } .cms-data{border-right: none;} .header .logo{float:none; text-align:center; margin:10px 0;} .shopping_CMS_main1 img {height: auto;width: 100%;} .social_content .block-subscribe .input-box{width:205px;} .send-friend .form-list{width:100%;} .send-friend .form-list li.wide .input-box{width:70%;} .send-friend .form-list li.wide textarea{width:100%;} .block.block-related .special-price,.block.block-wishlist .special-price{float:left; } #footer .footer-area{padding-left:0;} #footer li.item {clear: both;} .footer-bottom-paypal ,.footer-left{float:none;text-align:center;} .header-content ,.header-cart{margin:25px 0 0;} #footer #block_3 { padding-bottom: 0;} #footer #block_2{border-left:0 none;} #footer h6{margin-bottom:15px;} #footer .h6{margin-bottom:15px;} } /* Landscape phone to portrait tablet */ @media only screen and (max-width: 767px) { .product-carousel .product-block .hover_block,.product-block-inner .new-label,.product-block-inner .sale-label,.products-list li .list-left .new-label,.products-list li .list-left .sale-label,.products-grid .product-block .hover_block{opacity:1;} .nav-inner ul li:first-child{margin-left:0;} .block.block-side-nav-container{display:none;} .block .block-title{background:#e1e1e1;} .block .block-title strong{color:#333333;} .block.block-advancedmenu{display:none; } .header .welcome-msg{background:none;} #advancedmenu{display:none;} .ei-slider-large li img { width: 100% !important; margin-left: 0 !important;height: 100% !important; margin-top: 0 !important; } .ei-slider{height:auto;} .ei-slider-large{height:319px;} .ei-slider-thumbs{ height: 80px;} .header, .nav-inner, .main, .footer ,.social_content{ width:auto; margin:0 15px; } .col-left ,.col-right ,.col-main{ float: none; width: auto; padding:0;} .col-main{ margin-bottom:10px; width:100%;} .col2-left-layout .col-main,.col2-right-layout .col-main{padding:0; width:auto; float:none;} .col-left .block-content ,.col-right .block-content{ display:none; } /*.col3-layout .col-wrapper , .col-main , .col3-layout .col-main{ width:100%;}*/ .col-right{padding:5px 15px 25px;} .toggle .mobile_togglecolumn {display: block; width:auto;} .block-banner{ display:none; } .header .form-search input.input-text{width:148px;} /********** Header Setting *************/ .header .form-search{ margin-left: 0; } .header .logo{ margin: 0 auto;text-align: center;text-decoration: none !important;float:none;} .header_top{ height:100px; } .header .welcome-msg{ display: inline-block; float: none; left: 0; margin: 0; padding: 24px 0; text-align: center; width: 100%;} .header .form-search { display: inline-block; float: none; margin: 0 auto; position: static; width: 258px; } .quick-access > form { display: inline-block; float: none; margin: 10px auto; position: relative; text-align: center; width: 100%; } .header-cart .cart-label{margin-left:0;} .header .links{ display:none; float:none; text-align:left; position:absolute; background: rgba(62, 62, 62, 0.9); } .tm_headerlinks_inner{ display:block; cursor:pointer; padding:9px 0; } .header .links { margin:0; top:38px; width:245px;; right:0; z-index: 999; padding:5px;} .tm_headerlinkmenu .links a{color:#fff;} .header .links li{ display:block; float:none; background:none; padding:0px !important } .header .links li a{ text-decoration:none; padding:2px 10px; display:block;} .header .links li a:hover{ background:#32bf96; color: #ffffff; } .header .tm_top_currency , .header .form-language{ float:left; text-align:center; } .header .tm_top_currency {width:33.33%; margin:0; position:relative; background:#acacac; top:10px; padding: 0px;border-right:1px solid #ffffff;} .header .form-language{ width:33.33%; margin:0; position:relative; background:#acacac; top:10px; padding: 0px;} .tm_top_currency .sbToggle ,.form-language .sbToggle {background: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/images/arrow-down-resp.png") no-repeat scroll center center transparent;} .form-language .sbHolder, .tm_top_currency .sbHolder{ border:none; padding:0 0 0 0; background:none; float:none; } .form-language .sbHolder > a, .tm_top_currency .sbHolder > a{ color:#fff; text-align:center; padding:10px 0; top:3px; } .form-language .sbHolder .sbOptions, .tm_top_currency .sbHolder .sbOptions{ width:240px; left:0; top:38px !important; text-align:left; } .sbOptions li:hover{background:#32bf96; color:#fff;} .tm_headerlinkmenu { background: #acacac; border-left:1px solid #ffffff; float: right; margin: 0; padding: 0; position: absolute; top: 10px; width: 33.33%; } .header-bottom {} .tm_headerlinkmenu{ right:0;} .cart_mini_right{ background:none; padding:0px 0 9px; margin:0 0 0 1px; border:none; float:none; text-align:center; } .header .header-cart #panel{ top:38px; } .cart_mini_right .price{ } /********** Header Setting *************/ .products-list li .list-center {padding-top:0; width: 100%;} .products-list li .list-center .product-shop { margin-top: 10px;} .col2-set .col-1 , .col2-set .col-2,.box-account .col2-set .col-1{ width:100%; } .box-account .col2-set .col-1{ padding-right:0; border:none; margin-bottom:15px;} .order-info-box .col-1{ margin-bottom:15px; } .product-view .product-img-box { margin:0 auto 20px; float:none; } .product-shop{ width:100% !important; margin-top: 30px;} .header .form-language label , .header .tm_top_currency label { display:none !important; } #super-table{ clear:both; } #new-wishlist-table .add-to-cart-alt button.button span{ width:auto !important; } .form-list li.wide textarea{ width:100%; } .form-list li.fields .name-firstname{ margin-bottom:10px; } .header .form-search button.button{float:left;} .social_content .block .actions button.button{} .form-subscribe-header label{ float:left;} .form-subscribe-header{ padding: 5px 0 0;} .level1.nav.first.parent.expandable > a { padding: 8px 24px;} .level2.nav.first > a { padding: 8px 24px;} block.block-advancedmenu{display:none;} .social_content .content{ margin-bottom: 20px;} .form-subscribe-header , .newsletter-container{float:none; text-align: center;} .form-subscribe-header > ul {display: inline-block;} .newsletter-container{margin:0;} .block-subscribe .newsletter-container .actions{float:left; margin: 0;} .block-subscribe .block-content .newsletter-container .input-box{ float:left;} .social_content .content { margin-bottom:0; height:auto;} .newsletter-container {margin: 0 auto;overflow: hidden;width: 339px;} .social_content .block-subscribe input.input-text{width:91%;} .header .form-search input.input-text{border:1px solid #ffffff;} .my-wishlist .buttons-set button.button{float:left; margin: 5px 5px 0 0;} .my-wishlist button.btn-update{float:left; margin:5px 0; clear:both;} #brand-carousel { width: 96%;} .headerbottom{width:100%;margin:10px 0 0;} .home-slider { padding: 0; width: 100%;} .banner { width: 31.79%;} .subbanner3.banner { float: right;} .subbanner2.banner {display: inline-block; float: none; margin: 0 2.2% 0 2.4%;} .cms-banner-right { width: 75%;} .cms-banner-left { width: 25%;} .cms-banner-right .cms-banner3.single-banner { width: 35%;} .cms-banner-right .cms-banner2.single-banner { width: 53.7%;} .cms-subbanner2 { margin-top: 20px;} .back-link a , .checkout-multishipping-addresses button.button span{font-size:13px;padding:7px 6px;} .checkout-multishipping-addresses button.button span span{padding:0;} .multiple-checkout .buttons-set button.button{float:left;clear:both; margin:5px 0 0;} .crosssell h2{width:95%;} .crosssell h2.{width:95%;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .form-list li.wide .input-box{width: 260px;} .form-list li.wide input.input-text{ width: 250px;} .ei-slider-large li img {width: 100% !important; margin-left: 0 !important;height: 100% !important; margin-top: 0 !important;} .ei-slider-large{ height: 315px;} .ei-slider-large li{ height: 315px;} .social_content .block-subscribe .input-box{width:235px;} } @media only screen and (max-width: 640px){ #shopping-cart-table thead, #checkout-review-table thead, #my-orders-table thead, #multiship-addresses-table thead{ display: none;} #shopping-cart-table tbody tr td, #checkout-review-table tbody tr td, #my-orders-table tbody tr td, #multiship-addresses-table tbody tr td{ border-bottom: 1px solid #DDDDDD; margin: 0; padding: 10px 0; width: 100%; } #multiship-addresses-table tbody tr td{display:inline-block;} #shopping-cart-table tbody tr, #shopping-cart-table tbody tr td, #checkout-review-table tbody tr, #checkout-review-table tbody tr td, #my-orders-table tbody tr, #my-orders-table tbody tr td, #multiship-addresses-table tbody tr, #multiship-addresses-table tbody tr td{ /* display: block;*/ text-align: center !important; } #shopping-cart-table tr td, #checkout-review-table tr td, #my-orders-table tr td, #multiship-addresses-table tr td {display:block;} .data-table colgroup { display: block;} #shopping-cart-table .btn-remove2 { margin: 0 auto; } #shopping-cart-table .item-options dt, #checkout-review-table .item-options dt, #my-orders-table .item-options dt, #multiship-addresses-table .item-options dt{ margin:0 auto; float: none;} button#empty_cart_button{float:left; margin:5px 0; clear:both;} #multiship-addresses-table .btn-remove2 { left: 0; margin: 0 auto; right: 0;} } @media only screen and (min-width: 480px) and (max-width: 650px) { .header .form-search button.button{ } .header .quick-access, .header .form-search{} .tm_headerlinkmenu{ } .ei-slider-large li img {width: 100% !important; margin-left: 0 !important;height: 100% !important; margin-top: 0 !important;} .info2 { margin-top: 10px;} .ei-slider-thumbs li a{padding: 13px 0 10px;} .ei-slider{height:auto;} .ei-slider-large{height: 194px;} .ei-slider-large li{ height: 194px;} .col-left, .col-right, .col-main{ float: none;width: auto;} .form-subscribe-header{padding:0;} .quick-access > form{ margin: 10px 12px 20px; width: 98%;} .cart-shopping-table a.product-image img{width:auto;} .header .form-language{margin:0;} .toolbar .pager .pager_right{float:left;} .pager .pages {float: left;margin: 0;} .pager .limiter{ float:left;} .pager .pager_right .sort-by{ float: left;padding-top: 5px; clear:both;} .tm_responsive_row .product-image img{width:auto;} } /* Landscape phones and down */ @media only screen and (max-width: 479px) { .col-right { padding: 5px 7px 25px;} .news_img{ display:none;margin:0;} .subbanner2.banner{margin:15px 0; float:left;} .subbanner{text-align:center;} .banner{width:100%;} .subbanner1 img:hover, .subbanner2 img:hover ,.subbanner3 img:hover{transition:none;transform:none;} .quick-access > form{ margin: 20px 0px ;} .header-content{ display: inline-block;float: none; margin:25px 0 0;} .header-cart .cart-label{top:5px;} .ei-slider-thumbs li{display:block;} .ei-slider-large{height:auto;} .col-main{padding: 0 9px;} .form-subscribe-header{ padding:0;} .form-list .field , .form-list .input-box ,.form-list li.wide .input-box { width:100% !important; } .form-list input.input-text , .form-list li.wide textarea, .form-list select , .tm_responsive_row select , .product-view .box-tags .form-add input.input-text{width:90% !important; } .cart_mini_right{ /*display:none; */} .checkout-progress{ padding:0 50px; } .checkout-progress li{width:100% ;margin:0 0px 5px 0;} .cart_mini_right .price{/* display:none;*/ } .tm_responsive_row label , .tm_responsive_row span{width:100% ;margin:0 0px 5px 0; } .tm_responsive_row span .separator{ display:none;} .gift-messages-form .item .details{ margin-left:0; margin-top:15px; } .product-view .product-img-box{ width:271px; } .product-view .product-img-box .product-image img{ width:100%; } .email-addto-box .email-friend{ float:none; margin-bottom:8px; } .googlemap iframe{ width:100% !important; } .col3-set .col-1 , .col3-set .col-2 , .col3-set .col-3 { width:100%; margin-bottom:10px; } .my-wishlist textarea{ width:90%; } #my-tags-table td , #my-reviews-table td{ display:block; } .additional-carousel .slider-item .product-block img{ margin:0 auto; text-align:center; display:block; } .product-view .product-shop .availability{ float:none; text-align:left; } #product-review-table .nobr{ white-space: normal !important; } #product-review-table td , .data-table thead th{ padding: 5px 3px; } #product-review-table{ margin:10px 0; } .buttons-set .back-link{ margin-right:10px; } .buttons-set button.button{ float:right; margin-left:0; } .pager .limiter{ margin-bottom:10px; } .pager .pager_right .sort-by{ float:none; } .products-list li .list-right{ width:100%; } .toolbar .pager .pager_right{float:left;} .pager .pages {float: left;margin: 0;} .pager .limiter{ float:left;} .pager .pager_right .sort-by{ float: left;padding-top: 5px;} .title-buttons h1 , .checkout-types{float:none;} .title-buttons .h1 , .checkout-types{float:none;} .cart .title-buttons .checkout-types li{ margin: 5px 0;} .cart .title-buttons .checkout-types { float: left;} .tm_responsive_row .product-image img{width:auto;} .header .header-cart #panel{ right: -30px; width: 200px;} .cart .discount input.input-text{width:224px;} .subbanner{ margin-top: 20px;} .newsletter-container{width:245px;} .social_content .block-subscribe input.input-text{width:84%;} .social_content .block-subscribe .input-box{ width: 140px;} .send-friend .buttons-set button.button {float: left; clear: both; margin: 5px 0 0 0;} .cart-table .btn-continue,.cart-table .btn-update{float:left; clear:both; margin:5px 0;} .multiple-checkout .data-table{display: inline; float: left; overflow: auto; width: 100%;} .manufacture_products .product-carousel .product-block-inner{text-align:center;} .form-language .sbHolder .sbOptions, .tm_top_currency .sbHolder .sbOptions{width:190px;} .tab0{height:auto;} ul.tabbernav li a{display:block; float:none; border-bottom:2px solid #fff;background-color:#eeeeee;} ul.tabbernav{height:auto;} ul.tabbernav li{display:block; float: none;width:100%;margin:3px 0 0;text-align:center;} .tabberlive .customNavigation a{top:-27px;} .tabberlive .tab { margin-top: 30px;} .cms-banner-right , .cms-banner-left ,.cms-banner-right .cms-banner3.single-banner { width: 100%; text-align:center;} .cms-banner-right .cms-banner2.single-banner{width:100%;margin:20px 0;} .single-banner div:hover img, .cms-banner-right .single-banner:hover img{transform:none;} } /* Mobile Landscape Size to Mobile Portrait (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .news_img{ margin-left: 10px;} .ei-slider-thumbs li a{padding:0;} .ei-slider-thumbs li img{display:none !important;} .header .form-language{ margin: 0;} .tm_headerlinkmenu{width:33.1%;} .header-bottom{text-align:center; width:auto;} .ei-slider-thumbs{ /*height:auto; */ margin-bottom:0;} .ei-slider{overflow:hidden;} .ei-slider-large{height:auto;} .form-subscribe-header{ padding:0;} .header .form-search input.input-text { width: 120px;} /* .header .form-search{width:229px;} */ .header .form-search button.button{} .header-cart{float:none; display:inline-block;margin:0; width:100%;} .block-cart.btn-slide {float: none;} .header-cart .cart-label{float:none;display:inline-block;} .social_block ul{padding: 20px 40px;} .ei-slider-large{height: 125px;} .header .header-cart #panel .actions .viewcart-btn{ margin-left:0;} .cart .cart-collaterals .col1-set{ width: 278px;} .header .header-cart #panel{ right: -8px; left: auto;} } @media only screen and (max-width: 319px){ .logo img { max-width: 100%; } .header .quick-access, .header .form-search{ } .ei-slider-large{height:110px;} .ei-slider-thumbs li{height:auto;} .ei-slider-thumbs{display:none; height:auto;} .ei-slider-thumbs li img{display:none;} .ei-slider .ei-slider-thumbs .info1, .ei-slider .ei-slider-thumbs .info2{display:none;} .ei-slider-thumbs li a{padding:0;} .tm_headerlinkmenu{width:33.1%;} .header-cart .right_arrow{ padding:0; background:none; } .header-cart { float: none; margin:0;} .block-cart.btn-slide{display:inline-block; float: none;} .header-content{ margin: 20px 0 0;} .header-content .telephone{display:inline-block; float:none;} .cms-data { display: inline-block; margin: 0; padding: 0; text-align: center; width: 100%; } .cart .cart-collaterals .col1-set{ width: 202px;} .cart .discount .input-box { width:100% !important; } #footer .block-subscribe input.input-text , .form-list textarea , .cart .discount input.input-text{ width:95%;} .checkout-progress{ padding:0 10px; } .opc .step{ padding:15px 15px; } .product-view .product-img-box , .product-view .product-img-box .product-image img{ width:100%; } .product-view .product-shop .add-to-links li{ display:block;margin-bottom:8px; } .product-view .product-shop .availability{ float:none; text-align:left; } .my-wishlist .buttons-set button.button{ margin:5px 0; text-align:left;} #product-review-table thead{ display:none; } .form-language .sbHolder, .tm_top_currency .sbHolder{float:none; text-align:center; padding:0; } .form-language .sbHolder .sbToggle , .tm_top_currency .sbHolder .sbToggle { display:none; } .form-subscribe-header label{font-size: 18px;} .social_block ul{ padding: 20px 0;} ul.tabbernav li a{font-size:16px;} .tab0{height:auto;} ul.tabbernav{height:auto;} ul.tabbernav li{display:block; float: none;width:100%;margin:5px 0;} .header .form-search input.input-text{ width:40px;} .header .form-search button.button span span{ } .header .form-search{width:150px;} .header-cart .cart-img{ right: 112px; margin-top:0;} .header .header-cart #panel{width:162px; right:3px;} .col-main{padding: 0 4px;} .col-left{padding: 0 0 0 4px;} .col-right{padding:5px 7px 25px 0;} .news_img{display:none;} .form-subscribe-header label{font-size: 14px;} .block.block-side-nav-container .block-title span{padding:1px 0 1px 40px;} .product-view .product-shop .add-to-links li{float:none;} button.btn-checkout span{padding:0 16px;} .customNavigation a.prev{right: 27px;} .customNavigation a.next{ right: 2px;} .header .header-cart #panel .actions .viewcart-btn{ margin-left: 0; margin-top: 3px;} .footer-container .social_content button.button > span{ padding: 14px 5px !important;} .social_content .block .actions button.button span{font-size:11px;} .pager .limiter{margin:5px 0 0 0;} .add-to-links li{ margin: 0 5px 0 0;} .social_content .block-subscribe .input-box{width:85px;} .newsletter-container{width:165px;} .send-friend .form-list li{margin-right:0;} .cart .totals .checkout-types li{margin:10px 0;} .form-language .sbHolder .sbOptions, .tm_top_currency .sbHolder .sbOptions{width:140px;} .header .links{width:210px;} .checkout-multishipping-addresses button.button span{ font-size: 10px;} } @media only screen and (max-width:240px) {} @media only screen and (min-width: 980px) and (max-width:1280px) { .product-view .tabs a { font-size:14px; padding: 10px 5px } } #imagelightbox { position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); cursor: pointer; } /* ACTIVITY INDICATION */ #imagelightbox-loading, #imagelightbox-loading div { border-radius: 50%; } #imagelightbox-loading { width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ background-color: #444; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; /* 10 */ margin: -1.25em 0 0 -1.25em; /* 20 */ -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ } #imagelightbox-loading div { width: 1.25em; /* 20 */ height: 1.25em; /* 20 */ background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; } @-webkit-keyframes imagelightbox-loading { from { opacity: .5; -webkit-transform: scale( .75 ); } 50% { opacity: 1; -webkit-transform: scale( 1 ); } to { opacity: .5; -webkit-transform: scale( .75 ); } } @keyframes imagelightbox-loading { from { opacity: .5; transform: scale( .75 ); } 50% { opacity: 1; transform: scale( 1 ); } to { opacity: .5; transform: scale( .75 ); } } /* OVERLAY */ #imagelightbox-overlay { background-color: #fff; background-color: rgba( 255, 255, 255, .9 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; } /* "CLOSE" BUTTON */ #imagelightbox-close { width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ text-align: left; background-color: #666; border-radius: 50%; position: fixed; z-index: 10002; top: 2.5em; /* 40 */ right: 2.5em; /* 40 */ -webkit-transition: color .3s ease; transition: color .3s ease; } #imagelightbox-close:hover, #imagelightbox-close:focus { background-color: #111; } #imagelightbox-close:before, #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; } #imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); } #imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); } /* CAPTION */ #imagelightbox-caption { text-align: center; color: #fff; background-color: #666; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.625em; /* 10 */ } /* NAVIGATION */ #imagelightbox-nav { background-color: #444; background-color: rgba( 0, 0, 0, .5 ); border-radius: 20px; position: fixed; z-index: 10001; left: 50%; bottom: 3.75em; /* 60 */ padding: 0.313em; /* 5 */ -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); transform: translateX( -50% ); } #imagelightbox-nav button { width: 1em; /* 20 */ height: 1em; /* 20 */ background-color: transparent; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin: 0 0.313em; /* 5 */ } #imagelightbox-nav button.active { background-color: #fff; } /* ARROWS */ .imagelightbox-arrow { width: 3.75em; /* 60 */ height: 7.5em; /* 120 */ background-color: #444; background-color: rgba( 0, 0, 0, .5 ); vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -3.75em; /* 60 */ } .imagelightbox-arrow:hover, .imagelightbox-arrow:focus { background-color: rgba( 0, 0, 0, .75 ); } .imagelightbox-arrow:active { background-color: #111; } .imagelightbox-arrow-left { left: 2.5em; /* 40 */ } .imagelightbox-arrow-right { right: 2.5em; /* 40 */ } .imagelightbox-arrow:before { width: 0; height: 0; border: 1em solid transparent; content: ''; display: inline-block; margin-bottom: -0.125em; /* 2 */ } .imagelightbox-arrow-left:before { border-left: none; border-right-color: #fff; margin-left: -0.313em; /* 5 */ } .imagelightbox-arrow-right:before { border-right: none; border-left-color: #fff; margin-right: -0.313em; /* 5 */ } #imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow { -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear; } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @media only screen and (max-width: 41.250em) /* 660 */ { #container { width: 100%; } #imagelightbox-close { top: 1.25em; /* 20 */ right: 1.25em; /* 20 */ } #imagelightbox-nav { bottom: 1.25em; /* 20 */ } .imagelightbox-arrow { width: 2.5em; /* 40 */ height: 3.75em; /* 60 */ margin-top: -2.75em; /* 30 */ } .imagelightbox-arrow-left { left: 1.25em; /* 20 */ } .imagelightbox-arrow-right { right: 1.25em; /* 20 */ } } @media only screen and (max-width: 20em) /* 320 */ { .imagelightbox-arrow-left { left: 0; } .imagelightbox-arrow-right { right: 0; } } .bootstrap { /*! * Bootstrap v2.3.2 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ } .bootstrap .clearfix { *zoom: 1; } .bootstrap .clearfix:before, .bootstrap .clearfix:after { display: table; line-height: 0; content: ""; } .bootstrap .clearfix:after { clear: both; } .bootstrap .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .bootstrap .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap article, .bootstrap aside, .bootstrap details, .bootstrap figcaption, .bootstrap figure, .bootstrap footer, .bootstrap header, .bootstrap hgroup, .bootstrap nav, .bootstrap section { display: block; } .bootstrap audio, .bootstrap canvas, .bootstrap video { display: inline-block; *display: inline; *zoom: 1; } .bootstrap audio:not([controls]) { display: none; } .bootstrap html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } .bootstrap a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .bootstrap a:hover, .bootstrap a:active { outline: 0; } .bootstrap sub, .bootstrap sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .bootstrap sup { top: -0.5em; } .bootstrap sub { bottom: -0.25em; } .bootstrap img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .bootstrap #map_canvas img, .bootstrap .google-maps img { max-width: none; } .bootstrap button, .bootstrap input, .bootstrap select, .bootstrap textarea { margin: 0; font-size: 100%; vertical-align: middle; } .bootstrap button, .bootstrap input { *overflow: visible; line-height: normal; } .bootstrap button::-moz-focus-inner, .bootstrap input::-moz-focus-inner { padding: 0; border: 0; } .bootstrap button, .bootstrap html input[type="button"], .bootstrap input[type="reset"], .bootstrap input[type="submit"] { cursor: pointer; -webkit-appearance: button; } .bootstrap label, .bootstrap select, .bootstrap button, .bootstrap input[type="button"], .bootstrap input[type="reset"], .bootstrap input[type="submit"], .bootstrap input[type="radio"], .bootstrap input[type="checkbox"] { cursor: pointer; } .bootstrap input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } .bootstrap input[type="search"]::-webkit-search-decoration, .bootstrap input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } .bootstrap textarea { overflow: auto; vertical-align: top; } @media print { .bootstrap * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } .bootstrap a, .bootstrap a:visited { text-decoration: underline; } .bootstrap a[href]:after { content: " (" attr(href) ")"; } .bootstrap abbr[title]:after { content: " (" attr(title) ")"; } .bootstrap .ir a:after, .bootstrap a[href^="javascript:"]:after, .bootstrap a[href^="#"]:after { content: ""; } .bootstrap pre, .bootstrap blockquote { border: 1px solid #999; page-break-inside: avoid; } .bootstrap thead { display: table-header-group; } .bootstrap tr, .bootstrap img { page-break-inside: avoid; } .bootstrap img { max-width: 100% !important; } @page { .bootstrap { margin: .5cm; } } .bootstrap p, .bootstrap h2, .bootstrap h3 { orphans: 3; widows: 3; } .bootstrap h2, .bootstrap h3 { page-break-after: avoid; } } .bootstrap body { margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: #333; background-color: #fff; } .bootstrap a { color: #08c; text-decoration: none; } .bootstrap a:hover, .bootstrap a:focus { color: #005580; text-decoration: underline; } .bootstrap .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .bootstrap .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .bootstrap .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .bootstrap .row { margin-left: -20px; *zoom: 1; } .bootstrap .row:before, .bootstrap .row:after { display: table; line-height: 0; content: ""; } .bootstrap .row:after { clear: both; } .bootstrap [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .bootstrap .container, .bootstrap .navbar-static-top .container, .bootstrap .navbar-fixed-top .container, .bootstrap .navbar-fixed-bottom .container { width: 940px; } .bootstrap .span12 { width: 940px; } .bootstrap .span11 { width: 860px; } .bootstrap .span10 { width: 780px; } .bootstrap .span9 { width: 700px; } .bootstrap .span8 { width: 620px; } .bootstrap .span7 { width: 540px; } .bootstrap .span6 { width: 460px; } .bootstrap .span5 { width: 380px; } .bootstrap .span4 { width: 300px; } .bootstrap .span3 { width: 220px; } .bootstrap .span2 { width: 140px; } .bootstrap .span1 { width: 60px; } .bootstrap .offset12 { margin-left: 980px; } .bootstrap .offset11 { margin-left: 900px; } .bootstrap .offset10 { margin-left: 820px; } .bootstrap .offset9 { margin-left: 740px; } .bootstrap .offset8 { margin-left: 660px; } .bootstrap .offset7 { margin-left: 580px; } .bootstrap .offset6 { margin-left: 500px; } .bootstrap .offset5 { margin-left: 420px; } .bootstrap .offset4 { margin-left: 340px; } .bootstrap .offset3 { margin-left: 260px; } .bootstrap .offset2 { margin-left: 180px; } .bootstrap .offset1 { margin-left: 100px; } .bootstrap .row-fluid { width: 100%; *zoom: 1; } .bootstrap .row-fluid:before, .bootstrap .row-fluid:after { display: table; line-height: 0; content: ""; } .bootstrap .row-fluid:after { clear: both; } .bootstrap .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap .row-fluid [class*="span"]:first-child { margin-left: 0; } .bootstrap .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .bootstrap .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .bootstrap .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .bootstrap .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .bootstrap .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .bootstrap .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .bootstrap .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .bootstrap .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .bootstrap .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .bootstrap .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .bootstrap .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .bootstrap .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .bootstrap .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .bootstrap .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .bootstrap .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .bootstrap .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .bootstrap .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .bootstrap .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .bootstrap .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .bootstrap .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .bootstrap .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .bootstrap .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .bootstrap .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .bootstrap .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .bootstrap .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .bootstrap .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .bootstrap .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .bootstrap .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .bootstrap .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .bootstrap .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .bootstrap .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .bootstrap .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .bootstrap .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .bootstrap .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .bootstrap .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .bootstrap .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .bootstrap .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } .bootstrap [class*="span"].hide, .bootstrap .row-fluid [class*="span"].hide { display: none; } .bootstrap [class*="span"].pull-right, .bootstrap .row-fluid [class*="span"].pull-right { float: right; } .bootstrap .container { margin-right: auto; margin-left: auto; *zoom: 1; } .bootstrap .container:before, .bootstrap .container:after { display: table; line-height: 0; content: ""; } .bootstrap .container:after { clear: both; } .bootstrap .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .bootstrap .container-fluid:before, .bootstrap .container-fluid:after { display: table; line-height: 0; content: ""; } .bootstrap .container-fluid:after { clear: both; } .bootstrap p { margin: 0 0 10px; } .bootstrap .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } .bootstrap small { font-size: 85%; } .bootstrap strong { font-weight: bold; } .bootstrap em { font-style: italic; } .bootstrap cite { font-style: normal; } .bootstrap .muted { color: #999; } .bootstrap a.muted:hover, .bootstrap a.muted:focus { color: #808080; } .bootstrap .text-warning { color: #c09853; } .bootstrap a.text-warning:hover, .bootstrap a.text-warning:focus { color: #a47e3c; } .bootstrap .text-error { color: #b94a48; } .bootstrap a.text-error:hover, .bootstrap a.text-error:focus { color: #953b39; } .bootstrap .text-info { color: #3a87ad; } .bootstrap a.text-info:hover, .bootstrap a.text-info:focus { color: #2d6987; } .bootstrap .text-success { color: #468847; } .bootstrap a.text-success:hover, .bootstrap a.text-success:focus { color: #356635; } .bootstrap .text-left { text-align: left; } .bootstrap .text-right { text-align: right; } .bootstrap .text-center { text-align: center; } .bootstrap h1, .bootstrap h2, .bootstrap h3, .bootstrap h4, .bootstrap h5, .bootstrap h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; } .bootstrap h1 small, .bootstrap h2 small, .bootstrap h3 small, .bootstrap h4 small, .bootstrap h5 small, .bootstrap h6 small { font-weight: normal; line-height: 1; color: #999; } .bootstrap h1, .bootstrap h2, .bootstrap h3 { line-height: 40px; } .bootstrap h1 { font-size: 38.5px; } .bootstrap h2 { font-size: 31.5px; } .bootstrap h3 { font-size: 24.5px; } .bootstrap h4 { font-size: 17.5px; } .bootstrap h5 { font-size: 14px; } .bootstrap h6 { font-size: 11.9px; } .bootstrap h1 small { font-size: 24.5px; } .bootstrap h2 small { font-size: 17.5px; } .bootstrap h3 small { font-size: 14px; } .bootstrap h4 small { font-size: 14px; } .bootstrap .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eee; } .bootstrap ul, .bootstrap ol { padding: 0; margin: 0 0 10px 25px; } .bootstrap ul ul, .bootstrap ul ol, .bootstrap ol ol, .bootstrap ol ul { margin-bottom: 0; } .bootstrap li { line-height: 20px; } .bootstrap ul.unstyled, .bootstrap ol.unstyled { margin-left: 0; list-style: none; } .bootstrap ul.inline, .bootstrap ol.inline { margin-left: 0; list-style: none; } .bootstrap ul.inline > li, .bootstrap ol.inline > li { display: inline-block; *display: inline; padding-right: 5px; padding-left: 5px; *zoom: 1; } .bootstrap dl { margin-bottom: 20px; } .bootstrap dt, .bootstrap dd { line-height: 20px; } .bootstrap dt { font-weight: bold; } .bootstrap dd { margin-left: 10px; } .bootstrap .dl-horizontal { *zoom: 1; } .bootstrap .dl-horizontal:before, .bootstrap .dl-horizontal:after { display: table; line-height: 0; content: ""; } .bootstrap .dl-horizontal:after { clear: both; } .bootstrap .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .bootstrap .dl-horizontal dd { margin-left: 180px; } .bootstrap hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; } .bootstrap abbr[title], .bootstrap abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999; } .bootstrap abbr.initialism { font-size: 90%; text-transform: uppercase; } .bootstrap blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eee; } .bootstrap blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } .bootstrap blockquote small { display: block; line-height: 20px; color: #999; } .bootstrap blockquote small:before { content: '\2014 \00A0'; } .bootstrap blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; } .bootstrap blockquote.pull-right p, .bootstrap blockquote.pull-right small { text-align: right; } .bootstrap blockquote.pull-right small:before { content: ''; } .bootstrap blockquote.pull-right small:after { content: '\00A0 \2014'; } .bootstrap q:before, .bootstrap q:after, .bootstrap blockquote:before, .bootstrap blockquote:after { content: ""; } .bootstrap address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } .bootstrap code, .bootstrap pre { padding: 0 3px 2px; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; font-size: 12px; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bootstrap code { padding: 2px 4px; color: #d14; white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8; } .bootstrap pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap pre.prettyprint { margin-bottom: 20px; } .bootstrap pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .bootstrap .pre-scrollable { max-height: 340px; overflow-y: scroll; } .bootstrap form { margin: 0 0 20px; } .bootstrap fieldset { padding: 0; margin: 0; border: 0; } .bootstrap legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } .bootstrap legend small { font-size: 15px; color: #999; } .bootstrap label, .bootstrap input, .bootstrap button, .bootstrap select, .bootstrap textarea { font-size: 14px; font-weight: normal; line-height: 20px; } .bootstrap input, .bootstrap button, .bootstrap select, .bootstrap textarea { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .bootstrap label { display: block; margin-bottom: 5px; } .bootstrap select, .bootstrap textarea, .bootstrap input[type="text"], .bootstrap input[type="password"], .bootstrap input[type="datetime"], .bootstrap input[type="datetime-local"], .bootstrap input[type="date"], .bootstrap input[type="month"], .bootstrap input[type="time"], .bootstrap input[type="week"], .bootstrap input[type="number"], .bootstrap input[type="email"], .bootstrap input[type="url"], .bootstrap input[type="search"], .bootstrap input[type="tel"], .bootstrap input[type="color"], .bootstrap .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap input, .bootstrap textarea, .bootstrap .uneditable-input { width: 206px; } .bootstrap textarea { height: auto; } .bootstrap textarea, .bootstrap input[type="text"], .bootstrap input[type="password"], .bootstrap input[type="datetime"], .bootstrap input[type="datetime-local"], .bootstrap input[type="date"], .bootstrap input[type="month"], .bootstrap input[type="time"], .bootstrap input[type="week"], .bootstrap input[type="number"], .bootstrap input[type="email"], .bootstrap input[type="url"], .bootstrap input[type="search"], .bootstrap input[type="tel"], .bootstrap input[type="color"], .bootstrap .uneditable-input { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s,box-shadow linear .2s; -moz-transition: border linear .2s,box-shadow linear .2s; -o-transition: border linear .2s,box-shadow linear .2s; transition: border linear .2s,box-shadow linear .2s; } .bootstrap textarea:focus, .bootstrap input[type="text"]:focus, .bootstrap input[type="password"]:focus, .bootstrap input[type="datetime"]:focus, .bootstrap input[type="datetime-local"]:focus, .bootstrap input[type="date"]:focus, .bootstrap input[type="month"]:focus, .bootstrap input[type="time"]:focus, .bootstrap input[type="week"]:focus, .bootstrap input[type="number"]:focus, .bootstrap input[type="email"]:focus, .bootstrap input[type="url"]:focus, .bootstrap input[type="search"]:focus, .bootstrap input[type="tel"]:focus, .bootstrap input[type="color"]:focus, .bootstrap .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } .bootstrap input[type="radio"], .bootstrap input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; } .bootstrap input[type="file"], .bootstrap input[type="image"], .bootstrap input[type="submit"], .bootstrap input[type="reset"], .bootstrap input[type="button"], .bootstrap input[type="radio"], .bootstrap input[type="checkbox"] { width: auto; } .bootstrap select, .bootstrap input[type="file"] { height: 30px; *margin-top: 4px; line-height: 30px; } .bootstrap select { width: 220px; background-color: #fff; border: 1px solid #ccc; } .bootstrap select[multiple], .bootstrap select[size] { height: auto; } .bootstrap select:focus, .bootstrap input[type="file"]:focus, .bootstrap input[type="radio"]:focus, .bootstrap input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .bootstrap .uneditable-input, .bootstrap .uneditable-textarea { color: #999; cursor: not-allowed; background-color: #fcfcfc; border-color: #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } .bootstrap .uneditable-input { overflow: hidden; white-space: nowrap; } .bootstrap .uneditable-textarea { width: auto; height: auto; } .bootstrap input:-moz-placeholder, .bootstrap textarea:-moz-placeholder { color: #999; } .bootstrap input:-ms-input-placeholder, .bootstrap textarea:-ms-input-placeholder { color: #999; } .bootstrap input::-webkit-input-placeholder, .bootstrap textarea::-webkit-input-placeholder { color: #999; } .bootstrap .radio, .bootstrap .checkbox { min-height: 20px; padding-left: 20px; } .bootstrap .radio input[type="radio"], .bootstrap .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } .bootstrap .controls > .radio:first-child, .bootstrap .controls > .checkbox:first-child { padding-top: 5px; } .bootstrap .radio.inline, .bootstrap .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .bootstrap .radio.inline + .radio.inline, .bootstrap .checkbox.inline + .checkbox.inline { margin-left: 10px; } .bootstrap .input-mini { width: 60px; } .bootstrap .input-small { width: 90px; } .bootstrap .input-medium { width: 150px; } .bootstrap .input-large { width: 210px; } .bootstrap .input-xlarge { width: 270px; } .bootstrap .input-xxlarge { width: 530px; } .bootstrap input[class*="span"], .bootstrap select[class*="span"], .bootstrap textarea[class*="span"], .bootstrap .uneditable-input[class*="span"], .bootstrap .row-fluid input[class*="span"], .bootstrap .row-fluid select[class*="span"], .bootstrap .row-fluid textarea[class*="span"], .bootstrap .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .bootstrap .input-append input[class*="span"], .bootstrap .input-append .uneditable-input[class*="span"], .bootstrap .input-prepend input[class*="span"], .bootstrap .input-prepend .uneditable-input[class*="span"], .bootstrap .row-fluid input[class*="span"], .bootstrap .row-fluid select[class*="span"], .bootstrap .row-fluid textarea[class*="span"], .bootstrap .row-fluid .uneditable-input[class*="span"], .bootstrap .row-fluid .input-prepend [class*="span"], .bootstrap .row-fluid .input-append [class*="span"] { display: inline-block; } .bootstrap input, .bootstrap textarea, .bootstrap .uneditable-input { margin-left: 0; } .bootstrap .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } .bootstrap input.span12, .bootstrap textarea.span12, .bootstrap .uneditable-input.span12 { width: 926px; } .bootstrap input.span11, .bootstrap textarea.span11, .bootstrap .uneditable-input.span11 { width: 846px; } .bootstrap input.span10, .bootstrap textarea.span10, .bootstrap .uneditable-input.span10 { width: 766px; } .bootstrap input.span9, .bootstrap textarea.span9, .bootstrap .uneditable-input.span9 { width: 686px; } .bootstrap input.span8, .bootstrap textarea.span8, .bootstrap .uneditable-input.span8 { width: 606px; } .bootstrap input.span7, .bootstrap textarea.span7, .bootstrap .uneditable-input.span7 { width: 526px; } .bootstrap input.span6, .bootstrap textarea.span6, .bootstrap .uneditable-input.span6 { width: 446px; } .bootstrap input.span5, .bootstrap textarea.span5, .bootstrap .uneditable-input.span5 { width: 366px; } .bootstrap input.span4, .bootstrap textarea.span4, .bootstrap .uneditable-input.span4 { width: 286px; } .bootstrap input.span3, .bootstrap textarea.span3, .bootstrap .uneditable-input.span3 { width: 206px; } .bootstrap input.span2, .bootstrap textarea.span2, .bootstrap .uneditable-input.span2 { width: 126px; } .bootstrap input.span1, .bootstrap textarea.span1, .bootstrap .uneditable-input.span1 { width: 46px; } .bootstrap .controls-row { *zoom: 1; } .bootstrap .controls-row:before, .bootstrap .controls-row:after { display: table; line-height: 0; content: ""; } .bootstrap .controls-row:after { clear: both; } .bootstrap .controls-row [class*="span"], .bootstrap .row-fluid .controls-row [class*="span"] { float: left; } .bootstrap .controls-row .checkbox[class*="span"], .bootstrap .controls-row .radio[class*="span"] { padding-top: 5px; } .bootstrap input[disabled], .bootstrap select[disabled], .bootstrap textarea[disabled], .bootstrap input[readonly], .bootstrap select[readonly], .bootstrap textarea[readonly] { cursor: not-allowed; background-color: #eee; } .bootstrap input[type="radio"][disabled], .bootstrap input[type="checkbox"][disabled], .bootstrap input[type="radio"][readonly], .bootstrap input[type="checkbox"][readonly] { background-color: transparent; } .bootstrap .control-group.warning .control-label, .bootstrap .control-group.warning .help-block, .bootstrap .control-group.warning .help-inline { color: #c09853; } .bootstrap .control-group.warning .checkbox, .bootstrap .control-group.warning .radio, .bootstrap .control-group.warning input, .bootstrap .control-group.warning select, .bootstrap .control-group.warning textarea { color: #c09853; } .bootstrap .control-group.warning input, .bootstrap .control-group.warning select, .bootstrap .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .bootstrap .control-group.warning input:focus, .bootstrap .control-group.warning select:focus, .bootstrap .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .bootstrap .control-group.warning .input-prepend .add-on, .bootstrap .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .bootstrap .control-group.error .control-label, .bootstrap .control-group.error .help-block, .bootstrap .control-group.error .help-inline { color: #b94a48; } .bootstrap .control-group.error .checkbox, .bootstrap .control-group.error .radio, .bootstrap .control-group.error input, .bootstrap .control-group.error select, .bootstrap .control-group.error textarea { color: #b94a48; } .bootstrap .control-group.error input, .bootstrap .control-group.error select, .bootstrap .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .bootstrap .control-group.error input:focus, .bootstrap .control-group.error select:focus, .bootstrap .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .bootstrap .control-group.error .input-prepend .add-on, .bootstrap .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .bootstrap .control-group.success .control-label, .bootstrap .control-group.success .help-block, .bootstrap .control-group.success .help-inline { color: #468847; } .bootstrap .control-group.success .checkbox, .bootstrap .control-group.success .radio, .bootstrap .control-group.success input, .bootstrap .control-group.success select, .bootstrap .control-group.success textarea { color: #468847; } .bootstrap .control-group.success input, .bootstrap .control-group.success select, .bootstrap .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .bootstrap .control-group.success input:focus, .bootstrap .control-group.success select:focus, .bootstrap .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .bootstrap .control-group.success .input-prepend .add-on, .bootstrap .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .bootstrap .control-group.info .control-label, .bootstrap .control-group.info .help-block, .bootstrap .control-group.info .help-inline { color: #3a87ad; } .bootstrap .control-group.info .checkbox, .bootstrap .control-group.info .radio, .bootstrap .control-group.info input, .bootstrap .control-group.info select, .bootstrap .control-group.info textarea { color: #3a87ad; } .bootstrap .control-group.info input, .bootstrap .control-group.info select, .bootstrap .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .bootstrap .control-group.info input:focus, .bootstrap .control-group.info select:focus, .bootstrap .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } .bootstrap .control-group.info .input-prepend .add-on, .bootstrap .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } .bootstrap input:focus:invalid, .bootstrap textarea:focus:invalid, .bootstrap select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } .bootstrap input:focus:invalid:focus, .bootstrap textarea:focus:invalid:focus, .bootstrap select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } .bootstrap .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .bootstrap .form-actions:before, .bootstrap .form-actions:after { display: table; line-height: 0; content: ""; } .bootstrap .form-actions:after { clear: both; } .bootstrap .help-block, .bootstrap .help-inline { color: #595959; } .bootstrap .help-block { display: block; margin-bottom: 10px; } .bootstrap .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; } .bootstrap .input-append, .bootstrap .input-prepend { display: inline-block; margin-bottom: 10px; font-size: 0; white-space: nowrap; vertical-align: middle; } .bootstrap .input-append input, .bootstrap .input-prepend input, .bootstrap .input-append select, .bootstrap .input-prepend select, .bootstrap .input-append .uneditable-input, .bootstrap .input-prepend .uneditable-input, .bootstrap .input-append .dropdown-menu, .bootstrap .input-prepend .dropdown-menu, .bootstrap .input-append .popover, .bootstrap .input-prepend .popover { font-size: 14px; } .bootstrap .input-append input, .bootstrap .input-prepend input, .bootstrap .input-append select, .bootstrap .input-prepend select, .bootstrap .input-append .uneditable-input, .bootstrap .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .bootstrap .input-append input:focus, .bootstrap .input-prepend input:focus, .bootstrap .input-append select:focus, .bootstrap .input-prepend select:focus, .bootstrap .input-append .uneditable-input:focus, .bootstrap .input-prepend .uneditable-input:focus { z-index: 2; } .bootstrap .input-append .add-on, .bootstrap .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eee; border: 1px solid #ccc; } .bootstrap .input-append .add-on, .bootstrap .input-prepend .add-on, .bootstrap .input-append .btn, .bootstrap .input-prepend .btn, .bootstrap .input-append .btn-group > .dropdown-toggle, .bootstrap .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap .input-append .active, .bootstrap .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .bootstrap .input-prepend .add-on, .bootstrap .input-prepend .btn { margin-right: -1px; } .bootstrap .input-prepend .add-on:first-child, .bootstrap .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .bootstrap .input-append input, .bootstrap .input-append select, .bootstrap .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .bootstrap .input-append input + .btn-group .btn:last-child, .bootstrap .input-append select + .btn-group .btn:last-child, .bootstrap .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .bootstrap .input-append .add-on, .bootstrap .input-append .btn, .bootstrap .input-append .btn-group { margin-left: -1px; } .bootstrap .input-append .add-on:last-child, .bootstrap .input-append .btn:last-child, .bootstrap .input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .bootstrap .input-prepend.input-append input, .bootstrap .input-prepend.input-append select, .bootstrap .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap .input-prepend.input-append input + .btn-group .btn, .bootstrap .input-prepend.input-append select + .btn-group .btn, .bootstrap .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .bootstrap .input-prepend.input-append .add-on:first-child, .bootstrap .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .bootstrap .input-prepend.input-append .add-on:last-child, .bootstrap .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .bootstrap .input-prepend.input-append .btn-group:first-child { margin-left: 0; } .bootstrap input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .bootstrap .form-search .input-append .search-query, .bootstrap .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .bootstrap .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .bootstrap .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .bootstrap .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; } .bootstrap .form-search input, .bootstrap .form-inline input, .bootstrap .form-horizontal input, .bootstrap .form-search textarea, .bootstrap .form-inline textarea, .bootstrap .form-horizontal textarea, .bootstrap .form-search select, .bootstrap .form-inline select, .bootstrap .form-horizontal select, .bootstrap .form-search .help-inline, .bootstrap .form-inline .help-inline, .bootstrap .form-horizontal .help-inline, .bootstrap .form-search .uneditable-input, .bootstrap .form-inline .uneditable-input, .bootstrap .form-horizontal .uneditable-input, .bootstrap .form-search .input-prepend, .bootstrap .form-inline .input-prepend, .bootstrap .form-horizontal .input-prepend, .bootstrap .form-search .input-append, .bootstrap .form-inline .input-append, .bootstrap .form-horizontal .input-append { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; } .bootstrap .form-search .hide, .bootstrap .form-inline .hide, .bootstrap .form-horizontal .hide { display: none; } .bootstrap .form-search label, .bootstrap .form-inline label, .bootstrap .form-search .btn-group, .bootstrap .form-inline .btn-group { display: inline-block; } .bootstrap .form-search .input-append, .bootstrap .form-inline .input-append, .bootstrap .form-search .input-prepend, .bootstrap .form-inline .input-prepend { margin-bottom: 0; } .bootstrap .form-search .radio, .bootstrap .form-search .checkbox, .bootstrap .form-inline .radio, .bootstrap .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .bootstrap .form-search .radio input[type="radio"], .bootstrap .form-search .checkbox input[type="checkbox"], .bootstrap .form-inline .radio input[type="radio"], .bootstrap .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .bootstrap .control-group { margin-bottom: 10px; } .bootstrap legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .bootstrap .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .bootstrap .form-horizontal .control-group:before, .bootstrap .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .bootstrap .form-horizontal .control-group:after { clear: both; } .bootstrap .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .bootstrap .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .bootstrap .form-horizontal .controls:first-child { *padding-left: 180px; } .bootstrap .form-horizontal .help-block { margin-bottom: 0; } .bootstrap .form-horizontal input + .help-block, .bootstrap .form-horizontal select + .help-block, .bootstrap .form-horizontal textarea + .help-block, .bootstrap .form-horizontal .uneditable-input + .help-block, .bootstrap .form-horizontal .input-prepend + .help-block, .bootstrap .form-horizontal .input-append + .help-block { margin-top: 10px; } .bootstrap .form-horizontal .form-actions { padding-left: 180px; } .bootstrap table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .bootstrap .table { width: 100%; margin-bottom: 20px; } .bootstrap .table th, .bootstrap .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; } .bootstrap .table th { font-weight: bold; } .bootstrap .table thead th { vertical-align: bottom; } .bootstrap .table caption + thead tr:first-child th, .bootstrap .table caption + thead tr:first-child td, .bootstrap .table colgroup + thead tr:first-child th, .bootstrap .table colgroup + thead tr:first-child td, .bootstrap .table thead:first-child tr:first-child th, .bootstrap .table thead:first-child tr:first-child td { border-top: 0; } .bootstrap .table tbody + tbody { border-top: 2px solid #ddd; } .bootstrap .table .table { background-color: #fff; } .bootstrap .table-condensed th, .bootstrap .table-condensed td { padding: 4px 5px; } .bootstrap .table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap .table-bordered th, .bootstrap .table-bordered td { border-left: 1px solid #ddd; } .bootstrap .table-bordered caption + thead tr:first-child th, .bootstrap .table-bordered caption + tbody tr:first-child th, .bootstrap .table-bordered caption + tbody tr:first-child td, .bootstrap .table-bordered colgroup + thead tr:first-child th, .bootstrap .table-bordered colgroup + tbody tr:first-child th, .bootstrap .table-bordered colgroup + tbody tr:first-child td, .bootstrap .table-bordered thead:first-child tr:first-child th, .bootstrap .table-bordered tbody:first-child tr:first-child th, .bootstrap .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .bootstrap .table-bordered thead:first-child tr:first-child > th:first-child, .bootstrap .table-bordered tbody:first-child tr:first-child > td:first-child, .bootstrap .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .bootstrap .table-bordered thead:first-child tr:first-child > th:last-child, .bootstrap .table-bordered tbody:first-child tr:first-child > td:last-child, .bootstrap .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .bootstrap .table-bordered thead:last-child tr:last-child > th:first-child, .bootstrap .table-bordered tbody:last-child tr:last-child > td:first-child, .bootstrap .table-bordered tbody:last-child tr:last-child > th:first-child, .bootstrap .table-bordered tfoot:last-child tr:last-child > td:first-child, .bootstrap .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .bootstrap .table-bordered thead:last-child tr:last-child > th:last-child, .bootstrap .table-bordered tbody:last-child tr:last-child > td:last-child, .bootstrap .table-bordered tbody:last-child tr:last-child > th:last-child, .bootstrap .table-bordered tfoot:last-child tr:last-child > td:last-child, .bootstrap .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .bootstrap .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } .bootstrap .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .bootstrap .table-bordered caption + thead tr:first-child th:first-child, .bootstrap .table-bordered caption + tbody tr:first-child td:first-child, .bootstrap .table-bordered colgroup + thead tr:first-child th:first-child, .bootstrap .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .bootstrap .table-bordered caption + thead tr:first-child th:last-child, .bootstrap .table-bordered caption + tbody tr:first-child td:last-child, .bootstrap .table-bordered colgroup + thead tr:first-child th:last-child, .bootstrap .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .bootstrap .table-striped tbody > tr:nth-child(odd) > td, .bootstrap .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .bootstrap .table-hover tbody tr:hover > td, .bootstrap .table-hover tbody tr:hover > th { background-color: #f5f5f5; } .bootstrap table td[class*="span"], .bootstrap table th[class*="span"], .bootstrap .row-fluid table td[class*="span"], .bootstrap .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .bootstrap .table td.span1, .bootstrap .table th.span1 { float: none; width: 44px; margin-left: 0; } .bootstrap .table td.span2, .bootstrap .table th.span2 { float: none; width: 124px; margin-left: 0; } .bootstrap .table td.span3, .bootstrap .table th.span3 { float: none; width: 204px; margin-left: 0; } .bootstrap .table td.span4, .bootstrap .table th.span4 { float: none; width: 284px; margin-left: 0; } .bootstrap .table td.span5, .bootstrap .table th.span5 { float: none; width: 364px; margin-left: 0; } .bootstrap .table td.span6, .bootstrap .table th.span6 { float: none; width: 444px; margin-left: 0; } .bootstrap .table td.span7, .bootstrap .table th.span7 { float: none; width: 524px; margin-left: 0; } .bootstrap .table td.span8, .bootstrap .table th.span8 { float: none; width: 604px; margin-left: 0; } .bootstrap .table td.span9, .bootstrap .table th.span9 { float: none; width: 684px; margin-left: 0; } .bootstrap .table td.span10, .bootstrap .table th.span10 { float: none; width: 764px; margin-left: 0; } .bootstrap .table td.span11, .bootstrap .table th.span11 { float: none; width: 844px; margin-left: 0; } .bootstrap .table td.span12, .bootstrap .table th.span12 { float: none; width: 924px; margin-left: 0; } .bootstrap .table tbody tr.success > td { background-color: #dff0d8; } .bootstrap .table tbody tr.error > td { background-color: #f2dede; } .bootstrap .table tbody tr.warning > td { background-color: #fcf8e3; } .bootstrap .table tbody tr.info > td { background-color: #d9edf7; } .bootstrap .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .bootstrap .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .bootstrap .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .bootstrap .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } .bootstrap [class^="icon-"], .bootstrap [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } .bootstrap .icon-white, .bootstrap .nav-pills > .active > a > [class^="icon-"], .bootstrap .nav-pills > .active > a > [class*=" icon-"], .bootstrap .nav-list > .active > a > [class^="icon-"], .bootstrap .nav-list > .active > a > [class*=" icon-"], .bootstrap .navbar-inverse .nav > .active > a > [class^="icon-"], .bootstrap .navbar-inverse .nav > .active > a > [class*=" icon-"], .bootstrap .dropdown-menu > li > a:hover > [class^="icon-"], .bootstrap .dropdown-menu > li > a:focus > [class^="icon-"], .bootstrap .dropdown-menu > li > a:hover > [class*=" icon-"], .bootstrap .dropdown-menu > li > a:focus > [class*=" icon-"], .bootstrap .dropdown-menu > .active > a > [class^="icon-"], .bootstrap .dropdown-menu > .active > a > [class*=" icon-"], .bootstrap .dropdown-submenu:hover > a > [class^="icon-"], .bootstrap .dropdown-submenu:focus > a > [class^="icon-"], .bootstrap .dropdown-submenu:hover > a > [class*=" icon-"], .bootstrap .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("https://akytec.de/skin/frontend/default/MAG090198_Layout1/img/glyphicons-halflings-white.png"); } .bootstrap .icon-glass { background-position: 0 0; } .bootstrap .icon-music { background-position: -24px 0; } .bootstrap .icon-search { background-position: -48px 0; } .bootstrap .icon-envelope { background-position: -72px 0; } .bootstrap .icon-heart { background-position: -96px 0; } .bootstrap .icon-star { background-position: -120px 0; } .bootstrap .icon-star-empty { background-position: -144px 0; } .bootstrap .icon-user { background-position: -168px 0; } .bootstrap .icon-film { background-position: -192px 0; } .bootstrap .icon-th-large { background-position: -216px 0; } .bootstrap .icon-th { background-position: -240px 0; } .bootstrap .icon-th-list { background-position: -264px 0; } .bootstrap .icon-ok { background-position: -288px 0; } .bootstrap .icon-remove { background-position: -312px 0; } .bootstrap .icon-zoom-in { background-position: -336px 0; } .bootstrap .icon-zoom-out { background-position: -360px 0; } .bootstrap .icon-off { background-position: -384px 0; } .bootstrap .icon-signal { background-position: -408px 0; } .bootstrap .icon-cog { background-position: -432px 0; } .bootstrap .icon-trash { background-position: -456px 0; } .bootstrap .icon-home { background-position: 0 -24px; } .bootstrap .icon-file { background-position: -24px -24px; } .bootstrap .icon-time { background-position: -48px -24px; } .bootstrap .icon-road { background-position: -72px -24px; } .bootstrap .icon-download-alt { background-position: -96px -24px; } .bootstrap .icon-download { background-position: -120px -24px; } .bootstrap .icon-upload { background-position: -144px -24px; } .bootstrap .icon-inbox { background-position: -168px -24px; } .bootstrap .icon-play-circle { background-position: -192px -24px; } .bootstrap .icon-repeat { background-position: -216px -24px; } .bootstrap .icon-refresh { background-position: -240px -24px; } .bootstrap .icon-list-alt { background-position: -264px -24px; } .bootstrap .icon-lock { background-position: -287px -24px; } .bootstrap .icon-flag { background-position: -312px -24px; } .bootstrap .icon-headphones { background-position: -336px -24px; } .bootstrap .icon-volume-off { background-position: -360px -24px; } .bootstrap .icon-volume-down { background-position: -384px -24px; } .bootstrap .icon-volume-up { background-position: -408px -24px; } .bootstrap .icon-qrcode { background-position: -432px -24px; } .bootstrap .icon-barcode { background-position: -456px -24px; } .bootstrap .icon-tag { background-position: 0 -48px; } .bootstrap .icon-tags { background-position: -25px -48px; } .bootstrap .icon-book { background-position: -48px -48px; } .bootstrap .icon-bookmark { background-position: -72px -48px; } .bootstrap .icon-print { background-position: -96px -48px; } .bootstrap .icon-camera { background-position: -120px -48px; } .bootstrap .icon-font { background-position: -144px -48px; } .bootstrap .icon-bold { background-position: -167px -48px; } .bootstrap .icon-italic { background-position: -192px -48px; } .bootstrap .icon-text-height { background-position: -216px -48px; } .bootstrap .icon-text-width { background-position: -240px -48px; } .bootstrap .icon-align-left { background-position: -264px -48px; } .bootstrap .icon-align-center { background-position: -288px -48px; } .bootstrap .icon-align-right { background-position: -312px -48px; } .bootstrap .icon-align-justify { background-position: -336px -48px; } .bootstrap .icon-list { background-position: -360px -48px; } .bootstrap .icon-indent-left { background-position: -384px -48px; } .bootstrap .icon-indent-right { background-position: -408px -48px; } .bootstrap .icon-facetime-video { background-position: -432px -48px; } .bootstrap .icon-picture { background-position: -456px -48px; } .bootstrap .icon-pencil { background-position: 0 -72px; } .bootstrap .icon-map-marker { background-position: -24px -72px; } .bootstrap .icon-adjust { background-position: -48px -72px; } .bootstrap .icon-tint { background-position: -72px -72px; } .bootstrap .icon-edit { background-position: -96px -72px; } .bootstrap .icon-share { background-position: -120px -72px; } .bootstrap .icon-check { background-position: -144px -72px; } .bootstrap .icon-move { background-position: -168px -72px; } .bootstrap .icon-step-backward { background-position: -192px -72px; } .bootstrap .icon-fast-backward { background-position: -216px -72px; } .bootstrap .icon-backward { background-position: -240px -72px; } .bootstrap .icon-play { background-position: -264px -72px; } .bootstrap .icon-pause { background-position: -288px -72px; } .bootstrap .icon-stop { background-position: -312px -72px; } .bootstrap .icon-forward { background-position: -336px -72px; } .bootstrap .icon-fast-forward { background-position: -360px -72px; } .bootstrap .icon-step-forward { background-position: -384px -72px; } .bootstrap .icon-eject { background-position: -408px -72px; } .bootstrap .icon-chevron-left { background-position: -432px -72px; } .bootstrap .icon-chevron-right { background-position: -456px -72px; } .bootstrap .icon-plus-sign { background-position: 0 -96px; } .bootstrap .icon-minus-sign { background-position: -24px -96px; } .bootstrap .icon-remove-sign { background-position: -48px -96px; } .bootstrap .icon-ok-sign { background-position: -72px -96px; } .bootstrap .icon-question-sign { background-position: -96px -96px; } .bootstrap .icon-info-sign { background-position: -120px -96px; } .bootstrap .icon-screenshot { background-position: -144px -96px; } .bootstrap .icon-remove-circle { background-position: -168px -96px; } .bootstrap .icon-ok-circle { background-position: -192px -96px; } .bootstrap .icon-ban-circle { background-position: -216px -96px; } .bootstrap .icon-arrow-left { background-position: -240px -96px; } .bootstrap .icon-arrow-right { background-position: -264px -96px; } .bootstrap .icon-arrow-up { background-position: -289px -96px; } .bootstrap .icon-arrow-down { background-position: -312px -96px; } .bootstrap .icon-share-alt { background-position: -336px -96px; } .bootstrap .icon-resize-full { background-position: -360px -96px; } .bootstrap .icon-resize-small { background-position: -384px -96px; } .bootstrap .icon-plus { background-position: -408px -96px; } .bootstrap .icon-minus { background-position: -433px -96px; } .bootstrap .icon-asterisk { background-position: -456px -96px; } .bootstrap .icon-exclamation-sign { background-position: 0 -120px; } .bootstrap .icon-gift { background-position: -24px -120px; } .bootstrap .icon-leaf { background-position: -48px -120px; } .bootstrap .icon-fire { background-position: -72px -120px; } .bootstrap .icon-eye-open { background-position: -96px -120px; } .bootstrap .icon-eye-close { background-position: -120px -120px; } .bootstrap .icon-warning-sign { background-position: -144px -120px; } .bootstrap .icon-plane { background-position: -168px -120px; } .bootstrap .icon-calendar { background-position: -192px -120px; } .bootstrap .icon-random { width: 16px; background-position: -216px -120px; } .bootstrap .icon-comment { background-position: -240px -120px; } .bootstrap .icon-magnet { background-position: -264px -120px; } .bootstrap .icon-chevron-up { background-position: -288px -120px; } .bootstrap .icon-chevron-down { background-position: -313px -119px; } .bootstrap .icon-retweet { background-position: -336px -120px; } .bootstrap .icon-shopping-cart { background-position: -360px -120px; } .bootstrap .icon-folder-close { width: 16px; background-position: -384px -120px; } .bootstrap .icon-folder-open { width: 16px; background-position: -408px -120px; } .bootstrap .icon-resize-vertical { background-position: -432px -119px; } .bootstrap .icon-resize-horizontal { background-position: -456px -118px; } .bootstrap .icon-hdd { background-position: 0 -144px; } .bootstrap .icon-bullhorn { background-position: -24px -144px; } .bootstrap .icon-bell { background-position: -48px -144px; } .bootstrap .icon-certificate { background-position: -72px -144px; } .bootstrap .icon-thumbs-up { background-position: -96px -144px; } .bootstrap .icon-thumbs-down { background-position: -120px -144px; } .bootstrap .icon-hand-right { background-position: -144px -144px; } .bootstrap .icon-hand-left { background-position: -168px -144px; } .bootstrap .icon-hand-up { background-position: -192px -144px; } .bootstrap .icon-hand-down { background-position: -216px -144px; } .bootstrap .icon-circle-arrow-right { background-position: -240px -144px; } .bootstrap .icon-circle-arrow-left { background-position: -264px -144px; } .bootstrap .icon-circle-arrow-up { background-position: -288px -144px; } .bootstrap .icon-circle-arrow-down { background-position: -312px -144px; } .bootstrap .icon-globe { background-position: -336px -144px; } .bootstrap .icon-wrench { background-position: -360px -144px; } .bootstrap .icon-tasks { background-position: -384px -144px; } .bootstrap .icon-filter { background-position: -408px -144px; } .bootstrap .icon-briefcase { background-position: -432px -144px; } .bootstrap .icon-fullscreen { background-position: -456px -144px; } .bootstrap .dropup, .bootstrap .dropdown { position: relative; } .bootstrap .dropdown-toggle { *margin-bottom: -3px; } .bootstrap .dropdown-toggle:active, .bootstrap .open .dropdown-toggle { outline: 0; } .bootstrap .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .bootstrap .dropdown .caret { margin-top: 8px; margin-left: 2px; } .bootstrap .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .bootstrap .dropdown-menu.pull-right { right: 0; left: auto; } .bootstrap .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .bootstrap .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333; white-space: nowrap; } .bootstrap .dropdown-menu > li > a:hover, .bootstrap .dropdown-menu > li > a:focus, .bootstrap .dropdown-submenu:hover > a, .bootstrap .dropdown-submenu:focus > a { color: #fff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #08c, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3)); background-image: -webkit-linear-gradient(top, #08c, #0077b3); background-image: -o-linear-gradient(top, #08c, #0077b3); background-image: linear-gradient(to bottom, #08c, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); } .bootstrap .dropdown-menu > .active > a, .bootstrap .dropdown-menu > .active > a:hover, .bootstrap .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #08c, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3)); background-image: -webkit-linear-gradient(top, #08c, #0077b3); background-image: -o-linear-gradient(top, #08c, #0077b3); background-image: linear-gradient(to bottom, #08c, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); } .bootstrap .dropdown-menu > .disabled > a, .bootstrap .dropdown-menu > .disabled > a:hover, .bootstrap .dropdown-menu > .disabled > a:focus { color: #999; } .bootstrap .dropdown-menu > .disabled > a:hover, .bootstrap .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: default; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .bootstrap .open { *z-index: 1000; } .bootstrap .open > .dropdown-menu { display: block; } .bootstrap .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .bootstrap .pull-right > .dropdown-menu { right: 0; left: auto; } .bootstrap .dropup .caret, .bootstrap .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } .bootstrap .dropup .dropdown-menu, .bootstrap .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .bootstrap .dropdown-submenu { position: relative; } .bootstrap .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .bootstrap .dropdown-submenu:hover > .dropdown-menu { display: block; } .bootstrap .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .bootstrap .dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #ccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } .bootstrap .dropdown-submenu:hover > a:after { border-left-color: #fff; } .bootstrap .dropdown-submenu.pull-left { float: none; } .bootstrap .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .bootstrap .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } .bootstrap .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .bootstrap .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .bootstrap .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .bootstrap .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bootstrap .fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .bootstrap .fade.in { opacity: 1; } .bootstrap .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .bootstrap .collapse.in { height: auto; } .bootstrap .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); } .bootstrap .close:hover, .bootstrap .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40); } .bootstrap button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .bootstrap .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap .btn:hover, .bootstrap .btn:focus, .bootstrap .btn:active, .bootstrap .btn.active, .bootstrap .btn.disabled, .bootstrap .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } .bootstrap .btn:active, .bootstrap .btn.active { background-color: #ccc \9; } .bootstrap .btn:first-child { *margin-left: 0; } .bootstrap .btn:hover, .bootstrap .btn:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; } .bootstrap .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .bootstrap .btn.active, .bootstrap .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap .btn.disabled, .bootstrap .btn[disabled] { cursor: default; background-image: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .bootstrap .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .bootstrap .btn-large [class^="icon-"], .bootstrap .btn-large [class*=" icon-"] { margin-top: 4px; } .bootstrap .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bootstrap .btn-small [class^="icon-"], .bootstrap .btn-small [class*=" icon-"] { margin-top: 0; } .bootstrap .btn-mini [class^="icon-"], .bootstrap .btn-mini [class*=" icon-"] { margin-top: -1px; } .bootstrap .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bootstrap .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap .btn-block + .btn-block { margin-top: 5px; } .bootstrap input[type="submit"].btn-block, .bootstrap input[type="reset"].btn-block, .bootstrap input[type="button"].btn-block { width: 100%; } .bootstrap .btn-primary.active, .bootstrap .btn-warning.active, .bootstrap .btn-danger.active, .bootstrap .btn-success.active, .bootstrap .btn-info.active, .bootstrap .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .bootstrap .btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #04c; background-image: -moz-linear-gradient(top, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(top, #08c, #04c); background-image: -o-linear-gradient(top, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .bootstrap .btn-primary:hover, .bootstrap .btn-primary:focus, .bootstrap .btn-primary:active, .bootstrap .btn-primary.active, .bootstrap .btn-primary.disabled, .bootstrap .btn-primary[disabled] { color: #fff; background-color: #04c; *background-color: #003bb3; } .bootstrap .btn-primary:active, .bootstrap .btn-primary.active { background-color: #039 \9; } .bootstrap .btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .bootstrap .btn-warning:hover, .bootstrap .btn-warning:focus, .bootstrap .btn-warning:active, .bootstrap .btn-warning.active, .bootstrap .btn-warning.disabled, .bootstrap .btn-warning[disabled] { color: #fff; background-color: #f89406; *background-color: #df8505; } .bootstrap .btn-warning:active, .bootstrap .btn-warning.active { background-color: #c67605 \9; } .bootstrap .btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .bootstrap .btn-danger:hover, .bootstrap .btn-danger:focus, .bootstrap .btn-danger:active, .bootstrap .btn-danger.active, .bootstrap .btn-danger.disabled, .bootstrap .btn-danger[disabled] { color: #fff; background-color: #bd362f; *background-color: #a9302a; } .bootstrap .btn-danger:active, .bootstrap .btn-danger.active { background-color: #942a25 \9; } .bootstrap .btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .bootstrap .btn-success:hover, .bootstrap .btn-success:focus, .bootstrap .btn-success:active, .bootstrap .btn-success.active, .bootstrap .btn-success.disabled, .bootstrap .btn-success[disabled] { color: #fff; background-color: #51a351; *background-color: #499249; } .bootstrap .btn-success:active, .bootstrap .btn-success.active { background-color: #408140 \9; } .bootstrap .btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .bootstrap .btn-info:hover, .bootstrap .btn-info:focus, .bootstrap .btn-info:active, .bootstrap .btn-info.active, .bootstrap .btn-info.disabled, .bootstrap .btn-info[disabled] { color: #fff; background-color: #2f96b4; *background-color: #2a85a0; } .bootstrap .btn-info:active, .bootstrap .btn-info.active { background-color: #24748c \9; } .bootstrap .btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222; background-image: -moz-linear-gradient(top, #444, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222)); background-image: -webkit-linear-gradient(top, #444, #222); background-image: -o-linear-gradient(top, #444, #222); background-image: linear-gradient(to bottom, #444, #222); background-repeat: repeat-x; border-color: #222 #222 #000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .bootstrap .btn-inverse:hover, .bootstrap .btn-inverse:focus, .bootstrap .btn-inverse:active, .bootstrap .btn-inverse.active, .bootstrap .btn-inverse.disabled, .bootstrap .btn-inverse[disabled] { color: #fff; background-color: #222; *background-color: #151515; } .bootstrap .btn-inverse:active, .bootstrap .btn-inverse.active { background-color: #080808 \9; } .bootstrap button.btn, .bootstrap input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } .bootstrap button.btn::-moz-focus-inner, .bootstrap input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } .bootstrap button.btn.btn-large, .bootstrap input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } .bootstrap button.btn.btn-small, .bootstrap input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } .bootstrap button.btn.btn-mini, .bootstrap input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .bootstrap .btn-link, .bootstrap .btn-link:active, .bootstrap .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .bootstrap .btn-link { color: #08c; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap .btn-link:hover, .bootstrap .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } .bootstrap .btn-link[disabled]:hover, .bootstrap .btn-link[disabled]:focus { color: #333; text-decoration: none; } .bootstrap .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .bootstrap .btn-group:first-child { *margin-left: 0; } .bootstrap .btn-group + .btn-group { margin-left: 5px; } .bootstrap .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .bootstrap .btn-toolbar > .btn + .btn, .bootstrap .btn-toolbar > .btn-group + .btn, .bootstrap .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .bootstrap .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap .btn-group > .btn + .btn { margin-left: -1px; } .bootstrap .btn-group > .btn, .bootstrap .btn-group > .dropdown-menu, .bootstrap .btn-group > .popover { font-size: 14px; } .bootstrap .btn-group > .btn-mini { font-size: 10.5px; } .bootstrap .btn-group > .btn-small { font-size: 11.9px; } .bootstrap .btn-group > .btn-large { font-size: 17.5px; } .bootstrap .btn-group > .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .bootstrap .btn-group > .btn:last-child, .bootstrap .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .bootstrap .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .bootstrap .btn-group > .btn.large:last-child, .bootstrap .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .bootstrap .btn-group > .btn:hover, .bootstrap .btn-group > .btn:focus, .bootstrap .btn-group > .btn:active, .bootstrap .btn-group > .btn.active { z-index: 2; } .bootstrap .btn-group .dropdown-toggle:active, .bootstrap .btn-group.open .dropdown-toggle { outline: 0; } .bootstrap .btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap .btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .bootstrap .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .bootstrap .btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .bootstrap .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .bootstrap .btn-group.open .btn-primary.dropdown-toggle { background-color: #04c; } .bootstrap .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .bootstrap .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .bootstrap .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .bootstrap .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .bootstrap .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222; } .bootstrap .btn .caret { margin-top: 8px; margin-left: 0; } .bootstrap .btn-large .caret { margin-top: 6px; } .bootstrap .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .bootstrap .btn-mini .caret, .bootstrap .btn-small .caret { margin-top: 8px; } .bootstrap .dropup .btn-large .caret { border-bottom-width: 5px; } .bootstrap .btn-primary .caret, .bootstrap .btn-warning .caret, .bootstrap .btn-danger .caret, .bootstrap .btn-info .caret, .bootstrap .btn-success .caret, .bootstrap .btn-inverse .caret { border-top-color: #fff; border-bottom-color: #fff; } .bootstrap .btn-group-vertical { display: inline-block; *display: inline; *zoom: 1; } .bootstrap .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap .btn-group-vertical > .btn + .btn { margin-top: -1px; margin-left: 0; } .bootstrap .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .bootstrap .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .bootstrap .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .bootstrap .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .bootstrap .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap .alert, .bootstrap .alert h4 { color: #c09853; } .bootstrap .alert h4 { margin: 0; } .bootstrap .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .bootstrap .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .bootstrap .alert-success h4 { color: #468847; } .bootstrap .alert-danger, .bootstrap .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .bootstrap .alert-danger h4, .bootstrap .alert-error h4 { color: #b94a48; } .bootstrap .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .bootstrap .alert-info h4 { color: #3a87ad; } .bootstrap .alert-block { padding-top: 14px; padding-bottom: 14px; } .bootstrap .alert-block > p, .bootstrap .alert-block > ul { margin-bottom: 0; } .bootstrap .alert-block p + p { margin-top: 5px; } .bootstrap .nav { margin-bottom: 20px; margin-left: 0; list-style: none; } .bootstrap .nav > li > a { display: block; } .bootstrap .nav > li > a:hover, .bootstrap .nav > li > a:focus { text-decoration: none; background-color: #eee; } .bootstrap .nav > li > a > img { max-width: none; } .bootstrap .nav > .pull-right { float: right; } .bootstrap .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .bootstrap .nav li + .nav-header { margin-top: 9px; } .bootstrap .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .bootstrap .nav-list > li > a, .bootstrap .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .bootstrap .nav-list > li > a { padding: 3px 15px; } .bootstrap .nav-list > .active > a, .bootstrap .nav-list > .active > a:hover, .bootstrap .nav-list > .active > a:focus { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #08c; } .bootstrap .nav-list [class^="icon-"], .bootstrap .nav-list [class*=" icon-"] { margin-right: 2px; } .bootstrap .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .bootstrap .nav-tabs, .bootstrap .nav-pills { *zoom: 1; } .bootstrap .nav-tabs:before, .bootstrap .nav-pills:before, .bootstrap .nav-tabs:after, .bootstrap .nav-pills:after { display: table; line-height: 0; content: ""; } .bootstrap .nav-tabs:after, .bootstrap .nav-pills:after { clear: both; } .bootstrap .nav-tabs > li, .bootstrap .nav-pills > li { float: left; } .bootstrap .nav-tabs > li > a, .bootstrap .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .bootstrap .nav-tabs { border-bottom: 1px solid #ddd; } .bootstrap .nav-tabs > li { margin-bottom: -1px; } .bootstrap .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .bootstrap .nav-tabs > li > a:hover, .bootstrap .nav-tabs > li > a:focus { border-color: #eee #eee #ddd; } .bootstrap .nav-tabs > .active > a, .bootstrap .nav-tabs > .active > a:hover, .bootstrap .nav-tabs > .active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .bootstrap .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bootstrap .nav-pills > .active > a, .bootstrap .nav-pills > .active > a:hover, .bootstrap .nav-pills > .active > a:focus { color: #fff; background-color: #08c; } .bootstrap .nav-stacked > li { float: none; } .bootstrap .nav-stacked > li > a { margin-right: 0; } .bootstrap .nav-tabs.nav-stacked { border-bottom: 0; } .bootstrap .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; } .bootstrap .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .bootstrap .nav-tabs.nav-stacked > li > a:hover, .bootstrap .nav-tabs.nav-stacked > li > a:focus { z-index: 2; border-color: #ddd; } .bootstrap .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .bootstrap .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .bootstrap .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .bootstrap .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .bootstrap .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #08c; border-bottom-color: #08c; } .bootstrap .nav .dropdown-toggle:hover .caret, .bootstrap .nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580; } .bootstrap .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .bootstrap .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .bootstrap .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555; } .bootstrap .nav > .dropdown.active > a:hover, .bootstrap .nav > .dropdown.active > a:focus { cursor: pointer; } .bootstrap .nav-tabs .open .dropdown-toggle, .bootstrap .nav-pills .open .dropdown-toggle, .bootstrap .nav > li.dropdown.open.active > a:hover, .bootstrap .nav > li.dropdown.open.active > a:focus { color: #fff; background-color: #999; border-color: #999; } .bootstrap .nav li.dropdown.open .caret, .bootstrap .nav li.dropdown.open.active .caret, .bootstrap .nav li.dropdown.open a:hover .caret, .bootstrap .nav li.dropdown.open a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100); } .bootstrap .tabs-stacked .open > a:hover, .bootstrap .tabs-stacked .open > a:focus { border-color: #999; } .bootstrap .tabbable { *zoom: 1; } .bootstrap .tabbable:before, .bootstrap .tabbable:after { display: table; line-height: 0; content: ""; } .bootstrap .tabbable:after { clear: both; } .bootstrap .tab-content { overflow: auto; } .bootstrap .tabs-below > .nav-tabs, .bootstrap .tabs-right > .nav-tabs, .bootstrap .tabs-left > .nav-tabs { border-bottom: 0; } .bootstrap .tab-content > .tab-pane, .bootstrap .pill-content > .pill-pane { display: none; } .bootstrap .tab-content > .active, .bootstrap .pill-content > .active { display: block; } .bootstrap .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .bootstrap .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .bootstrap .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; } .bootstrap .tabs-below > .nav-tabs > li > a:hover, .bootstrap .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; } .bootstrap .tabs-below > .nav-tabs > .active > a, .bootstrap .tabs-below > .nav-tabs > .active > a:hover, .bootstrap .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .bootstrap .tabs-left > .nav-tabs > li, .bootstrap .tabs-right > .nav-tabs > li { float: none; } .bootstrap .tabs-left > .nav-tabs > li > a, .bootstrap .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .bootstrap .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .bootstrap .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; } .bootstrap .tabs-left > .nav-tabs > li > a:hover, .bootstrap .tabs-left > .nav-tabs > li > a:focus { border-color: #eee #ddd #eee #eee; } .bootstrap .tabs-left > .nav-tabs .active > a, .bootstrap .tabs-left > .nav-tabs .active > a:hover, .bootstrap .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff; } .bootstrap .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .bootstrap .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; } .bootstrap .tabs-right > .nav-tabs > li > a:hover, .bootstrap .tabs-right > .nav-tabs > li > a:focus { border-color: #eee #eee #eee #ddd; } .bootstrap .tabs-right > .nav-tabs .active > a, .bootstrap .tabs-right > .nav-tabs .active > a:hover, .bootstrap .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff; } .bootstrap .nav > .disabled > a { color: #999; } .bootstrap .nav > .disabled > a:hover, .bootstrap .nav > .disabled > a:focus { text-decoration: none; cursor: default; background-color: transparent; } .bootstrap .navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible; } .bootstrap .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #fff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #fff, #f2f2f2); background-image: -o-linear-gradient(top, #fff, #f2f2f2); background-image: linear-gradient(to bottom, #fff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .bootstrap .navbar-inner:before, .bootstrap .navbar-inner:after { display: table; line-height: 0; content: ""; } .bootstrap .navbar-inner:after { clear: both; } .bootstrap .navbar .container { width: auto; } .bootstrap .nav-collapse.collapse { height: auto; overflow: visible; } .bootstrap .navbar .brand { display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777; text-shadow: 0 1px 0 #fff; } .bootstrap .navbar .brand:hover, .bootstrap .navbar .brand:focus { text-decoration: none; } .bootstrap .navbar-text { margin-bottom: 0; line-height: 40px; color: #777; } .bootstrap .navbar-link { color: #777; } .bootstrap .navbar-link:hover, .bootstrap .navbar-link:focus { color: #333; } .bootstrap .navbar .divider-vertical { height: 40px; margin: 0 9px; border-right: 1px solid #fff; border-left: 1px solid #f2f2f2; } .bootstrap .navbar .btn, .bootstrap .navbar .btn-group { margin-top: 5px; } .bootstrap .navbar .btn-group .btn, .bootstrap .navbar .input-prepend .btn, .bootstrap .navbar .input-append .btn, .bootstrap .navbar .input-prepend .btn-group, .bootstrap .navbar .input-append .btn-group { margin-top: 0; } .bootstrap .navbar-form { margin-bottom: 0; *zoom: 1; } .bootstrap .navbar-form:before, .bootstrap .navbar-form:after { display: table; line-height: 0; content: ""; } .bootstrap .navbar-form:after { clear: both; } .bootstrap .navbar-form input, .bootstrap .navbar-form select, .bootstrap .navbar-form .radio, .bootstrap .navbar-form .checkbox { margin-top: 5px; } .bootstrap .navbar-form input, .bootstrap .navbar-form select, .bootstrap .navbar-form .btn { display: inline-block; margin-bottom: 0; } .bootstrap .navbar-form input[type="image"], .bootstrap .navbar-form input[type="checkbox"], .bootstrap .navbar-form input[type="radio"] { margin-top: 3px; } .bootstrap .navbar-form .input-append, .bootstrap .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } .bootstrap .navbar-form .input-append input, .bootstrap .navbar-form .input-prepend input { margin-top: 0; } .bootstrap .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .bootstrap .navbar-search .search-query { padding: 4px 14px; margin-bottom: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .bootstrap .navbar-static-top { position: static; margin-bottom: 0; } .bootstrap .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap .navbar-fixed-top, .bootstrap .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .bootstrap .navbar-fixed-top .navbar-inner, .bootstrap .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .bootstrap .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .bootstrap .navbar-fixed-top .navbar-inner, .bootstrap .navbar-fixed-bottom .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap .navbar-static-top .container, .bootstrap .navbar-fixed-top .container, .bootstrap .navbar-fixed-bottom .container { width: 940px; } .bootstrap .navbar-fixed-top { top: 0; } .bootstrap .navbar-fixed-top .navbar-inner, .bootstrap .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .bootstrap .navbar-fixed-bottom { bottom: 0; } .bootstrap .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .bootstrap .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .bootstrap .navbar .nav.pull-right { float: right; margin-right: 0; } .bootstrap .navbar .nav > li { float: left; } .bootstrap .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777; text-decoration: none; text-shadow: 0 1px 0 #fff; } .bootstrap .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .bootstrap .navbar .nav > li > a:focus, .bootstrap .navbar .nav > li > a:hover { color: #333; text-decoration: none; background-color: transparent; } .bootstrap .navbar .nav > .active > a, .bootstrap .navbar .nav > .active > a:hover, .bootstrap .navbar .nav > .active > a:focus { color: #555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .bootstrap .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; *background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .bootstrap .navbar .btn-navbar:hover, .bootstrap .navbar .btn-navbar:focus, .bootstrap .navbar .btn-navbar:active, .bootstrap .navbar .btn-navbar.active, .bootstrap .navbar .btn-navbar.disabled, .bootstrap .navbar .btn-navbar[disabled] { color: #fff; background-color: #e5e5e5; *background-color: #d9d9d9; } .bootstrap .navbar .btn-navbar:active, .bootstrap .navbar .btn-navbar.active { background-color: #ccc \9; } .bootstrap .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .bootstrap .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .bootstrap .navbar .nav > li > .dropdown-menu:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .bootstrap .navbar .nav > li > .dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .bootstrap .navbar-fixed-bottom .nav > li > .dropdown-menu:before { top: auto; bottom: -7px; border-top: 7px solid #ccc; border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); } .bootstrap .navbar-fixed-bottom .nav > li > .dropdown-menu:after { top: auto; bottom: -6px; border-top: 6px solid #fff; border-bottom: 0; } .bootstrap .navbar .nav li.dropdown > a:hover .caret, .bootstrap .navbar .nav li.dropdown > a:focus .caret { border-top-color: #333; border-bottom-color: #333; } .bootstrap .navbar .nav li.dropdown.open > .dropdown-toggle, .bootstrap .navbar .nav li.dropdown.active > .dropdown-toggle, .bootstrap .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #555; background-color: #e5e5e5; } .bootstrap .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777; border-bottom-color: #777; } .bootstrap .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .bootstrap .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .bootstrap .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555; } .bootstrap .navbar .pull-right > li > .dropdown-menu, .bootstrap .navbar .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .bootstrap .navbar .pull-right > li > .dropdown-menu:before, .bootstrap .navbar .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .bootstrap .navbar .pull-right > li > .dropdown-menu:after, .bootstrap .navbar .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .bootstrap .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .bootstrap .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .bootstrap .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222, #111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111)); background-image: -webkit-linear-gradient(top, #222, #111); background-image: -o-linear-gradient(top, #222, #111); background-image: linear-gradient(to bottom, #222, #111); background-repeat: repeat-x; border-color: #252525; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0); } .bootstrap .navbar-inverse .brand, .bootstrap .navbar-inverse .nav > li > a { color: #999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap .navbar-inverse .brand:hover, .bootstrap .navbar-inverse .nav > li > a:hover, .bootstrap .navbar-inverse .brand:focus, .bootstrap .navbar-inverse .nav > li > a:focus { color: #fff; } .bootstrap .navbar-inverse .brand { color: #999; } .bootstrap .navbar-inverse .navbar-text { color: #999; } .bootstrap .navbar-inverse .nav > li > a:focus, .bootstrap .navbar-inverse .nav > li > a:hover { color: #fff; background-color: transparent; } .bootstrap .navbar-inverse .nav .active > a, .bootstrap .navbar-inverse .nav .active > a:hover, .bootstrap .navbar-inverse .nav .active > a:focus { color: #fff; background-color: #111; } .bootstrap .navbar-inverse .navbar-link { color: #999; } .bootstrap .navbar-inverse .navbar-link:hover, .bootstrap .navbar-inverse .navbar-link:focus { color: #fff; } .bootstrap .navbar-inverse .divider-vertical { border-right-color: #222; border-left-color: #111; } .bootstrap .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .bootstrap .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .bootstrap .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #fff; background-color: #111; } .bootstrap .navbar-inverse .nav li.dropdown > a:hover .caret, .bootstrap .navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } .bootstrap .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999; border-bottom-color: #999; } .bootstrap .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .bootstrap .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .bootstrap .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .bootstrap .navbar-inverse .navbar-search .search-query { color: #fff; background-color: #515151; border-color: #111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .bootstrap .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #ccc; } .bootstrap .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #ccc; } .bootstrap .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #ccc; } .bootstrap .navbar-inverse .navbar-search .search-query:focus, .bootstrap .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333; text-shadow: 0 1px 0 #fff; background-color: #fff; border: 0; outline: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } .bootstrap .navbar-inverse .btn-navbar { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; *background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: #040404 #040404 #000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .bootstrap .navbar-inverse .btn-navbar:hover, .bootstrap .navbar-inverse .btn-navbar:focus, .bootstrap .navbar-inverse .btn-navbar:active, .bootstrap .navbar-inverse .btn-navbar.active, .bootstrap .navbar-inverse .btn-navbar.disabled, .bootstrap .navbar-inverse .btn-navbar[disabled] { color: #fff; background-color: #040404; *background-color: #000; } .bootstrap .navbar-inverse .btn-navbar:active, .bootstrap .navbar-inverse .btn-navbar.active { background-color: #000 \9; } .bootstrap .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap .breadcrumb > li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #fff; *zoom: 1; } .bootstrap .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } .bootstrap .breadcrumb > .active { color: #999; } .bootstrap .pagination { margin: 20px 0; } .bootstrap .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .bootstrap .pagination ul > li { display: inline; } .bootstrap .pagination ul > li > a, .bootstrap .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0; } .bootstrap .pagination ul > li > a:hover, .bootstrap .pagination ul > li > a:focus, .bootstrap .pagination ul > .active > a, .bootstrap .pagination ul > .active > span { background-color: #f5f5f5; } .bootstrap .pagination ul > .active > a, .bootstrap .pagination ul > .active > span { color: #999; cursor: default; } .bootstrap .pagination ul > .disabled > span, .bootstrap .pagination ul > .disabled > a, .bootstrap .pagination ul > .disabled > a:hover, .bootstrap .pagination ul > .disabled > a:focus { color: #999; cursor: default; background-color: transparent; } .bootstrap .pagination ul > li:first-child > a, .bootstrap .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .bootstrap .pagination ul > li:last-child > a, .bootstrap .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .bootstrap .pagination-centered { text-align: center; } .bootstrap .pagination-right { text-align: right; } .bootstrap .pagination-large ul > li > a, .bootstrap .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } .bootstrap .pagination-large ul > li:first-child > a, .bootstrap .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .bootstrap .pagination-large ul > li:last-child > a, .bootstrap .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .bootstrap .pagination-mini ul > li:first-child > a, .bootstrap .pagination-small ul > li:first-child > a, .bootstrap .pagination-mini ul > li:first-child > span, .bootstrap .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; } .bootstrap .pagination-mini ul > li:last-child > a, .bootstrap .pagination-small ul > li:last-child > a, .bootstrap .pagination-mini ul > li:last-child > span, .bootstrap .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; } .bootstrap .pagination-small ul > li > a, .bootstrap .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } .bootstrap .pagination-mini ul > li > a, .bootstrap .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; } .bootstrap .pager { margin: 20px 0; text-align: center; list-style: none; *zoom: 1; } .bootstrap .pager:before, .bootstrap .pager:after { display: table; line-height: 0; content: ""; } .bootstrap .pager:after { clear: both; } .bootstrap .pager li { display: inline; } .bootstrap .pager li > a, .bootstrap .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .bootstrap .pager li > a:hover, .bootstrap .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } .bootstrap .pager .next > a, .bootstrap .pager .next > span { float: right; } .bootstrap .pager .previous > a, .bootstrap .pager .previous > span { float: left; } .bootstrap .pager .disabled > a, .bootstrap .pager .disabled > a:hover, .bootstrap .pager .disabled > a:focus, .bootstrap .pager .disabled > span { color: #999; cursor: default; background-color: #fff; } .bootstrap .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .bootstrap .modal-backdrop.fade { opacity: 0; } .bootstrap .modal-backdrop, .bootstrap .modal-backdrop.fade.in { opacity: .8; filter: alpha(opacity=80); } .bootstrap .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .bootstrap .modal.fade { top: -25%; -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; } .bootstrap .modal.fade.in { top: 10%; } .bootstrap .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .bootstrap .modal-header .close { margin-top: 2px; } .bootstrap .modal-header h3 { margin: 0; line-height: 30px; } .bootstrap .modal-body { position: relative; max-height: 400px; padding: 15px; overflow-y: auto; } .bootstrap .modal-form { margin-bottom: 0; } .bootstrap .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; } .bootstrap .modal-footer:before, .bootstrap .modal-footer:after { display: table; line-height: 0; content: ""; } .bootstrap .modal-footer:after { clear: both; } .bootstrap .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .bootstrap .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .bootstrap .modal-footer .btn-block + .btn-block { margin-left: 0; } .bootstrap .tooltip { position: absolute; z-index: 1030; display: block; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .bootstrap .tooltip.in { opacity: .8; filter: alpha(opacity=80); } .bootstrap .tooltip.top { padding: 5px 0; margin-top: -3px; } .bootstrap .tooltip.right { padding: 0 5px; margin-left: 3px; } .bootstrap .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .bootstrap .tooltip.left { padding: 0 5px; margin-left: -3px; } .bootstrap .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .bootstrap .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; } .bootstrap .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000; border-width: 5px 5px 5px 0; } .bootstrap .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000; border-width: 5px 0 5px 5px; } .bootstrap .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000; border-width: 0 5px 5px; } .bootstrap .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .bootstrap .popover.top { margin-top: -10px; } .bootstrap .popover.right { margin-left: 10px; } .bootstrap .popover.bottom { margin-top: 10px; } .bootstrap .popover.left { margin-left: -10px; } .bootstrap .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .bootstrap .popover-title:empty { display: none; } .bootstrap .popover-content { padding: 9px 14px; } .bootstrap .popover .arrow, .bootstrap .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .bootstrap .popover .arrow { border-width: 11px; } .bootstrap .popover .arrow:after { border-width: 10px; content: ""; } .bootstrap .popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .bootstrap .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0; } .bootstrap .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .bootstrap .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #fff; border-left-width: 0; } .bootstrap .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; } .bootstrap .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0; } .bootstrap .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; } .bootstrap .popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #fff; border-right-width: 0; } .bootstrap .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .bootstrap .thumbnails:before, .bootstrap .thumbnails:after { display: table; line-height: 0; content: ""; } .bootstrap .thumbnails:after { clear: both; } .bootstrap .row-fluid .thumbnails { margin-left: 0; } .bootstrap .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .bootstrap .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .bootstrap a.thumbnail:hover, .bootstrap a.thumbnail:focus { border-color: #08c; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .bootstrap .thumbnail > img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .bootstrap .thumbnail .caption { padding: 9px; color: #555; } .bootstrap .media, .bootstrap .media-body { overflow: hidden; *overflow: visible; zoom: 1; } .bootstrap .media, .bootstrap .media .media { margin-top: 15px; } .bootstrap .media:first-child { margin-top: 0; } .bootstrap .media-object { display: block; } .bootstrap .media-heading { margin: 0 0 5px; } .bootstrap .media > .pull-left { margin-right: 10px; } .bootstrap .media > .pull-right { margin-left: 10px; } .bootstrap .media-list { margin-left: 0; list-style: none; } .bootstrap .label, .bootstrap .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999; } .bootstrap .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bootstrap .badge { padding-right: 9px; padding-left: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .bootstrap .label:empty, .bootstrap .badge:empty { display: none; } .bootstrap a.label:hover, .bootstrap a.label:focus, .bootstrap a.badge:hover, .bootstrap a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .bootstrap .label-important, .bootstrap .badge-important { background-color: #b94a48; } .bootstrap .label-important[href], .bootstrap .badge-important[href] { background-color: #953b39; } .bootstrap .label-warning, .bootstrap .badge-warning { background-color: #f89406; } .bootstrap .label-warning[href], .bootstrap .badge-warning[href] { background-color: #c67605; } .bootstrap .label-success, .bootstrap .badge-success { background-color: #468847; } .bootstrap .label-success[href], .bootstrap .badge-success[href] { background-color: #356635; } .bootstrap .label-info, .bootstrap .badge-info { background-color: #3a87ad; } .bootstrap .label-info[href], .bootstrap .badge-info[href] { background-color: #2d6987; } .bootstrap .label-inverse, .bootstrap .badge-inverse { background-color: #333; } .bootstrap .label-inverse[href], .bootstrap .badge-inverse[href] { background-color: #1a1a1a; } .bootstrap .btn .label, .bootstrap .btn .badge { position: relative; top: -1px; } .bootstrap .btn-mini .label, .bootstrap .btn-mini .badge { top: 0; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .bootstrap .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .bootstrap .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width .6s ease; -moz-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .bootstrap .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .bootstrap .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .bootstrap .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .bootstrap .progress-danger .bar, .bootstrap .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0); } .bootstrap .progress-danger.progress-striped .bar, .bootstrap .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap .progress-success .bar, .bootstrap .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0); } .bootstrap .progress-success.progress-striped .bar, .bootstrap .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap .progress-info .bar, .bootstrap .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0); } .bootstrap .progress-info.progress-striped .bar, .bootstrap .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap .progress-warning .bar, .bootstrap .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0); } .bootstrap .progress-warning.progress-striped .bar, .bootstrap .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .bootstrap .accordion { margin-bottom: 20px; } .bootstrap .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap .accordion-heading { border-bottom: 0; } .bootstrap .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .bootstrap .accordion-toggle { cursor: pointer; } .bootstrap .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .bootstrap .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .bootstrap .carousel-inner { position: relative; width: 100%; overflow: hidden; } .bootstrap .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -moz-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .bootstrap .carousel-inner > .item > img, .bootstrap .carousel-inner > .item > a > img { display: block; line-height: 1; } .bootstrap .carousel-inner > .active, .bootstrap .carousel-inner > .next, .bootstrap .carousel-inner > .prev { display: block; } .bootstrap .carousel-inner > .active { left: 0; } .bootstrap .carousel-inner > .next, .bootstrap .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .bootstrap .carousel-inner > .next { left: 100%; } .bootstrap .carousel-inner > .prev { left: -100%; } .bootstrap .carousel-inner > .next.left, .bootstrap .carousel-inner > .prev.right { left: 0; } .bootstrap .carousel-inner > .active.left { left: -100%; } .bootstrap .carousel-inner > .active.right { left: 100%; } .bootstrap .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-align: center; background: #222; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: .5; filter: alpha(opacity=50); } .bootstrap .carousel-control.right { right: 15px; left: auto; } .bootstrap .carousel-control:hover, .bootstrap .carousel-control:focus { color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90); } .bootstrap .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; } .bootstrap .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; } .bootstrap .carousel-indicators .active { background-color: #fff; } .bootstrap .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333; background: rgba(0, 0, 0, 0.75); } .bootstrap .carousel-caption h4, .bootstrap .carousel-caption p { line-height: 20px; color: #fff; } .bootstrap .carousel-caption h4 { margin: 0 0 5px; } .bootstrap .carousel-caption p { margin-bottom: 0; } .bootstrap .hero-unit { padding: 60px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; background-color: #eee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .bootstrap .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; color: inherit; } .bootstrap .hero-unit li { line-height: 30px; } .bootstrap .pull-right { float: right; } .bootstrap .pull-left { float: left; } .bootstrap .hide { display: none; } .bootstrap .show { display: block; } .bootstrap .invisible { visibility: hidden; } .bootstrap .affix { position: fixed; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .seo-content { color: #333; width: 600px; margin: 0 auto; padding: 5px 10px; margin-top: -50px; margin-bottom: 10px; background: rgba(255, 255, 255, 0.2); padding: 5px; } .seositemap-map ul { *zoom: 1; margin-left: 15px; margin-bottom: 15px; } .seositemap-map ul:before, .seositemap-map ul:after { display: table; content: ""; line-height: 0; } .seositemap-map ul:after { clear: both; } .seositemap-map ul.stores li { font-weight: bold; font-size: 110%; } .seositemap-map ul li.level-2 { font-weight: bold; } .seositemap-map ul li.level-3 { margin-left: 15px; } .seositemap-map ul li.level-4 { margin-left: 30px; font-size: 90%; } .seositemap-map ul li.level-5 { margin-left: 45px; font-size: 90%; } .seositemap-map ul li.level-6 { margin-left: 60px; font-size: 90%; } .seositemap-map ul li.level-7 { margin-left: 75px; font-size: 90%; } .review-aggregate-hide { display:none; } /*seo-info*/ /*seo-info-color*/ .seo-info .seo-info-incorrect { color: #df280a; } .seo-info .seo-info-correct { color: #50B655; } .seo-info .seo-info-notice { color: #BD5D1F; } /*seo-info-main-style*/ .seo-info .seo-info-base-window { width: 370px; min-height: 10px; position: fixed; bottom: 10px; right: 10px; background: #F8F8F8; color: #363636; z-index: 100000; font-family:Arial; outline: 5px solid rgba(203, 203, 203, 0.7); } .seo-info .seo-info-hr-style { margin: 5px; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .seo-info .seo-info-h1-style { font-family:Arial; background: #FEFEFE; color: #666666; padding: 3px 5px; font-size: 14px; font-weight: bold; text-align:center; cursor: pointer; margin-bottom: 0px; } .seo-info .seo-info-h2-style { font-family:Arial; padding:0px; margin: 5px 0px 0px 0px; text-align: left; padding-left: 10px; font-size: 13px; font-weight: 400; color: #363636; text-transform:none; } .seo-info .seo-info-text-style { font-family:Arial; font-size: 13px; text-align: left; /*color: #363636;*/ } .seo-info .seo-additional-info-text-style { font-family:Arial; font-size: 13px; text-align: left; } /*seo-info-keyword-progress-bar*/ .seo-info .seo-info-progress-container { width:100%; font-size: 13px; } .seo-info .seo-info-progress-label { width: 150px; font-size: 13px; line-height: 22px; font-weight: 400; padding-left: 10px; text-align: left; } .seo-info .seo-info-progress-label, .seo-info .seo-info-progress { border-radius: 11px; box-shadow: none; display: inline-block; vertical-align: middle; } .seo-info .seo-info-progress { background-color: #f5f7fa; box-shadow: none; display: inline-block; box-shadow: none; vertical-align: middle; margin-bottom: 2px; width: 150px; height: 6px; } .seo-info .seo-info-progress-success .seo-info-progress-bar { background-color: #50B655; border-color: #5cb85c; color: #5cb85c; box-sizing: border-box; border-radius: 11px; box-shadow: none; height: 100%; float: left; font-size: 13px; line-height: 24px; text-align: center; transition: width 0.6s ease 0s; } .seo-info .seo-info-progress-label, .seo-info-progress { border-radius: 11px; } .seo-info .seo-info-progress.seo-info-progress-success { width:100px; } .seo-info .seo-info-progress-bar { background-color: #a0c5e4; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #428bca; float: left; font-size: 13px; height: 100%; line-height: 24px; text-align: center; transition: width 0.6s ease 0s; width: 0; } /*seo-info images alt info*/ .seo-info .seo-info-image-alt { display: inline-block; width: 260px; } /*link*/ .seo-info .seo-additional-info-link-style { font-family:Arial; font-size: 13px; text-align: left; word-wrap: break-word; padding-bottom: 3px; } .seo-info .seo-additional-info-link-style a { color: #3196CA; } /*scroll*/ .seo-info .seo-info-scroll { overflow-y: auto; height: 500px; margin-top: 0.7em; padding: 2px 15px 10px 5px; text-align: justify; margin-bottom: 5px; } .seo-info .seo-info-scroll::-webkit-scrollbar { width: 7px; } .seo-info .seo-info-scroll::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.2); border-radius: 7px; } .seo-info .seo-info-scroll::-webkit-scrollbar-thumb { background-color: #EAEAEA; border-radius: 7px; } .seo-info .seo-info-scroll::-webkit-scrollbar-thumb:hover { background-color: #EAEAEA; border-radius: 7px; } /*SEO Template Info*/ .seo-info .seo-additional-info-template-style { font-size: 13px; } /*hide/show button*/ .seo-info .seo-additional-info-hide-show-button-style { position: absolute !important; right: 0; top: 0; padding-right: 7px; color: #3196CA; text-decoration: underline; cursor: pointer; } .seo-info .m-seo-info-scroll-hide { display: none; } /*table for SEO Templates*/ .seo-info .m-seo-info-template-table { display:table; width:100%; padding-top: 3px; } .seo-info .m-seo-info-template-table-row { display:table-row; } .seo-info .m-seo-info-template-table-cell { display:table-cell; text-align: center; padding: 2px; vertical-align: middle; } .seo-info .m-seo-info-template-table-cell:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } .seo-info .m-seo-info-template-table-cell:nth-child(2) { border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); } .seo-info .m-seo-info-template-table-cell:nth-child(3) { border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } .seo-info .m-seo-info-template-left { text-align: left; padding-left: 1px; } .seo-info .m-seo-info-template-table-row:last-child .m-seo-info-template-table-cell{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .seo-info .m-seo-info-id-width { width: 30px; } .seo-info .m-seo-info-rule-name-width { width: 120px; } .seo-info .m-seo-info-sort-order-width { width: 70px; } .seo-info .m-seo-info-rules-processing-width { width: 110px; } .seo-info .m-seo-info-status-width { width: auto; } /*seo-info demo store style*/ @media all and (max-width: 590px) { .seo-info .seo-info-base-window.m-seo-info-demo-style { bottom: 40px !important; right: 10px !important; } } @media all and (min-width: 591px) { .seo-info .seo-info-base-window.m-seo-info-demo-style { bottom: 5px !important; right: 260px !important; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .seositemap-map ul { *zoom: 1; margin-left: 15px; margin-bottom: 15px; } .seositemap-map ul:before, .seositemap-map ul:after { display: table; content: ""; line-height: 0; } .seositemap-map ul:after { clear: both; } .seositemap-map ul.stores li { font-weight: bold; font-size: 100%; } .seositemap-map ul li.level-2 { font-weight: bold; } .seositemap-map ul li.level-3 { margin-left: 15px; } .seositemap-map ul li.level-4 { margin-left: 30px; font-size: 90%; } .seositemap-map ul li.level-5 { margin-left: 45px; font-size: 90%; } .seositemap-map ul li.level-6 { margin-left: 60px; font-size: 90%; } .seositemap-map ul li.level-7 { margin-left: 75px; font-size: 90%; } .review-aggregate-hide { display:none; } .seositemap-index-index div.seositemap-map table { width:100%; } .seositemap-index-index div.seositemap-map table tbody tr td { vertical-align: top; } /*! jQuery UI - v1.11.0 - 2014-06-26 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2014 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; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .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: normal; } .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; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .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; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .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-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; 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; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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 #999999; background: #dadada url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("https://akytec.de/skin/frontend/base/default/css/flexibleforms/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide{ display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; } .recaptcha_theme_red #recaptcha_response_field { height:17px; } .flexibleforms_form ul { list-style:none !important; padding:0; margin:0 !important; } .flexibleforms_form ul li { margin-left:0 !important; } .flexibleforms_form ul li button.ui-datepicker-trigger { border:none; background:none; margin-left: 5px; } .flexibleforms_form ul li p.note { color:#a0a0a0; font-size:11px; font-style:italic; } .flexibleforms_form .form-list label { float:none; } .flexibleforms_form .form-list textarea { max-width: 100%; width: 365px; } .flexibleforms-index-index .pager { float:none; background:#f4f4f4; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:8px 10px 5px; } .flexibleforms-index-index .pager > .count-container { float:right; } .flexibleforms-index-index .pager .amount, .flexibleforms-index-index .pager .limiter { margin-bottom:0; } .flexibleforms_list_content { padding:10px; } @media only screen and (max-width: 480px) { .flexibleforms_form ul li .input-box { width:100%; } } @media only screen and (max-width: 768px) { .flexibleforms-index-index .pager { float:none !important; } }