/** * 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) 2012 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 {font:12px/1.55 Verdana, Geneva, sans-serif; color:#444340; background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/tartan1_background.jpg) center 40px repeat-x #fff} img { border:0; vertical-align:top} a { color:#1E7FC6; text-decoration:none} a:hover { text-decoration:none} :focus { outline:0} /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 5px; line-height:1.35; color:#0a263c} h1 { font-size:20px; font-weight:normal} h2 { font-size:18px; font-weight:normal} h3 { font-size:16px; font-weight:bold} h4 { font-size:14px; font-weight:bold} h5 { font-size:12px; font-weight:bold} 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:100%} 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:middle} .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 { min-width:260px} .page {} .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} .main-container { } .main-container .main { padding-bottom: 30px; background: #fff; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px;} .main {margin:0 auto; min-height:400px; padding:10px 0 0; text-align:left} /* Base Columns */ .col-left { float:left; padding:0 0 1px} .col-main {padding:0 0 1px} .col-right { float:right !important; padding:0 0 1px} /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; padding: 10px 25px 25px} .cms-home .col1-layout .col-main { padding: 0 0 25px} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right} .col2-right-layout .col-main {margin: 0;background: none repeat scroll 0 0 #FFFFFF} .col2-right-layout .col-main .page-title,.col2-right-layout .col-main .std{margin-left:25px} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left;/*margin-left: 10px;*/} .col3-layout .col-wrapper .col-main {} /* 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-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 */ input,select,textarea,button { font:12px Verdana,Geneva,sans-serif; vertical-align:middle; color:#2f2f2f} input.input-text,select,textarea { background:#fff; border:1px solid #b6b6b6} input.input-text,textarea { padding:2px} select { padding:1px} select option { padding-right:10px} select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px} select.multiselect option:last-child { border-bottom:0} textarea { overflow:auto} input.radio { margin-right:3px} input.checkbox { margin-right:3px} input.qty { width:2.5em !important} button.button::-moz-focus-inner{padding:0;border:0} button.button{-webkit-border-fit:lines} button.button{overflow:visible;width:auto;border:0;padding:0;margin:0;background:transparent;cursor:pointer} button.button span{display:block;height:19px;border:1px solid #315188;background:#315188;padding:0 8px;font:bold 12px/18px Verdana,Geneva,sans-serif;text-align:center;white-space:nowrap;color:#fff} button.button:hover span,.products-grid li.item:hover button.button span,.add-to-cart button.button:hover span{background-color:#006012;-webkit-transition:all 200ms ease-in-out 0;-moz-transition:all 200ms ease-in-out 0;-o-transition:all 200ms ease-in-out 0;-ms-transition:all 200ms ease-in-out 0;transition:all 200ms ease-in-out 0} .add-to-cart button.button:hover span{background-color:#167628;} button.button span span{border:0;padding:0} button.button:hover span,.products-grid li.item:hover button.button span{background:none repeat scroll 0 0 #006012;border-color:#006012} button.disabled span{border-color:#bbb !important;background:#bbb !important} button.btn-checkout.no-checkout span{background-position:0 100%;color:#b8baba} button.btn-checkout.no-checkout span span{background-position:100% 100%} p.control input.checkbox, p.control input.radio { margin-right:6px} /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus { } /*.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; color:#666; font-weight:normal; position:relative; z-index:0} .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; 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:254px} .form-list textarea { width:254px; 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 .name-middlename { width:70px} .form-list .name-middlename 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 { width:210px} .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .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-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:#eb340a; 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:4em 0 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right} .buttons-set p.required { margin:0 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 { border:1px solid #ddd; background:#f4f7f8; padding:22px 25px 12px 33px; margin:28px 0} .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #ddd; background:#eee; color:#555; margin:-33px 0 0 -10px; padding:0 8px; position:relative} /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/validation_advice_bg.gif) 2px 0 no-repeat; color:#eb340a;text-align: left} .validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important} .validation-passed {} p.required { font-size:11px; text-align:right; color:#EB340A} /* 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:#903a33} .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} .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; font-size:11px !important; font-weight:bold !important} .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_msg-error.gif); color:#df280a} .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_msg-success.gif); color:#3d6611} .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_msg-note.gif); color:#3d6611} /* BreadCrumbs */ .breadcrumbs-container {} .breadcrumbs { background: #fff; font-size:10px; padding: 7px 0 5px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom: 1px solid #ddd; margin-top: -10px; margin-bottom: 15px} .breadcrumbs ul { padding: 0 20px; opacity: 0.8} .breadcrumbs li { display:inline} .breadcrumbs li strong { font-weight:normal} .breadcrumbs .return_previous_page { margin-right: 20px; } .breadcrumbs a{color: #1E7FC6} .breadcrumbs ul{display:inline} /* Page Heading */ .page-title { width:100%; overflow:hidden; border-bottom:1px solid #ccc; margin:0 0 25px} .page-title h1, .page-title h2 { margin:0; font-size:20px; color:#444} .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 { float:left} .subtitle, .sub-title { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; font: 24px ; color:#2c5987} /* Pager */ .pager { font-size:12px; background:#FBFAF8; padding:4px 8px;text-align:right;display:inline} .pager .amount { float:left; margin:0;text-align: center} .pager .limiter {display:inline; vertical-align:baseline} .pager .limiter label { vertical-align:baseline} .pager .limiter select { padding:0; margin:0 2px 1px; vertical-align:middle} .pager .pages {/* margin:0 140px; */display:inline;padding-left: 20px} .pager .pages strong {font-weight: normal} .pager .pages ol { display:inline} .pager .pages li { display:inline; margin:0 2px} .pager .pages .current {} /* Sorter */ .sorter {background:#FBFAF8; padding:6px 8px;display:inline} .sorter .view-mode {display:inline;margin:0;text-align: center;padding-left: 20px} .sorter .sort-by {display:inline;text-align: center} .sorter .sort-by label { vertical-align:baseline} .sorter .sort-by select { padding:0; margin:0 2px 1px; vertical-align:middle} .sorter .link-feed {} /* Toolbar */ .toolbar {color: #7C7C7C} .toolbar .pager { padding:6px 8px} .toolbar .sorter {} .toolbar-bottom {} /* Data Table */ .data-table { width:100%; border:1px solid #bebcb7} .data-table .odd { } .data-table .even { } /*.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:3px 8px; font-weight:bold} .data-table td { padding:3px 8px} .data-table thead th { font-weight:bold; border-right:1px solid #c2d3e0; padding:2px 8px; color:#0a263c; 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:#eee} .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 { background:#eee} .data-table tfoot tr { background-color:#eee !important} .data-table tfoot td { padding-top:1px; padding-bottom:1px; 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:#f8f7f5 !important} .data-table tbody.even tr { background:#f6f6f6 !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 { background:#fff url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px} .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://www.socks4life.com/skin/frontend/default/socks4life_20141229/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://www.socks4life.com/skin/frontend/default/socks4life_20141229/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 */ .std .subtitle { padding:0} .std ol.ol { list-style:decimal outside; padding-left:1.5em} .std ul.disc { list-style:disc outside; padding-left:18px; 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:0 0 1em; padding:0} .std ul { list-style:disc outside; padding-left:1.5em} .std .newproducts_container ul{padding-left:1.5em; *padding-left:10px} .std ol { list-style:decimal outside; padding-left:1.5em} .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 */ .links li { display:inline-block} .links li.first { padding-left:0 !important} .links li.last { background:none !important; padding-right:0 !important} .link-cart { color:#903a33 !important; font-weight:bold} .link-wishlist {/* color:#903a33 !important;*/ font-weight:bold} .link-reorder { font-weight:bold; color:#903a33 !important} .link-compare { font-weight:bold} .link-print { /*background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#903a33} .link-rss { background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/delete.png) 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://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden} .btn-remove2 { display:inline-block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; margin:0 auto} .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_divider1.gif) 0 50% repeat-x; 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; color:#2f2f2f} .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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} /* ======================================================================================= */ /* Header ================================================================================ */ .logo { display: block; margin: 0 auto; width: 400px;} .logo img { display: block; margin: 0 auto; } .header {margin:0 auto; padding: 5px 0; text-align: left; position:relative; z-index:10} .header .logo { text-decoration:none !important; padding:0 !important; } .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 div.logo { } .header .quick-access { float:right; width:400px; padding:28px 0px 0 0} .header .welcome-msg { margin:0 0 5px; color:#444340; text-align:right; font-weight:bold} .header .welcome-msg a { color:#444340; font-weight:bold; text-decoration:none} /* .header .form-search { position:absolute; top:0; right:29px; width:315px; height:30px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_form-search.gif) 0 0 no-repeat; padding:1px 0 0 16px} .header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden} .header .form-search input.input-text { float:left; border-color:#5c7989; width:209px; margin-right:4px} .header .form-search button.button { float:left} .header .form-search button.button span { border:0; height:21px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/btn_search.gif) 0 0 no-repeat; padding:0 0 0 3px; font:bold 12px Verdana,Geneva,sans-serif} .header .form-search button.button span span { background-position:100% 0; padding:0 6px 0 3px} */ .header .form-search { text-align:right} #search_mini_form { moz-box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; margin: 0; } .header .form-search { position: relative; white-space: nowrap; padding: 2px; border: 1px solid #e8e8e8;} .header .form-search .input-text { padding: 2px 4px; width:230px; border-color: #dbdbdb; box-sizing: border-box; } .header .form-search button.button {font-size: 16px; background:#ddd; color: #333333; padding: 3px 4px 4px; font-weight: normal} .header .form-search button.button span { background: none; border: 0; padding: 0 1px;} .header .form-search button.button span span{color: #000; font-size: 12px; padding: 0; line-height: 19px;} .header .form-search button.button:hover span:before {color: #000} .header .form-search label {display: none; float:left; font-size: 18px; color: #333333; padding: 7px 10px 0 10px; font-weight: normal} #select-form { margin-left:1px} .header .form-search .search-autocomplete { z-index:999; font-size: 13px; width: 100%} .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff} .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; text-align: left} .header .form-search .search-autocomplete li:hover {background-color: #fafafa} .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold} .header .form-search .search-autocomplete li.selected {} .header .search-autocomplete li p {overflow: hidden} .header .form-search .search-autocomplete ul {border-top-width: 0; border-bottom-width: 0} .header .form-search .search-autocomplete li {padding: 5px} .header .form-search .search-autocomplete li img {margin-right: 10px} .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 { clear:both; padding:5px 0 0; text-align:right} .header .form-language label { font-weight:bold; padding-right:5px; color:#a7c6dd; vertical-align:middle} .header .form-language select { padding:0} .header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px} .header .links { float:right; margin:0 0 6px} .header .links li { float:left; font-size:11px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_pipe1.gif) 100% 60% no-repeat; padding:0 0px 0 7px} .header .links a { color:#ebbc58} .header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right} .header-container .top-container a { font-size:11px; color:#ebbc58} /********** < Navigation */ #nav {margin:0 auto; padding:0 0px; font-size:13px; float:left; position: relative} /* 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 span { display:block; cursor:pointer; white-space:nowrap} #nav li ul span {white-space:normal} #nav ul li.parent a { background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_nav2.gif) 100% 100% no-repeat} #nav ul li.parent li a { background-image:none} /* 0 Level */ #nav li { float:left} #nav li.active a { } #nav li.active ul li a { } #nav li.active ul li:hover a { } #nav a{ float:left; padding: 0 20px; color:#2c5987; line-height: 50px; font-weight: bold} #nav .custom_menu_links li a{ float:left !important; padding:14px 30px !important; text-transform:uppercase;font: bold 12px Verdana, Geneva, sans-serif; color:#FFF; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/menu_pipe.png) left center no-repeat!important} /*#nav li.last a{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/menu_pipe.png) right top repeat-y}*/ #nav li.over a.level-top{color:#fff; background:#2c5987} #nav a:hover { } /* 1st Level */ #nav ul li, #nav ul li.active { float:none; margin:0;border-bottom: 1px solid #999;/*padding-bottom:1px; background:#ecf3f6 url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_nav1.gif) 0 100% repeat-x;*/ } #nav ul li.last { padding-bottom:0; } #nav ul a, #nav ul a:hover { color: #444; float:none; padding:0; background:none; border: 0} #nav ul li a { font-weight:normal !important; font-size: 14px; line-height: 8px} /* 2nd Level */ #nav ul, #nav div { position:absolute; width:210px; top:46px;*top:45px; left:-10000px; border:2px solid #2c5987; border-width: 3px; background: #fff; } #nav li.shop-by-size ul { width: 360px} #nav li.shop-by-size li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 120px; float: left; border-right: 1px solid #666} #nav li.shop-by-material ul { width: 360px} #nav li.shop-by-material li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; border-right: 1px solid #666} #nav li.shop-by-brand ul, #nav li.shop-by-style ul { width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0} #nav li.shop-by-brand ul li a { padding-left: 100px; line-height: 36px} #nav li.shop-by-style ul li a { padding-left: 90px; line-height: 36px} #nav li.shop-by-brand li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; border-right: 1px solid #999} #nav li.shop-by-style li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; float: left; border-right: 1px solid #999} #nav li.shop-by-brand li.nav-1-4, #nav li.shop-by-brand li.nav-1-8,#nav li.shop-by-brand li.nav-1-12, #nav li.shop-by-brand li.nav-1-16,#nav li.shop-by-brand li.nav-1-20, #nav li.shop-by-brand li.nav-1-24, #nav li.shop-by-brand li.nav-1-28, #nav li.shop-by-brand li.nav-1-32, #nav li.shop-by-style li.nav-2-4, #nav li.shop-by-style li.nav-2-8,#nav li.shop-by-style li.nav-2-12, #nav li.shop-by-style li.nav-2-16,#nav li.shop-by-style li.nav-2-20, #nav li.shop-by-style li.nav-2-24, #nav li.shop-by-style li.nav-2-28, #nav li.shop-by-style li.nav-2-32, #nav li.shop-by-size li.nav-4-17, #nav li.shop-by-size li.nav-4-18, #nav li.shop-by-size li.nav-4-19, #nav li.shop-by-size li.nav-4-20, #nav li.shop-by-size li.nav-4-21, #nav li.shop-by-size li.nav-4-22, #nav li.shop-by-size li.nav-4-23, #nav li.shop-by-size li.nav-4-24 { border-right: 0} #nav li.shop-by-style, #nav li.shop-by-brand { position: static} #nav div ul { position:static; width:auto; border:none} /* 3rd+ Level */ #nav ul ul, #nav ul div { top:5px} #nav ul li ul { display: none; } #nav ul li a { } #nav ul li a:hover { background: #f3f3f3 } #nav ul li a{} #nav ul li a:hover { color:#2c5987!important} #nav ul span, #nav ul li.last li span { padding:9px 15px 10px 15px} #nav ul li.indiana-jones-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -488px no-repeat} #nav ul li.stetson-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -850px no-repeat} #nav ul li.dobbs a, #nav ul li.dobbs-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -331px no-repeat} #nav ul li.bailey-of-hollywood a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px 8px no-repeat} #nav ul li.country-gentleman a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 3px -1395px no-repeat} #nav ul li.betmar-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 3px -1469px no-repeat} #nav ul li.renegade a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 5px -1534px no-repeat} #nav ul li.gottex a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -940px no-repeat} #nav ul li.jacaru-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -538px no-repeat} #nav ul li.physician-endorsed a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -336px no-repeat} #nav ul li.hills-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -436px no-repeat} #nav ul li.bailey-western a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -1328px no-repeat} #nav ul li.kangol-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -593px no-repeat} #nav ul li.scala-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -760px no-repeat} #nav ul li.tommy-bahama a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -889px no-repeat} #nav ul li.bc-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -48px no-repeat} #nav ul li.frank-sinatra a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -384px no-repeat} #nav ul li.covver a, #nav ul li.conner-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 3px -216px no-repeat} #nav ul li.santana-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -713px no-repeat} #nav ul li.bigalli a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -336px no-repeat} #nav ul li.cavanagh a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -160px no-repeat} #nav ul li.eddy-bros a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -1078px no-repeat} #nav ul li.henschel a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -654px no-repeat} #nav ul li.stacy-adams a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -802px no-repeat} #nav ul li.bullhide a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -103px no-repeat} #nav ul li.cuba-street a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -272px no-repeat} #nav ul li.biltmore a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -272px no-repeat} #nav ul li.christys a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 5px -1137px no-repeat} #nav ul li.woolrich a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -1203px no-repeat} #nav ul li.rocky-mountain a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -1266px no-repeat} #nav ul li.dpc-global a, #nav ul li.dpc-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -1005px no-repeat} #nav ul li.wind-river a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 1px -1599px no-repeat} #nav ul li.pantropic a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 5px -1662px no-repeat} #nav ul li.resistol a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/brands_sprite.jpg) 5px -1725px no-repeat} #nav li.shop-by-brand ul li.view-more-brands a { padding-left: 0; color: #903a33; } #nav ul li.australian a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -531px no-repeat} #nav ul li.ascot a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -434px no-repeat} #nav ul li.baseball-caps a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -104px no-repeat} #nav ul li.berets a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -580px no-repeat} #nav ul li.boater a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -486px no-repeat} #nav ul li.boonie a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -632px no-repeat} #nav ul li.bowler a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -162px no-repeat} #nav ul li.bucket a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -690px no-repeat} #nav ul li.campaign a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -743px no-repeat} #nav ul li.cloche a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -797px no-repeat} #nav ul li.cowboy a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -50px no-repeat} #nav ul li.fedora a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px 3px no-repeat} #nav ul li.feathered a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -860px no-repeat} #nav ul li.homburg a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -918px no-repeat} #nav ul li.ivy-driver-caps a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -330px no-repeat} #nav ul li.military a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -974px no-repeat} #nav ul li.newsboy a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -384px no-repeat} #nav ul li.panama a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -1032px no-repeat} #nav ul li.pork-pie a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -213px no-repeat} #nav ul li.top-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -1091px no-repeat} #nav ul li.safari-rain a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -1280px no-repeat} #nav ul li.sun-beach-hats a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -1347px no-repeat} #nav ul li.trilby a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -1151px no-repeat} #nav ul li.vintage a { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/styles_sprite.jpg) 15px -1217px no-repeat} /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li.shop-by-brand ul.shown-sub,#nav li.shop-by-style ul.shown-sub { left: 0} #nav li.shop-by-style ul { } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:160px} /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #e4dfd4; margin:0 0 15px; border-radius:0px; padding:0px 5px 5px; font:18px ; color:#FFF; position:relative} .block-cart{background:#903a33; border:1px solid #bc000d} .block-cart .product-name a{ color:#FFF} .block-compare{background:#2e2e2e; border:1px solid #202020} .block-tags{background:#4a4a4a; border:1px solid #573b16} .block.block-cart .block-title strong, .block.block-compare .block-title strong, .block.block-tags .block-title strong, .block.block-cart .block-content, .block.block-compare .block-content, .block.block-tags .block-content{color:#FFF} .block .block-title {padding:2px 9px} .block .block-title strong { display:block;font:18px ; color:#444340;min-height:16px; padding:1px 0 1px; text-transform:capitalize} .block .block-title strong span {} .block .block-title a { text-decoration:none !important} .block .block-subtitle { margin:0; padding:5px 9px; font-size:1em;color:#000; font-weight: bold} .block .block-content {color: #444} .block .block-content li.item { padding:7px 0px} .block .block-content .product-name { color:#1e7ec8} .block .btn-remove, .block .btn-edit { float:right; margin:1px 0 2px 5px} .block .actions {padding:6px 9px; text-align:right} .block .actions a { float:left} .block .actions button.button { float:right} .block .empty { margin:0; padding:5px 9px} .block li.odd {} .block li.even {} /* Mini Blocks */ .block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { font-size:12px; 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} /* Mini Products List */ .mini-products-list .product-image { float:left; width:50px} #cart-sidebar.mini-products-list .product-details {float:left;margin-left:10px;width: 60%} .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} .price_color{color:#903a33;font: bold 13px !important} /* Block: Account */ /*.block-account { border-color:#bbb} .block-account .block-title { background:#fc9d36 url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_block-title-account.gif) 0 100% repeat-x; border:0; padding:3px 10px} .block-account .block-title strong { font-size:13px; color:#fff}*/ .block-account .block-content { background:#fbfaf6; padding:7px 10px 7px; border: 1px solid #1f5581} .block-account .block-content li a { display:block; border-bottom:1px solid #ddd; padding:3px 0; color:#5f5d5c; text-decoration:none !important; font-weight: normal;} .block-account .block-content li a:hover { color:#1e7fc6} .block-account .block-content li.last a { border-bottom:0} .block-account .block-content li.current { border-bottom:1px solid #ddd; padding:3px 0; color:#333} .block-account .block-content li.current strong { font-weight: bold; font-size: 13px; } .block-account .block-content li.current.last { border-bottom:0} div.block-account .block-title { padding: 0; } div.block-account .block-title strong { border-bottom: 1px solid #ccc; color: #555; font-size: 20px; font-weight: normal; line-height: 1.35; margin: 0 0 15px; } .col-left .block { border: 0 none; padding: 0 0 5px; } /* Block: Currency Switcher */ /*.block-currency { border:0; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_block-currency.gif) 0 0 no-repeat; padding:7px 12px 10px; height:51px} .block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px} .block-currency .block-title strong { font:bold 13px Verdana,Geneva,sans-serif; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_block-currency.gif) 0 50% no-repeat; padding:0 0 0 21px; text-transform:none; color:#fff} .block-currency .block-content { background:none; padding:0} .block-currency .block-content select { width:100%; padding:0}*/ /* Block: Layered Navigation */ /*.block-layered-nav { border:0} .block-layered-nav .block-title { border:0; padding:0; height:24px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_block-layered-title.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden} .block-layered-nav .block-subtitle { line-height:1.35; background:#d5e8ff url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_block-layered1.gif) 0 50% repeat; padding:3px 9px; border:1px solid #b9ccdd; border-width:1px 0; text-transform:uppercase; color:#1f5070}*/ .block-layered-nav .block-content {} .block-layered-nav dt {padding:7px 10px 0 10px; text-transform:uppercase; font-weight: bold} .block-layered-nav dd { padding:0 12px 12px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_block-layered-dd.gif) 0 100% repeat-x} .block-layered-nav dd.last { background:none} .block-layered-nav .currently li { padding:6px 24px 6px 10px; position:relative; z-index:1; line-height:1.5} .block-layered-nav .currently .label { font-weight:bold; padding-left:15px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_block-layered-label.gif) 0 4px no-repeat; 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:4px; top:9px; margin:0} .block-layered-nav .currently .btn-previous { right:17px} .block-layered-nav .actions { font-size:12px; padding:4px 5px 14px 9px; border-bottom: 1px solid #e4dfd4; text-align:right; margin: 3px -5px 5px} .block-layered-nav .actions a { float:none} /* Block: Cart */ .block-cart .block-title { /*border-bottom:0;*/ } .block-cart .block-title strong {} .block-cart .summary {padding:2px 8px 8px; margin:-1px 0 0; position:relative; z-index:1} .block-cart .amount { margin:0; color:#000} .block-cart .amount a { font-weight:bold; color:#FFF} .block-cart .subtotal { margin:5px 0 0; padding:2px 0;text-align:left;color:#000; } .block-cart .subtotal .price { font-weight:bold; color:#FFF} .block-cart .actions { border-bottom:1px solid #c2c2c2} .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 { float:none} /* Block: Related */ .block-related .block-title strong {} .block-related input.checkbox { float:left} .block-related .product { margin-left:20px} /* Block: Compare Products */ .block-compare .block-title strong {} .block-compare button.button span { border-color:#903a33; background:#903a33} .page-popup .link-print { background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/btn_remove2.gif); width:72px; height:15px} .compare-table tbody th { background:#e6f2ff} .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 { background:#fffada; text-align:center} .compare-table tr.first td { text-align:center} .compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; color:#203548} .compare-table tr.first td .product-name a { color:#203548} .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 { font-size:12px} .block-poll label { color:#777;padding-left:18px} .block-poll input.radio { float:left; margin:1px -18px 0 0} .block-poll .label { display:block} .block-poll li { padding:3px 9px} .block-poll .actions { margin:5px 0 0} .block-poll button.button span { border-color:#903a33; background:#903a33} .block-poll button.button:hover span { background:#1E7FC6;border-color:#1E7FC6} .block-poll .answer { font-weight:bold} .block-poll .votes { float:right; margin-left:10px} /* 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 { color:#FFFFFF} .block-tags .actions { text-align:right} .block-tags .actions a { float:none} /* Block: Subscribe */ .block-subscribe .block-content { padding:5px 10px} .block-subscribe .block-title strong {} .block-subscribe label { font-weight:bold; color:#666} .block-subscribe input.input-text { display:block; width:167px; margin:3px 0} .block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left} .block-subscribe .actions button.button { float:none} .block-subscribe .actions button.button span { border-color:#903a33; background:#903a33} /* Block: Reorder */ .block-reorder .block-title strong {} .block-reorder input.checkbox { float:left; margin:2px -20px 0 0} .block-reorder .product-name { margin-left:20px} .block-reorder .validation-advice { margin:3px 9px 7px} /* Block: Banner */ .block-banner { border:0;/* display: none; */} .block-banner .block-content { padding:0; text-align:center} /* Block: Login */ .block-login .block-title strong { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_ma-info.gif)} .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:#903a33; background:#903a33} /* 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} .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center} .category-image img {} .category-description { margin:0 10px 10px 0} div.category-description p { margin-right: 10px} .category-products {} .category-products .product-name{font: 18px !important; color:#444340;text-align: left} .newproducts .product-name{font: bold 18px !important} .category-products .product-name span, .newproducts .product-name span{font:bold 20px ; color:#1e7fc6} .short_desc{color:#444340; font:12px Verdana, Geneva, sans-serif;min-height:50px} /* View Type: Grid */ .products-grid{position:relative} .products-grid.last{border-bottom:0} .products-grid li.item{float:left;padding:12px 10px 10px;margin-top:0 !important;position:relative} .category-products .products-grid li.item{padding:0} .category-products .products-grid.last{border-bottom:1px solid #e4dfd4} .category-products .toolbar{margin-bottom:15px;margin-left:0;color:#7c7c7c;text-transform:capitalize;border-bottom:1px solid #d5d5d5} .category-products .toolbar-bottom .toolbar{margin-bottom:0;margin-top:10px} .products-grid .product-image{display:block;margin:0 auto 10px;max-width:300px;position:relative} .products-grid .product-name{margin:0 0 5px;font-weight:bold;font-size:11px;color:#203548;text-align:left} .products-grid.first .product-name,ul.products-grid.odd li.item.last,ul.products-grid.even li.item.last{background:0} .products-grid .product-name a{color:#444340;text-decoration:none} .products-grid li.item:hover .product-name a{color:#004e7f} .products-grid .price-box{margin:0;float:left;min-height:25px} .products-grid .availability{line-height:21px} .products-grid .actions{float:right} .products-list .details{float:left} .actions .details,.products-list .details{background:#444340;padding:4px 20px 5px 7px;font:bold 13px Verdana,Geneva,sans-serif;color:#FFF;display:block} .products-grid li.item:hover .actions .details,.products-list li.item:hover .details{background:#004e7f} .newproducts .products-grid:hover .product-name a{color:#ff1929} .col2-left-layout .products-grid,.col2-right-layout .products-grid{margin:0 auto} .col1-layout .products-grid{margin:0 auto} /* View Type: List */ .products-list li.item { border-bottom:1px solid #d9ddd3; padding:0px 0 10px;margin-bottom: 10px !important; position: relative;} .products-list li.item.last { border-bottom:0} .products-list .product-image { float:left;margin: 0 auto !important;max-width: 300px} .products-list .product-shop {float: left;margin-left: 10px} .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548} .products-list .product-name a { color:#203548} .products-list .price-box { float:left; margin:3px 13px 5px 0} .products-list .availability { float:left; margin:3px 0 0} .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35} .products-list .desc .link-learn { font-size:12px;float: right} .products-list .add-to-links { clear:both} .products-list .add-to-links li { display:inline} .products-list .add-to-links .separator { display:inline; margin:0 2px} ul.products-grid.odd li.item{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/item_bg_first.jpg) right bottom no-repeat} ul.products-grid.even li.item{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/item_bg_right.jpg) right top no-repeat} .newproducts{background:#FFF} .newproducts_container{border:1px solid #e4dfd4} /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0;display:inline} .ratings { font-size:12px; line-height:1.25; margin:7px 0} .ratings strong { float:left; margin:1px 3px 0 0} .ratings .rating-links { margin:0} .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://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden} .rating-box .rating { float:left; height:13px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_rating.gif) 0 100% repeat-x} .ratings .rating-box { float:left; margin-right:3px} .ratings .amount {} .ratings-table th, .ratings-table td { font-size:12px; 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:16px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px} .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000} .availability-only a { background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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:12px; padding:2px 8px 1px} .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold} .product-view .product-shop .availability { font-size:12px} .product-view .product-shop .availability span { font-weight:normal;color: #444340 !important} /* Email to a Friend */ .email-friend { margin:0;display:inline;background: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/footer_link_pipe.jpg") no-repeat scroll 0 60% transparent;margin: 0 0 0 5px;padding-left: 10px} /* Alerts */ .alert-price { margin:0; font-size:12px} .alert-stock { margin:0; font-size:12px} /********** < Product Prices */ .price { white-space:nowrap !important} .price-box { margin:5px 0} .price-box .price { font-weight:bold; color:#c76200} /* Regular price */ .regular-price { color:#c76200} .regular-price .price {font-weight: bold; font-size: 12px;color:#444340} /*.category-products .regular-price .price .cur_sym, .category-products .regular-price .price .price_deci{font-size: 12px}*/ .regular-price .price .cur_sym, .regular-price .price .price_deci{font-size: 15px; vertical-align: top} .old-price .price .cur_sym, .old-price .price .price_deci, .special-price .price .price_deci, .special-price .price .cur_sym{font-size: 12px; vertical-align: top} .block .regular-price, .block .regular-price .price { color:#2f2f2f} /* Old price */ .old-price { margin:0 2px 0 0 !important;float:left} .old-price .price-label { white-space:nowrap; color:#999; display:none} .old-price .price {font-size: 16px; font-weight: normal; color:#888; text-decoration:line-through; line-height: 30px} /* Special price */ .category-products .special-price{ margin:0 !important;} .special-price { margin-left:10px !important; padding:0;float:left; margin-bottom:0 !important} .special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; color:#cd5033; display:none} .special-price .price {font-weight: bold; font-size: 21px;color:#833129} #block-mostviewed .regular-price, #block-mostviewed .special-price{float:left} #block-mostviewed .regular-price .price{font-size:12px !important; text-decoration:line-through} #block-mostviewed .special-price .price{ color:#903a33;font-size:12px !important} #block-mostviewed, #block-mostviewed a{color:#444340; font:12px Verdana, Geneva, sans-serif} #block-mostviewed a{font: bold 12px Verdana, Geneva, sans-serif; float: left; max-width:150px;width: 36%;padding-right: 5px} /* Minimal price (as low as) */ .minimal-price { margin:0} .minimal-price .price-label { font-weight:bold; white-space:nowrap} .minimal-price-link { display:block; min-width: 120px;} .minimal-price-link .label {color:#1e7ec8} .minimal-price-link .price { font-weight:normal; color:#1e7ec8} /* 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:12px; color:#444} .weee .price { font-size:12px; 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 { font-weight:bold; white-space:nowrap} .price-to { margin:0} .price-to .price-label { font-weight:bold; white-space:nowrap} /* Price notice next to the options */ .price-notice { padding-left:10px; color:#999} .price-notice .price { font-weight:bold; color:#2f2f2f} /* 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} .price-box-bundle .price { color:#555} /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; color:#424242} .tier-prices li { line-height:1.4; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px} .tier-prices .benefit { font-style:italic; font-weight:bold; color:#2f2f2f} .tier-prices .price { font-weight:bold; color:#2f2f2f} .tier-prices-grouped li { padding:2px 0; color:#903a33} .tier-prices-grouped li .price { font-weight:bold} /* Add to Links */ .add-to-links { font-size:12px; margin:5px 0 0} .add-to-links .separator { display:none} /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; font-weight:normal; color:#8C8C8C;margin-top: 3px} .add-to-cart .qty { float:left; margin-right:5px} .add-to-cart button.button { float:left} .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 */ .add_to_box_con, .add_to_cart_links_con{ margin:10px 0;border-bottom: 1px solid #E8E8E8;border-top: 1px solid #E8E8E8;padding: 15px 0} .add_to_cart_links_con { border-top: 0} .add-to-box {} .add-to-box .add-to-cart { float:left; clear:both} .add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; display:none} .add-to-box .add-to-links { float:left; margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important} .add-to-box .add-to-links li { display:block !important} .add-to-box .add-to-links li .separator { display:none !important} .product-view {} .col2-right-layout .product-view { padding-left: 20px; } .product-essential { padding:0px} .product-essential h2 { font:18px } .product-collateral {padding:5px; margin-top:20px } .product-collateral h2 { font-weight:bold; font-size:15px; color:#903a33; border-bottom:1px solid #e5dcc3; padding:0 0 1px; margin:0 0 15px} .product-collateral .box-collateral { margin:0 0 25px} /* Product Images */ .product-view .product-img-box {/* float:right !important; width:250px !important; */ margin:0 !important} .col3-layout .product-view .product-img-box { float:none; margin:0 auto} .product-view .product-img-box .product-image { margin:0 0 13px} .product-view .product-img-box .product-image-zoom {position:relative;z-index:9;min-height: 400px} .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:12px; margin:0 0 5px; text-align:center;display:none} .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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://www.socks4life.com/skin/frontend/default/socks4life_20141229/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 { font-size:12px; 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 18px 8px 0} .product-view .product-img-box .more-views li a { float:left; width:76px; height:76px; 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; color:#2f2f2f} .cloud-zoom-big {background-color: #FFFFFF;background-position: left top;background-repeat: no-repeat;border: 4px solid #CCCCCC;overflow: hidden;top: -3px !important} .cloud-zoom-lens {background-color: #FFFFFF;border: 1px solid #000;cursor: move;margin: -4px;box-shadow: 0 0 10px #000;opacity: 0.1!important} /* Product Shop */ .product-view .product-shop { float:right; width:330px} .col1-layout .product-view .product-shop {} .col3-layout .product-view .product-shop { float:none; width:auto} .product-view .product-shop .product-name { margin:0 0 5px} .product-view .product-shop .product-name h1 { margin:0; font:18px} .product-view .product-shop .availability { margin:0px 0} .product-view .product-shop .short-description { margin:10px 0} .product-view .product-shop .price-box { margin:0px 0 0px} .product-view .product-shop .add-to-links { margin:0} .product-view .product-shop .add-to-links { font-size:12px; text-align:right; clear:both} .product-view .product-shop .add-to-links li{} .product-view .product-shop .add-to-links li .separator { display:none !important} .product-view .product-shop .add-to-links a { color:#333 !important; font-weight:normal !important;display: block;text-align: left;text-transform: uppercase;margin: 3px 0 6px; padding-left:25px} .product-view .product-shop .add-to-links a.link-wishlist {background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/wishlist.png) left center no-repeat} .product-view .product-shop .add-to-links a.link-compare{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/compare.png) left center no-repeat} /* Product Options */ .product-options { margin:20px 0 0; padding:10px 10px 20px; position:relative; background-color:#f6f6f6; border:1px solid #e4e4e4} .product-options dt { padding:6px 0 0; font-weight:normal; float: left; width: 75px;} .product-options dt label { font-weight:bold; color:#2f2f2f; font-size: 12px;} .product-options dt label.required em { color:#eb340a; margin-left:5px} .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; color:#2f2f2f} .product-options dd { padding:5px 10px 15px; margin:0 0 5px 75px; border-bottom:1px solid #e4e4e4} .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom: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:99%; font-size: 12px;} .product-options dd .multiselect option { border-bottom:1px dotted #F9D9D4; 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 { float:left; margin-top:3px} .product-options ul.options-list input.checkbox { float:left; margin-top:3px} .product-options ul.options-list .label { display:block; margin-left:18px} .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:12px} .product-options p.required { } .product-options-bottom { background-color:#fffada; padding:15px 20px; border:1px solid #e4e4e4; border-top:0} .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#903a33} .product-options-bottom .tier-prices li { background:0; padding:2px 0} .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color:#903a33} .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:right} .product-shop .product-options-bottom { margin:0 0 10px} .product-shop .product-options-bottom .price-box { float:left; margin:0 0 5px} .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 { clear:both; float:left; padding-top:12px} .product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right} /* 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 { border-bottom:0; padding:0; margin:0 0 8px} .product-view .box-up-sell .products-grid { width:100%; border:1px solid #e5dcc3} .product-view .box-up-sell .products-grid td { width:25%;border-right:1px solid #e5dcc3; border-bottom:1px solid #e5dcc3; padding:15px 10px 12px; line-height:1.6em} .product-view .box-up-sell .products-grid tr.last td { border-bottom:0} .product-view .box-up-sell .products-grid td.last { border-right:0} .product-view .box-up-sell .products-grid td img {} .product-view .box-up-sell .products-grid .product-image { text-align:center} .product-view .box-up-sell .products-grid td.empty { border-right:0} .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 { font-size:13px} .product-view .box-tags .product-tags { display:block; margin:0 0 15px} .product-view .box-tags .product-tags li { display:inline; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_pipe3.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; font-size:13px; font-weight:bold; margin:0 0 5px; color:#0a263c} .product-view .box-tags .form-add .input-box { float:left;margin:0 5px 0 0;padding:0 0 0 23px;width: auto !important} .product-view .box-tags .form-add input.input-text { width:160px} .product-view .box-tags .form-add button.button span { border-color:#903a33; background:#903a33} .product-view .box-tags .note { margin:3px 0 0; padding:0 0 0 23px; 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 { font-size:13px; font-weight:normal} .product-view .box-reviews .form-add h3 span { font-weight:bold} .product-view .box-reviews .form-add h4 { font-size:12px} .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:615px; 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:12px; line-height:21px} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:0; font-size:1em; font-weight:normal} .product-name a { color:#903a33} .featured_brands .item:hover .product-name a { color:#1E7FC6} /* Product Tags */ .tags-list { display:block; font-size:13px; border:1px solid #c1c4bc; background:#f8f7f5; 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://www.socks4life.com/skin/frontend/default/socks4life_20141229/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 -22px 0} .page-sitemap .links a { text-decoration:none; position:relative;color: #444444;border:none;padding:0} .page-sitemap .links a:hover { text-decoration:underline} .page-sitemap .sitemap { margin:12px} .page-sitemap .sitemap a { color:#1b2d3b} .page-sitemap .sitemap li { margin:3px 0} .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold} .page-sitemap .sitemap li.level-0 a { color:#1e7ec8} .page-sitemap .pager .amount{float: right} /* RSS */ .rss-title h1 { background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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:0 0 12px} .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:12px} /* Shopping Cart Table */ .cart-table th { padding:2px 10px} .cart-table td { padding:10px} .cart-table .product-name { font-weight:bold; margin:0 0 5px; color:#2f2f2f} .cart-table .item-msg { margin:5px 0; font-size:12px; font-weight:bold; color:#df280a} .cart-table tfoot td { padding:5px 10px} .cart-table .btn-continue { float:left; margin-top: 10px} .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span {} .cart-table .btn-update, .cart-table .btn-empty { float:right;margin-top: 10px} .cart-table .btn-update { margin-left:10px} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals {} .cart .cart-collaterals .col2-set { float:left} .cart .cart-collaterals .col2-set .col-2 {/* width:294px; */} .cart .crosssell { border:1px solid #D0CBC1; /*background:#fafaec;*/ padding:12px 15px; margin-bottom:10px} .cart .crosssell h2 { font-size:13px; font-weight:bold} .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #d0cdc9} .cart .crosssell .product-details { margin-left:90px} .cart .crosssell .product-name { font-weight:bold} .cart .crosssell li.item { margin:12px 0} .cart .crosssell .link-compare { font-weight:normal} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { border:1px solid #d0cbc1; background:#fff; padding:12px 15px; margin:0 0 18px} .cart .discount h2, .cart .shipping h2 { background-position:0 0; background-repeat:no-repeat; font:bold 12px Verdana,Geneva,sans-serif; padding:0 0 0 21px; color:#333; text-transform:uppercase} .cart .discount button span, .cart .shipping button span {} .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} .cart .discount h2 { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_discount.gif)} .cart .discount .input-box { margin:8px 0 0; width:260px} .cart .discount input.input-text { width:254px} .cart .shipping h2 { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_shipping.gif)} .cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_divider1.gif) 0 0 repeat-x} /* Shopping Cart Totals */ div .cart .totals {background:#eee; border:1px solid #bebcb7; float: right} .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:15px} .cart .totals .checkout-types { font-size:13px; padding:8px 15px 15px; text-align:right} .cart .totals .checkout-types li { clear:both; margin:10px 0} /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic} .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; border:1px solid #ddd; background-color:#f6f6f6} .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase} .truncated .show .item-options { top:-20px; left:50%} .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; color:#666; cursor: pointer} .sp-methods .price { font-weight:bold} .sp-methods .form-list { padding-left:20px} .sp-methods .form-list li { margin:0 0 8px} .sp-methods select.month { width:154px; margin-right:10px} .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:12px; 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://www.socks4life.com/skin/frontend/default/socks4life_20141229/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 { font-size:12px; font-weight:bold; color:#e87403} .gift-messages p.control { color:#8e8d8b} .gift-messages-form { position:relative} .gift-messages-form label { float:none !important; position:static !important} .gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403} .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; font-weight:bold; text-align:center; color:#8a8987} .gift-messages-form .item .details { margin-left:90px} .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; 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:494px} .gift-message-link { font-size:12px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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://www.socks4life.com/skin/frontend/default/socks4life_20141229/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 12px} .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 { background:#fbfaf6 url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px} .info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px} .info-set h3, .info-set h4 { font-size:13px; font-weight:bold; color:#903a33} .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal} .info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative} .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 { color:#903a33} .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:0;border:0;padding:0;margin:0 0 5px} .block-progress .block-title strong{font-size:13px;color:#0a263c} .block-progress .block-content{background:0} .block-progress dt{font-size:13px;font-weight:bold;line-height:1.35;background:#FFF;border:1px solid #a3aeb3;margin:0 0 6px;padding:2px 8px;color:#999} .block-progress dd{background:#FFF;border:1px solid #a3aeb3;border-top:0;padding:8px 13px;margin:0 0 6px;color:#FFF} .block-progress dt.complete{margin:0;background:#ddd;color:#333} .block-progress dd.complete{color:#333} .block-progress p{margin:0} .block-progress .cards-list dt{background:0;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} .opc .buttons-set{margin-top:0;padding-top:2em} .opc .buttons-set p.required{margin:0;padding:0 0 10px} .opc .buttons-set .back-link small{display:none} .opc .buttons-set .back-link a{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_arrow-top.gif) 0 50% no-repeat;padding-left:16px} .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 {} .opc .step-title{border-width:0 1px;border-style:solid;border-color:#fff #d9dde3 #d9dde3;border-bottom:1px solid #ccc;padding:4px 8px 6px;text-align:right} .opc .step-title .number{float:left;background:#fff;border:1px solid #fff;padding:0 4px;margin:0 5px 0 0;font:bold 12px Verdana,Geneva,sans-serif;color:#999} .opc .step-title h2{float:left;margin:0;margin-top:1px;font:bold 12px Verdana,Geneva,sans-serif;color:#999} .opc .step-title a{display:none;float:right;font-size:12px;line-height:16px} .opc .allow .step-title{background:#ddd;border:1px solid #eee;border-bottom:0;color:#FFF;cursor:pointer} .opc .allow .step-title .number{background:#666;border-color:#000;color:#FFF} .opc .allow .step-title h2{color:#444} /*.opc .allow .step-title a { display:block}*/ .opc .active .step-title{background:#d5e5f2;border:1px solid #bbafa0;padding-bottom:5px;cursor:default} .opc .active .step-title .number{background:#666;border-color:#000;color:#fff} .opc .active .step-title h2{color:#444} /*.opc .active .step-title a { display:none}*/ .opc .step{border:1px solid #bbafa0;border-top:0;background:#fbfaf6 url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_checkout.gif) 0 0 repeat-x;padding:15px 30px;position:relative} .opc .step .tool-tip{right:30px} #opc-login .buttons-set { border-top:0} #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase} #opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f} #opc-shipping_method .buttons-set { border-top:0} .opc .gift-messages-form { margin:0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px} .opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto} #opc-review .step { border:0; padding:0} #opc-review .product-name { font-weight:bold; color:#0a263c} #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-progress {margin:0 0 20px} .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #ccc; padding:2px 0 10px;line-height:15px;text-align:center; color:#ccc;min-width:98px} .checkout-progress li.active { border-top-color:#903a33; color:#903a33} .multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px} .multiple-checkout h3, .multiple-checkout h4 { font-size:13px; font-weight:bold; color:#903a33} .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal} .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important} .multiple-checkout .data-table .product-name a { font-weight:bold !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 #bbb6a5; margin:0 0 25px; padding:20px} .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#F9D9D4; border-bottom:1px solid #bbafa0; position:relative} .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 { color:#903a33} .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; height:57px; padding:14px 21px 0 0} .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:#903a33} .multiple-checkout .place-order .grand-total button.button span { font-size:16px; padding:10px 8px} .multiple-checkout .place-order .grand-total button.button span span { padding:0px} /* Step 1 */ .multiple-checkout .title-buttons button.button span { border-color:#903a33; background:#903a33} #multiship-addresses-table td { padding:10px} #multiship-addresses-table tfoot td { padding:5px 10px} #multiship-addresses-table tfoot button.button span { border-color:#903a33; background:#903a33} /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden} .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:445px} .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px} .checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be;padding:13px; position:relative} .checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_sp-methods.gif) 0 0 no-repeat; overflow:hidden; display:none} /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content { min-height:345px; padding:14px 21px; background:#faf7ee url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_login-box.gif) 0 0 repeat-x; border:1px solid #bbb6a5;/* border-bottom:0;*/ } .account-login .content h2 { font-weight:bold; font-size:13px; margin:0 0 14px; padding:0 0 5px 23px; border-bottom:1px solid #ddd; background-position:0 1px; background-repeat:no-repeat; text-transform:uppercase; color:#444} .account-login .new-users h2 { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_page1.gif)} .account-login .registered-users h2 { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_page2.gif)} .account-login .buttons-set { border:1px solid #bbb6a5; border-top:0; margin:0; padding:8px 13px; background:#eef6ff url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_buttons-set1.gif) 0 0 repeat-x} .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://www.socks4life.com/skin/frontend/default/socks4life_20141229/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 { background:#F9D9D4; 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://www.socks4life.com/skin/frontend/default/socks4life_20141229/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 #903a33; background:#903a33; padding:0 8px; font:bold 12px Verdana,Geneva,sans-serif; 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 8em 1.5em 0} .dashboard .welcome-msg p { margin:0} .dashboard .col2-set { margin:0 0 15px} /* General Box */ .box-account { border:1px solid #ccc; border-color:#ccc #999 #999 #ccc; padding:15px; margin: 0 0 20px} .box-account .box-head { border-bottom:1px solid #d9dde3; margin:0 0 10px; text-align:right} .box-account .box-head h2 { float:left; margin:0; font-size:13px; font-weight:bold; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; padding-left:21px; color:#333} .dashboard .box .box-title { background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 2px; margin:0 0 8px; text-align:right} .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:bold; margin:0} /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_folder-table.gif)} /* Block: Account Information */ .dashboard .box-info .box-head h2 { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_ma-info.gif)} .dashboard .box-info h4 { font-size:12px; font-weight:bold; text-transform:uppercase} /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_ma-reviews.gif)} .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c} .dashboard .box-reviews .details { margin-left:20px} .dashboard .box-reviews li.item { margin:0 0 7px} .dashboard .box-reviews li.item.last { margin:0} .dashboard .box-reviews .ratings { margin:7px 0 0} /* Block: Tags */ .dashboard .box-tags .box-head h2 { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/i_ma-tags.gif)} .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c} .dashboard .box-tags .details { margin-left:20px} .dashboard .box-tags li.item { margin:0 0 7px} .dashboard .box-tags li.item.last { margin:0} .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline} /********** Dashboard > */ /* Address Book */ .addresses-list h2 { font-weight:bold; font-size:13px; color:#333; text-transform:uppercase} .addresses-list h3 { font-weight:bold; font-size:13px} .addresses-list address { margin:0 0 3px} .addresses-list p { margin:0} .addresses-list a { font-weight:bold} .addresses-list .link-remove { color:#646464} .addresses-list .separator { margin:0 3px} .addresses-list li.item { border:1px solid #ccc; padding:10px 13px; margin:0 0 10px} .addresses-list li.empty { background:none; border:0; padding:0} .addresses-list li.empty p { font-weight:bold} .addresses-list .addresses-additional li.item { background:none; border:0; padding:0} /* Order View */ .order-info { background:#F9D9D4; border:1px solid #d0cbc1; padding:4px 8px; margin:0 0 8px} .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 {/* background:#fff url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_block-title.gif) 0 0 repeat-x; */border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px} .order-info-box h2 { font-weight:bold; font-size:13px} .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 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 5px; color:#0a263c} .order-items .product-name { font-size:1em !important; font-weight:bold !important} .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 { font-size:16px; font-weight:bold} .page-print h2, .page-print h3 { font-size:13px; font-weight:bold} .page-print h2.h2 { font-size:16px; font-weight:bold} .page-print .order-date { background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/bkg_divider1.gif) 0 100% repeat-x; 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} .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 { border-color:#903a33; background:#903a33} #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:12px; 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 { font-size:12px; margin:0 0 3px; color:#2f2f2f} .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:#F9D9D4; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px} .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://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px} .map-popup-close { background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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-container { margin-top: 30px} .footer { margin:0 auto; padding:20px 0 30px; text-align: left } .footer a { color:#fff; text-decoration: underline; font-size:12px} .footer a:hover { text-decoration:none; color: #fff; } .footer address { margin:15px 0 0 0; font:12px Verdana, Geneva, sans-serif;display:inline} .footer address a { color:#ecf3f6; text-decoration:underline} .footer address a:hover { text-decoration:none} .footer .header, .footer-container .footer .block-title { background: #002f43; /* Old browsers */ font-weight: bold; margin-bottom: 3px; padding: 3px 5px } .footer li { padding: 3px 5px; margin-bottom: 3px; } .footer-container .bottom-container { margin:0 0 5px} /* ======================================================================================= */ /* Sample Data============================================================================ */ .home-callout { margin-bottom:12px} .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px} .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://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x} .best-selling tr.even { background:#fff url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/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:12px} .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, .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} /* overwrite codings */ .links{width:auto; text-align: center; } .links a{text-transform: uppercase; text-decoration:none; font-weight:normal; margin:5px 0; padding: 0 25px; border-left:1px solid #EFECE5;display: inline-block; color:#e9e6de} .header-top-container .links a{font-size: 13px; line-height: 14px; color:#333;border-left: 1px solid #bbb; transition: 1s} .header-top-container .links a:hover{color:#666;text-decoration: underline;} .links .first a { border-left: 0; } .links a:hover{color:#e9e6de} .bscclearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden} .links li{ line-height: 45px;} /* #search_mini_form .form-search{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/search.png) no-repeat; width:245px;margin: 10px auto 0; padding:5px} #search_mini_form .form-search label{display:none} #search_mini_form .form-search input, #search_mini_form .form-search button{float:left} #search_mini_form .form-search input{width:220px; border:medium none; background:#faf9f6; box-shadow:none; font: 12px Verdana, Geneva, sans-serif; color:#a39d9b} #search_mini_form .form-search input, #search_mini_form .form-search button, #search_mini_form .form-search button span{ border: none; background: none} #search_mini_form .form-search button span{ padding:0; font-size:0px; color:#faf9f6} #search_mini_form .form-search button{width:20px; height:20px} /*#search_mini_form{ margin:0;float: right;width:254px}*/ .toplink3, .toplink4, .toplink5{} .quick-access .links li{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/dot.png) left 7px no-repeat; border:medium none;padding: 0} .quick-access .links li a{ padding:0 0px 0 10px; border: medium none; font-weight:normal; color:#444340} .quick-access .links li.toplink1 a{padding:0 10px} .lock{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/lock.png) no-repeat; padding:0 0 0 20px;margin: 0 0 0 10px} .header-top .search{float:right !important} .mycartcheck{float: right; margin-top: 10px; width: auto; text-align: center; background: rgba(255, 255, 255, 0.8); padding: 3px 1px} .mycartcheck li{ display:inline; margin-left: 5px; } .mycartcheck li a{text-decoration:none;color: #333;font-weight: bold} .mycart{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/cart.png) left center no-repeat; padding:5px 10px 5px 21px} .account{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/i_ma-info.gif) left center no-repeat; padding:5px 10px 5px 23px} /* .checkout{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/checkout.png) left center no-repeat; padding:10px 10px 10px 21px} */ .footer .block-title{color:#FFF;text-align: left;margin-bottom: 7px; } .foot_pipe{background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/footer_pipe.png) right center no-repeat} .footer-block label{display: block; text-align:left; clear:both;margin: 10px 0; color: #fff} .footer .links a{font:12px Verdana, Geneva, sans-serif; color:#444341; padding:0 5px; border:medium none} .footer .toplink5{display:block !important} .footer .links li, .footer .links li a{ float:none; display:inline !important;border: medium none} .sharelinks .block-title{padding-left:26%} .last_bg a{padding: 0 !important} .featured_brands_container{margin-bottom:20px} .featured_brands li{border:1px solid #e4dfd4; padding:10px; position:relative} /*.featured_brands li:hover{box-shadow:0 0 12px 0 #333333}*/ .box-shadow{ border-top: 1px solid #ddd; position:absolute; bottom:-19px; width:90%; left:2%; height:18px} .newsletter_bg .input-box{float:left} .cms-home .col-main .page-title{display:none} .featured_brands_container .product-name{text-align:center; background:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/dot_border.jpg) repeat-x; padding-top:10px; margin-top:5px} .featured_brands_container .product-name a{ font: bold 12px Verdana, Geneva, sans-serif; color:#444340; text-transform:uppercase} .featured_brands .product-image{display:block; /*max-width:170px;*/ margin:0 auto} #myCarousel.carousel{margin-bottom:0} .home_banner{background:#FFF; padding:0px 0} .account-login.span4 {float: none;margin: 5% auto} .cart form{display:block} .cart-table-form, .responsive_table, #wishlist-view-form{display: block;overflow-x: auto; width:100%;padding-bottom:5px} .cart .cart-collaterals .col2-set .col-2{/*float: none;margin: 0 auto;*/} .row-fluid .span3{*width:20.35% !important} a:hover{ color:#1E7FC6} .product-name a:hover{ color:#1E7FC6} .product-shop a.lead-times, a.lead-times { font-weight: bold; color: #833129} /*.category-products .regular-price .price{ font:17px !important}*/ /* Back to Top */ #back-top { position: fixed; bottom: 10px; right: 10px; z-index: 5; display: none; } #back-top a { width: 30px; display: block; text-align: center; font: 12px Verdana,Geneva,sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; font-size:0; } #back-top a:hover { color: #000; } /* arrow icon (span tag) */ #back-top span{width:30px;height:30px;display:block;margin:0 auto 7px;background:#004e7f url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/up-arrow_mobile.png) no-repeat center center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms} #back-top a:hover span { background-color: #000; } /* Bootstrap added new coding */ .mobMenu{padding: 0; margin: 10px 0} .mobMenu .btn-navbar{ padding:5px 10px} .mobMenu .btn-navbar .icon-bar {background-color: #F5F5F5;border-radius: 1px 1px 1px 1px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);display: block;height: 2px;width: 18px} #menuInnner{width:100%;margin-top:9px} #menuInnner ul ul li{ padding-left:10px} .mobMenu #menuInnner li a.level-top { font-weight: bold; } .mobMenu #menuInnner li a{padding: 9px 15px;border-radius: 3px 3px 3px 3px; text-align:left; text-decoration:none; display:block; color:#444340} .mobMenu #menuInnner li a:hover{background-color: #e5f3fc; color:#333} .mobMenu .container { padding: 10px 0; background: #fff; } .mobMenu h2 { text-align: left; margin-left: 10px;} .mobMenu .mycartcheck { float: none; margin: 12px auto; clear: both; } /* Changes */ .header-top-container {background:#fff; border-bottom: 1px solid #04274f } .sharelinks img{padding:0 10px 0 0} .footer-container { color: #fff; background: #245582; /* Old browsers */ background: -moz-linear-gradient(top, #245582 0%, #437db1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245582), color-stop(100%,#437db1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #245582 0%,#437db1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #245582 0%,#437db1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #245582 0%,#437db1 100%); /* IE10+ */ background: linear-gradient(to bottom, #245582 0%,#437db1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245582', endColorstr='#437db1',GradientType=0 ); /* IE6-9 */ } .footer ul { margin-bottom: 20px} #menuInnner li{position:relative; border: 1px solid #ccc; border-width: 0 1px 1px} #menuInnner li li { border-width: 0 0 1px} #menuInnner li li.last { border-width: 0} #menuInnner ul { border-top: 1px solid #ccc} em.open-close{position:absolute; right:5px;;height:37px; top:0; background:url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/arrow_open.png") no-repeat scroll center center transparent; width:25px; cursor:pointer} .header-top.container .span6{margin:0} .featured_brands ul{padding:0} .std p{margin:10px 0} .featured_brands_container .subtitle, .newproducts_container .subtitle, .newproducts_subtitle{margin:0 0 15px;line-height: 20px} .featured_brands.row-fluid .span3{margin-left:2.1%;*margin-left:2%} .newproducts .products-grid{background:url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/newproducts_pipe.jpg") no-repeat scroll right center transparent;*margin-left:0px !important} .newproducts .products-grid.last{background:none} .newproducts .products-grid li.item{clear:both; float:none;list-style:none outside none} .newproducts .products-grid li.item:after, ul.products-grid li.item:after{clear:both; content:"."; display: block; height:0; visibility: hidden} .scrollable {overflow-x: scroll;overflow-y: hidden} div.table-wrapper {border-right: 1px solid #CCCCCC;margin-bottom: 20px;overflow: hidden;position: relative} .webks-responsive-table dt, .webks-responsive-table dd{text-align:center!important;display:inline;padding: 0 10px} .webks-responsive-table dt, .webks-responsive-table dd .link-wishlist{display:none} .webks-responsive-table .col-0{text-align:left!important} .cart-table .link-wishlist{font-weight:normal} .multiple-checkout .page-title{padding-bottom:5px} .block-account .block-content li, .block-account .block-content li.current strong{font-weight: bold;} .crosssell .link-wishlist{font-weight:normal} .clear{clear:both} .store_languages_search_con {float: right;width: 300px} .cms-home .main{padding: 15px 0 0; } .browse_all{font:12px Verdana,Geneva,sans-serif; text-align:right;padding-top: 20px;padding-bottom: 10px} .browse_all ul, .browse_all li, .browse_all a{display: inline; color:#444340; list-style:none} .browse_all a{ padding:0 10px;background:url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/browse_all_pipe.jpg") no-repeat scroll right center transparent} .browse_all li.last a{background:none;padding-right:0} .store_languages{float:left; margin:13px 0} .toolbar label, .toolbar input, .toolbar select{font-size: 12px} .category-title{display:none} .category-title.innerheading{display:block} a.return_previous_page{ float:right; line-height: 18px;} a.return_previous_page span { font-size: 14px} #cart-sidebar .product-name a:hover {color: #444} .v-base_line{vertical-align: baseline} .view-mode .grid{font-size:0;padding: 10px;vertical-align: middle} .view-mode .list{font-size:0;padding: 10px 17px;vertical-align: middle} .view-mode a.grid { background: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/list_grid_sprite.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0); } .view-mode strong.grid, .view-mode a.grid:hover { background: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/list_grid_sprite.png") no-repeat scroll 0 -40px rgba(0, 0, 0, 0); } .view-mode a.list { background: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/list_grid_sprite.png") no-repeat scroll 0 -19px rgba(0, 0, 0, 0); } .view-mode a.list:hover, .view-mode strong.list { background: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/list_grid_sprite.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0); } .products-list .add-to-links a{font-weight: normal!important; margin-top:10px} .list_item_pad{padding:20px 15px 20px 0} .block .block-content #block-mostviewed li.item{background: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/dot_border.jpg") repeat-x scroll center bottom transparent; padding: 7px 0 2px} .block .block-content #block-mostviewed li.item.last, .products-grid.last .box-shadow{background: none} .poduct_shop_padding{border:3px solid #d5d5d5; padding:15px} .row-fluid .product-shop.span8{float: right} #nav .custom_menu_links ul{position: static;border:none;width: auto} #nav .custom_menu_links ul li{ border:none; float:left} #nav .custom_menu_links ul li a span{padding: 0px} #nav .custom_menu_links ul li a{ font-weight:bold !important} div.mdl-overlay {background: none repeat scroll 0 0 black;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 1500} div.mdlajax-progress, div.mdlajax-confirm {background: none repeat scroll 0 0 #FFFFFF;border: 4px double #E6E6E6;box-shadow: 0 0 9px 1px #666666;padding: 10px;z-index: 1501} div.mdlajax-confirm div.mdlajax-checkout-img {background: none repeat scroll 0 0 #FFFFFF;border: 3px double #E6E6E6;float: left;margin-right: 10px;padding: 4px} .mdl-cart-bts{margin-top: 10px} div.mdlajax-confirm .success-msg {background: none repeat scroll 0 0 transparent;border: medium none !important;color: #000000;padding: 8px !important;text-align: left} .qty_pan{position:relative;float: left} .qty_pan .add{font-size:0; cursor:pointer} .qty_pan .inc{background: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/qty_up_arow.png") no-repeat; position:absolute; right:10px; top:6px; width:7px; height:11px} .qty_pan .dec{background: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/qty_down_arow.png") no-repeat scroll left bottom transparent; position:absolute; right:10px; bottom:7px; width:7px; height:11px} .product-shop .add-to-cart .qty{padding: 5px 15px 5px 5px;width: 30px !important} .product-shop a{color:#444340} .product-shop a:hover{/*color:#903a33;*/} .topprice_con .availability, .removeaddcart_con button.button.btn-cart, .sku_stock_con .price-box, .add_to_cart_links_con .qty_label, .add_to_cart_links_con .qty_pan{display:none} .review_email_con, .qty_con, .add_to_cart_con{float:left}.topprice_con, .sku_stock_con, .add_to_links_con{float:right} .sku_stock_con label, .sku_stock_con p{color:#8c8c8c;font-size: 12px} .add-to-cart button.button span{background:url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/add_to_cart.png") no-repeat scroll 15px center #006012;padding:15px 15px 15px 50px; color:#FFF;border: medium none;font: bold 18px;text-transform: uppercase} .add-to-cart button.button span span{background: none; padding:0} .share_con li{display:inline;padding-right: 5px} .share_con li:hover a{opacity:0.8;filter:alpha(opacity=80%)} .more-views{overflow: hidden;padding:0 25px} .more-views .jcarousel-clip.jcarousel-clip-horizontal{overflow: hidden} .more-views .jcarousel-prev.jcarousel-prev-horizontal{background:url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/toolbar_arrow_left.jpg") no-repeat; width:20px; height:27px;position: absolute;left: 0px !important;top: 15px} .more-views .jcarousel-next.jcarousel-next-horizontal{background:url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/toolbar_arrow_right.jpg") no-repeat;width:20px; height:27px;position: absolute;right: 0px !important;top: 15px} .padder{border: 3px solid #D5D5D5;padding: 20px;clear: both;min-height: 150px} .product-view .tabs{border-bottom:none; margin:0} .product-view .tabs li{border: 3px solid #D5D5D5;margin:0 10px 0 0;position:relative;top:3px;background: none repeat scroll 0 0 transparent !important;float: left} .product-view .tabs li.active{border-bottom-color:#FFF} .product-view .tabs li a{color:#FFF;background: none repeat scroll 0 0 #903a33;font:12px Verdana,Geneva,sans-serif!important;padding:10px; text-transform: uppercase;display: block} .product-view .tabs li.active a, .product-view .tabs li.active a:hover {background:#FFF;color: #333333} .padder .box-collateral{width:100%;overflow:auto} #narrow-by-list li, #narrow-by-list li a{font-size:13px} .sales-guest-form #oar_widget_orders_and_returns_form .input-box{text-align: left !important; width: auto !important;float:none !important; margin: 0pt auto !important} .sales-guest-form #oar_widget_orders_and_returns_form li{padding-bottom:5px} .sales-guest-form #oar_widget_orders_and_returns_form li:after{clear:both; content:"."; display:block; visibility:hidden; height:0} /* Quick Find Block */ #sales-banner .home-small-banner{width: 480px; height: 90px; display: block; margin-bottom: 11px} #sales-banner .home-small-banner a{width: 100%; height: 100%; display: block} #sales-banner .quick-find{width: 480px; height: 202px; display: block; position: relative; background: url('https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/tfs-quickfind-block.png') 0 0 no-repeat} #sales-banner .quick-find .select-container{width: 248px; height: 44px; display: block; position: absolute; left: 23px; top: 123px} #sales-banner .quick-find .select-container select{width: 120px; height: 20px; line-height: 18px; display: block; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #555} #sales-banner .quick-find .select-container select.left{float: left; margin-bottom: 4px} #sales-banner .quick-find .select-container select.right{float: right} #sales-banner .quick-find .sizing-chart{position: absolute; left: 160px; top: 170px} #sales-banner .quick-find .sizing-chart a{color: #fff} #sales-banner .quick-find .btn-find-my-hat{width: 178px; height: 48px; display: block; position: absolute; top: 119px; left: 282px; cursor: pointer; background: none; border: none} .featured-block{height: 134px; display: block; background: #e8ebec; padding: 12px 14px 0 14px; text-align: center; max-width: 270px; margin: 0 auto} .featured-block a{width: 100%; height: 100%; display: block; cursor: pointer} .featured-block h3 { font-size: 15px; text-align: left; border-bottom: 1px solid #ccc; margin: 0 0 8px } .featured-block h3 span{float: right; font-weight: bold; color: #7d2e26; font-size: 11px; line-height: 15px} .featured-block-top{margin-bottom: 21px} .guide-row{ display: block; background: #e8ebec; text-align: center; max-width: 270px; margin: 0 auto; margin-top: 10px; position: relative} .guide-row a{ display: block; cursor: pointer} .guide-row h3 { font-size: 15px; text-align: left; border-bottom: 1px solid #ccc; margin: 12px 14px 8px } .guide-row img { margin-bottom: 5px} .guide-row a span{position: absolute; bottom: 3px; right: 9px; color: #903a33; font-weight: bold; font-size: 13px} h2.front-h2 { padding: 35px 10px 5px; 4px 10px; color: #444340; border-bottom: 1px solid #E4DFD4} h2.front-h2 .view-all {float: right; font-size: 14px} div.flag-hr {background: #f0ece3 url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/top_links_bg.png) center center repeat-x;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;margin: 25px 10px 20px; opacity: 0.7} div.flag-hr h3 { background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/flag-hr.png) center left no-repeat; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; padding: 0 0 0 70px; color: #fff; line-height: 36px; font-weight: normal; font-size: 15px} .cart-table .product-image img { max-width: none} .checkout-types button.button span, .add-to-cart button.button span{background-image:url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/shoe_store/add_to_cart.png"); background-repeat: no-repeat; background-position: 15px center; padding:15px 15px 15px 50px; border-width: 2px; color:#FFF;font: bold 18px Verdana;text-transform: uppercase} .checkout-types button.button span span, .add-to-cart button.button span span{background-image: none; padding:0} .shop-with-confidence{padding:10px;text-align:center;background:#e4e7e9;border:1px solid #006493;color:#006394;font-weight:bold;font-size:26px;line-height:29px} .shop-with-confidence ul{text-align:left;color:#000;font-size:12px;font-weight:normal;margin:0 auto;line-height:17px;padding:15px 20px;list-style:disc outside} .shop-with-confidence p{text-align:center} .cms-home .shop-with-confidence { font-size: 20px; line-height: 18px} .cms-home .shop-with-confidence ul { padding: 10px 25px 5px} .cms-home .shop-with-confidence .siteseal-front { float: right; width: 56%; padding: 22px 0 0} .cms-home .shop-with-confidence .free-shipping a { font-size: 15px; font-weight: bold; color: #000 } .main-container ul.stay-connected{padding:0 0 5px;border:1px solid #e8e8e8;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;margin-top:25px;background:#fff url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/stripe_bg.png);list-style-type:none} .main-container ul.stay-connected li{padding:0;height:70px} .main-container ul.stay-connected li a{display:block;height:70px;text-indent:-9999px} .main-container ul.stay-connected li.top{background:url(/images/stay-connected.png) center -7px no-repeat;text-indent:-9999px;height:55px;border-bottom:1px dashed rgba(40,64,92,0.3)} .main-container ul.stay-connected li.facebook{background:url(/images/stay-connected.png) center -65px no-repeat} .main-container ul.stay-connected li.twitter{background:url(/images/stay-connected.png) center -137px no-repeat} .main-container ul.stay-connected li.gplus{background:url(/images/stay-connected.png) center -209px no-repeat} .main-container ul.stay-connected li.blog{background:url(/images/stay-connected.png) center -283px no-repeat} .cms-home .main-container ul.stay-connected{margin-top: 0} #cart-sidebar-reorder p.product-name{margin-left:40px} .front_blogs img { display: block; margin-bottom: 10px; max-width: 95%; } .front_blogs h3 { font-size: 12px; } .product-image .new-product { position: absolute; top: 10px; left: 0; } .product-shop .sharing { padding: 5px 0 5px; height: 18px;} a.more-colors-available{display:block;margin:0 auto 5px;max-width:170px;text-transform:uppercase;font-weight:bold;color:#000;font-size:10px;text-decoration:none;background:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:1px solid #530200;text-align:center} .product-shop a.more-colors-available{color:#000} a.more-colors-available :hover{color:#000} .special-offers a {font-size: 11px;color: #fff;display: block;padding: 5px;font-weight: bold;} .special-offers a:hover { color:#e9e6de } .front-grid { transition: 0.5s; background: #e8ebec; padding: 0; margin: 5px 5px 20px; border: 5px #fafafa solid } .front-grid { position: relative; } .front-grid img { position: relative; z-index: 10} .front-grid h3 { position: absolute; font-size: 3px; margin: 0; padding: 0; z-index: 0} .front-grid:hover { border-width: 0; } .nav-container { background: #fff; border: 1px solid #04274f; border-width: 1px 0; margin-bottom: 20px;} .cms-home .browse { padding: 10px 0 20px; } .cms-home .browse .span3, .cms-home .browse .span4 { background-position: 50% 50%;background-size: cover;background-repeat: no-repeat; height: 200px; line-height: 200px; text-align: center; } .cms-home .browse a { color: transparent; position: relative; cursor: pointer; display: block; font-size: 30px; font-weight: normal; font-family: Verdana, sans-serif; text-transform: uppercase; height: 100%; text-shadow: none} .cms-home .browse a:hover { text-decoration: none; background-color:rgba(0,0,0,0.2); color: #fff; text-shadow: black 0.1em 0.1em 0.2em} .cms-home .browse a span { height:30px; color: #fff; line-height:30px; position: absolute; bottom: 0; display: block; width: 100%; text-align: center; background-color:rgba(4,27,62,0.9); text-shadow: none; font-size: 14px; font-weight: bold;} .cms-home .browse-mens-dress { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/mens-dress-socks.jpg); } .cms-home .browse-knee { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/knee-socks.jpg); } .cms-home .browse-boot-liners { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/boot_liners.jpg); } .cms-home .browse-diabetic { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/category_medical.jpg); } .cms-home .browse-winter { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/thermal-socks.jpg); } .cms-home .browse-slouch { background-image:url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/slouch-socks.jpg); } .padder{border:3px solid #d5d5d5;padding:10px;clear:both;min-height:150px} .product-view .tabs{border-bottom:0;margin:0} .product-view .tabs li{border:3px solid #d5d5d5;margin:0 10px 0 0;position:relative;top:3px;background:none repeat scroll 0 0 transparent !important;float:left} .product-view .tabs li.active{border-bottom-color:#FFF} .product-view .tabs li a{color:#333;background:none repeat scroll 0 0 #eee;font-size:12px;padding:10px;text-transform:uppercase;display:block;text-decoration:none} .product-view .tabs li.active a,.product-view .tabs li.active a:hover{background:#FFF;color:#333} .padder .box-collateral{width:100%;overflow:auto} .sales-guest-form #oar_widget_orders_and_returns_form .input-box{text-align:left !important;width:auto !important;float:none !important;margin:0 auto !important} .sales-guest-form #oar_widget_orders_and_returns_form li{padding-bottom:5px} .sales-guest-form #oar_widget_orders_and_returns_form li:after{clear:both;content:".";display:block;visibility:hidden;height:0} #banner-coupon{background:#d35748;background:-moz-linear-gradient(top,#d35748 0,#823025 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d35748),color-stop(100%,#823025));background:-webkit-linear-gradient(top,#d35748 0,#823025 100%);background:-o-linear-gradient(top,#d35748 0,#823025 100%);background:-ms-linear-gradient(top,#d35748 0,#823025 100%);background:linear-gradient(to bottom,#d35748 0,#823025 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35748',endColorstr='#823025',GradientType=0);padding:3px 15px;color:#fff;font-size:15px;text-align:center;border-bottom:1px solid #bbb} .size-alert{background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/size-alert.png) 4px 5px no-repeat #d9e9ff; height: 30px; padding: 5px 0 5px 40px; border: 1px solid #0044a1; color: #0044a1; font-weight: bold; margin: 10px 0; line-height: 30px; } .product-shop .sharing { border-top: 1px solid #e8e8e8; margin-top: 5px; padding: 10px 0 5px; height: 18px;} .topprice_con .price-box { text-align: right; font-size: 21px; } .topprice_con .price-box .price, .topprice_con .price-box .old-price, .product-shop .price-box .special-price { font-size: 21px; float: none; display: inline; } .topprice_con .price-box .old-price .price { font-size: 12px; } .products-related { margin: 30px 0; } .products-related .products-grid .price-box{ float: none; } .products-related .products-grid .rating-links { font-size: 11px; } .front-h2 h2 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #1f5581 #1f5581 rgba(150, 150, 150, 0.6); border-image: none; border-style: solid solid dashed; border-width: 1px; color: #444; margin: 0; padding: 5px 10px; } .front-h2 h2 a.view-all { color: #000; float: right; font-size: 14px; margin-top: 2px; text-decoration: underline; } .front-h2 h2 a.view-all:hover { color: #000; } .cms-home .category-products { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color #1f5581 #1f5581; border-image: none; border-right: 1px solid #1f5581; border-style: none solid solid; border-width: 0 1px 1px; margin-bottom: 30px; width: auto; } .cms-home .weekly-deal .category-products { border: 0 none; margin-bottom: 0; } .cms-home .category-products .products-grid { background: none repeat scroll 0 0 #fff; border: 0 none; margin: 0 10px 10px; padding: 0 15px; } #category-mens-diabetic-socks a{text-indent:-9000px;float:left;margin:0 12px 12px 0;padding:0;background:url('/images/mens-socks-top.jpg') no-repeat 0 0 transparent;width:365px;height:206px;overflow:hidden} #category-mens-tube-socks a{text-indent:-9000px;float:left;margin:0 12px 12px 0;padding:0;background:url('/images/mens-socks-top.jpg') no-repeat -375px 0 transparent;width:365px;height:206px;overflow:hidden} #category-womens-slouch-socks a{text-indent:-9000px;float:left;margin:0 12px 12px 0;padding:0;background:url('/images/womens-socks-top.jpg') no-repeat 0 0 transparent;width:365px;height:206px;overflow:hidden} #category-womens-diabetic-socks a{text-indent:-9000px;float:left;margin:0 12px 12px 0;padding:0;background:url('/images/womens-socks-top.jpg') no-repeat -375px 0 transparent;width:365px;height:206px;overflow:hidden} #category-knee-socks{margin-right:12px} #category-knee-socks img{display:block} .cat-usa{width:28%;max-width:48px;position:absolute;right:4px;top:10px;z-index:20} .product-img-box .cat-usa{right:8px} p.bold-size{font-size:18px;color:#0a263c;padding:0 5px;margin:0} p.bold-size label{font-size:18px;font-weight:bold;color:#0a263c} .products-grid .color-swatches { margin: 3px 0; clear: both} .products-grid .color-swatches li { display: inline-block; height: 14px; width: 14px; text-indent: -12000px; border: 1px solid #ccc} .products-grid .color-swatches li.heading { border: 0; height: 18px; width: auto; text-indent: 0; margin-right: 4px; } .products-grid .color-swatches li.black { background: black; } .products-grid .color-swatches li.brown { background: #604440; } .products-grid .color-swatches li.blue { background: #33629a; } .products-grid .color-swatches li.navy{ background: navy; } .products-grid .color-swatches li.orange { background: #ffa02f; } .products-grid .color-swatches li.pink { background: pink; } .products-grid .color-swatches li.purple { background: purple; } .products-grid .color-swatches li.light-blue, .products-grid .color-swatches li.carolina-blue { background: #b0d0dd; } .products-grid .color-swatches li.gold { background: #bda986; } .products-grid .color-swatches li.maroon { background: #9e2838; } .products-grid .color-swatches li.red { background: red; } .products-grid .color-swatches li.maroon { background: #9e2838; } .products-grid .color-swatches li.seafoam-green { background: #98d5c2; } .products-grid .color-swatches li.key-lime-green { background: #33bb36; } .products-grid .color-swatches li.green { background: green; } .products-grid .color-swatches li.grey, .products-grid .color-swatches li.gray { background: grey; } .products-grid .color-swatches li.hot-pink { background: #f1009f; } .products-grid .color-swatches li.yellow { background: yellow; } .products-grid .color-swatches li.lime-green { background: #48ff1e; } /*** VARIABLE WIDTH CSS */ @media (max-width: 767px){ .header-top-container, .header-container, .nav-container, .mobMenu, .main-container, .footer-container, .footer-links, .footer_top_arrow, .footer_bot_arrow, .home_banner_container{ margin-left:-18px; margin-right:-18px} .header-container .header .logo { display: block; text-align: center} .links{ float:none;width: auto !important} .links a{border:none !important;padding-bottom: 0} .header-top .bscclearfix{display:inline-block} .header .welcome-msg{text-align:center} .header .quick-access{ padding:0; width:100%;text-align: center} .header .links{width: 170px !important;margin: 0 auto !important;display: block !important} .search_container, .header h1.logo, .header div.logo, .mycartcheck{float: none; margin: 0 auto; margin-top: 20px} .header .form-search { width: 290px; margin: 0 auto} .header .form-search input.input-text { width: 215px} #menuInnner{ width:auto;margin-top:9px; padding: 0 15px} #menuInnner ul ul li{ padding-left:30px} .footer-block, .sharelinks .content{width:300px; margin:0 auto} .footer .span4{padding-bottom:10px} .products-grid.first .product-name{} .products-grid.first li.item.first .product-name{background:none} .home_banner img{/*max-width:300px;*/} .cart .totals{clear:both} .col-left { clear:both} .featured_brands.row-fluid .span3{margin-left:0 !important;margin-bottom: 10px;width: auto} .mousetrap, #track_hint, .return_previous_page{display:none !important} .toolbar .pager{border-bottom:none;text-align: center} .toolbar .sorter{display:none!important} .category-products .products-grid li.item.first{/*margin-left:0;*/} .header-top-container .links a, .header-top-container .links li.last a{background:none; padding: 5px 12px} .store_languages_search_con{float:none !important;margin:0 auto} #back-top{display:none!important} .product-view .product-img-box .product-image-zoom{margin:0 auto} .review_email_con, .add_to_cart_con, .add-to-cart button.button, .topprice_con{float:none!important;text-align: center} .add_to_links_con {float: none!important;margin: 0 auto;text-align: center;width: 150px} .email-friend{display:block; background:none} .more-views{margin-top: 10px} .product-view .tabs li.active{border-bottom:3px solid #d5d5d5 !important;width: 100%} .product-view .tabs li {width: 80%;margin:0 0 5px!important} .header-top-container .links li.last{background:none !important} .product-view, .block{margin: 0px auto 15px; max-width: 500px} .col-right{margin-top:15px} .breadcrumbs ul{display:block; text-align:center} .col2-left-layout .products-grid, .col2-right-layout .products-grid, .products-grid-brand, .newproducts_container{max-width:500px;margin: 0 auto !important} .browse_all, .col-main .std .subtitle, .page-title.category-title h1{text-align:center} ul.products-grid.odd li.item, ul.products-grid.even li.item, .newproducts .products-grid{background:none} ol#products-list{margin: 0 5%} ul.level1-menu{display:block !important} #menuInnner ul ul.level1-menu li{ padding-left:0} #sales-banner .home-small-banner{margin: 0 auto; margin-bottom: 11px; margin-top: 11px} #sales-banner .quick-find{margin: 0 auto} .guide-row { margin: 0 auto !important} .cms-home .browse div.span4 { margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 960px){ .newsletter.span4, .freeshipping.span4 {width: 360px !important} .freeshipping.foot_pipe.span4{background:none} .sharelinks .block-title{display:none} .home_banner img{/*max-width:740px;*/} .featured_brands .product-image{width:auto} .catalog-product-view .span9{width: 518px} .category-products .product-name, .newproducts .product-name{font:bold 15px !important} #block-mostviewed a:after{clear:both; content:"."; display: block; height:0; visibility: hidden} .products-grid .actions, .products-grid .price-box{float:none;text-align:center} .old-price, .special-price{float:none;display:inline} .mini-products-list .product-details{float:left} #block-mostviewed a{width:100%} .category-products.row-fluid [class*="span"]{min-height:0} .category-products .span4{margin:0} .toolbar .pager, .toolbar .sorter{width: 100% !important;text-align: center} .product-view .product-img-box .product-image-zoom{min-height: 221px} .search_container, .header h1.logo, header div.logo, .mycartcheck{float: none; margin: 0 auto} .header .form-search { width: 290px; margin: 0 auto} .header .form-search input.input-text { width: 215px} .header .logo { float: none; margin: 0 auto} .featured-block h3 { font-size: 12px; margin-bottom: 20px } .featured-block h3 span{font-size: 11px} .cms-home .front-blue-blocks { width: 352px} .weekly-deal h2 { padding-left: 10px} .weekly-deal h2.product-name { padding-left: 0} .weekly-deal .list_item_pad { padding: 0 15px 0 0 } .header .form-search .input-text { width: 150px} } @media (min-width: 961px) and (max-width: 1200px){ .category-products.row-fluid [class*="span"]{margin-left:1.5641%} .products-grid .actions, .products-grid .price-box{float:none;text-align:center} .old-price, .special-price{float:none;display:inline} .category-products .products-grid li.item.first {/*margin-left: 10px;*/} .product-view .product-img-box .product-image-zoom{min-height: 436px} #nav a{padding:0 14px} .header .form-search .input-text { width: 140px} #nav li.shop-by-brand ul li a, #nav li.shop-by-style ul li a { font-size: 12px} #nav li.shop-by-brand ul li a { padding-left: 95px} #nav ul li a { font-size: 12px; } .weekly-deal h2.product-name { margin-bottom:23px } .weekly-deal h2 { font-weight: bold; font-size: 13px; margin-bottom: 1px} .cms-home .weekly-deal .list_item_pad { padding: 20px 15px 35px 0} #sales-banner .home-small-banner { width: auto} .checkout-types button.button span { background-position: 8px center; padding: 10px 10px 8px 45px; font-size: 14px} } @media (max-width: 480px) { /*.home_banner_container{display:none}*/ .carousel-control {display:none} .footer .store-switcher{display: block} .header .logo { display: block; text-align: center} #sales-banner { display: none} .guide-row { margin: 0 auto !important} } @media (max-width: 961px){ #sales-banner { display: none} .mobMenu .mycartcheck { display: none; } .topsearch { text-align: center; margin: 10px 0; border: 0} } @media (min-width: 768px) { .mycartcheck{float: none; position: absolute; top: 5px; right: 0; margin-top: 5px; width: auto; text-align: center} } @media (min-width: 960px) { .mobMenu .span6 { margin-left: 0; } .topsearch { position: absolute; top: 95px; right: 0; } .cms-home .span4 { width: 360px; margin: 0 15px; } } @media (min-width: 1200px) { .cms-home .front-blue-blocks { width: 340px} #sales-banner { width: 480px} .weekly-deal .list_item_pad { padding: 0 15px 0 0 } .weekly-deal h2 { margin-bottom: 10px} } /*! * Bootstrap v2.1.1 * * Copyright 2012 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 @twitter by @mdo and @fat. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } .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; } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .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); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left:10px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; margin:0px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 612px; } .banner_left { width:100%; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width:220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .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; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; line-height: 0; content: ""; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; line-height: 0; content: ""; } .container-fluid:after { clear: both; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .muted { color: #999999; } .text-warning { color: #c09853; } .text-error { color: #b94a48; } .text-info { color: #3a87ad; } .text-success { color: #468847; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999999; } blockquote small { display: block; line-height: 20px; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; } 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; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0 0 20px; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; line-height: 20px; color: #555555; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -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 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { /*border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9;*/ /* IE6-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);*/ } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } .radio, .checkbox { min-height: 18px; padding-left: 18px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row { *zoom: 1; } .controls-row:before, .controls-row:after { display: table; line-height: 0; content: ""; } .controls-row:after { clear: both; } .controls-row [class*="span"] { float: left; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853; } .control-group.warning input, .control-group.warning select, .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); } .control-group.warning input:focus, .control-group.warning select:focus, .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; } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48; } .control-group.error input, .control-group.error select, .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); } .control-group.error input:focus, .control-group.error select:focus, .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; } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847; } .control-group.success input, .control-group.success select, .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); } .control-group.success input:focus, .control-group.success select:focus, .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; } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } .control-group.info > label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad; } .control-group.info input, .control-group.info select, .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); } .control-group.info input:focus, .control-group.info select:focus, .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; } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; } input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required: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; } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1; } .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; } .form-actions:after { clear: both; } .help-block, .help-inline { color: #595959; } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; *display: inline; padding-left: 5px; vertical-align: middle; *zoom: 1; } .input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; } .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; font-size: 14px; vertical-align: top; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .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 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; } .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-append .add-on, .input-append .btn { margin-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .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; } .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; } .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; } .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; } .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append { display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; } .form-horizontal .control-group:after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } .form-horizontal .controls:first-child { *padding-left: 180px; } .form-horizontal .help-block { margin-bottom: 0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .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; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table [class*=span], .row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; } .table .span1 { float: none; width: 44px; margin-left: 0; } .table .span2 { float: none; width: 124px; margin-left: 0; } .table .span3 { float: none; width: 204px; margin-left: 0; } .table .span4 { float: none; width: 284px; margin-left: 0; } .table .span5 { float: none; width: 364px; margin-left: 0; } .table .span6 { float: none; width: 444px; margin-left: 0; } .table .span7 { float: none; width: 524px; margin-left: 0; } .table .span8 { float: none; width: 604px; margin-left: 0; } .table .span9 { float: none; width: 684px; margin-left: 0; } .table .span10 { float: none; width: 764px; margin-left: 0; } .table .span11 { float: none; width: 844px; margin-left: 0; } .table .span12 { float: none; width: 924px; margin-left: 0; } .table .span13 { float: none; width: 1004px; margin-left: 0; } .table .span14 { float: none; width: 1084px; margin-left: 0; } .table .span15 { float: none; width: 1164px; margin-left: 0; } .table .span16 { float: none; width: 1244px; margin-left: 0; } .table .span17 { float: none; width: 1324px; margin-left: 0; } .table .span18 { float: none; width: 1404px; margin-left: 0; } .table .span19 { float: none; width: 1484px; margin-left: 0; } .table .span20 { float: none; width: 1564px; margin-left: 0; } .table .span21 { float: none; width: 1644px; margin-left: 0; } .table .span22 { float: none; width: 1724px; margin-left: 0; } .table .span23 { float: none; width: 1804px; margin-left: 0; } .table .span24 { float: none; width: 1884px; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } [class^="icon-"], [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://www.socks4life.com/skin/frontend/default/socks4life_20141229/img/glyphicons-halflings.png"); */ background-position: 14px 14px; background-repeat: no-repeat; } /* White icons with optional class, or on hover/active states of certain elements */ .icon-white, .nav-tabs > .active > a > [class^="icon-"], .nav-tabs > .active > a > [class*=" icon-"], .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { /* background-image: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/img/glyphicons-halflings-white.png"); */ } .dropdown { position: relative; } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { width: 16px; background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; } .icon-folder-open { width: 16px; background-position: -408px -120px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } .dropup, .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .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: #ffffff; 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; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .dropdown-menu a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { color: #ffffff; text-decoration: none; background-color: #0088cc; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; background-color: #0088cc; background-color: #0081c2; background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-repeat: repeat-x; outline: 0; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: #999999; } .dropdown-menu .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; } .open { *z-index: 1000; } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .dropdown-submenu { position: relative; } .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; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; } .typeahead { margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .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); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .btn { display: inline-block; *display: inline; padding: 4px 14px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #333333; 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: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -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); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; 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); } .btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 16px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 2px; } .btn-small { padding: 3px 9px; font-size: 12px; line-height: 18px; } .btn-small [class^="icon-"] { margin-top: 0; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 17px; } .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; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #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); } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #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-image: -moz-linear-gradient(top, #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); } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #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-image: -moz-linear-gradient(top, #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); } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #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-image: -moz-linear-gradient(top, #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); } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #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-image: -moz-linear-gradient(top, #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); } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-image: -moz-linear-gradient(top, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; 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); } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #0088cc; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover { color: #333333; text-decoration: none; } .btn-group { position: relative; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .btn-toolbar .btn-group { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu { font-size: 14px; } .btn-group > .btn-mini { font-size: 11px; } .btn-group > .btn-small { font-size: 12px; } .btn-group > .btn-large { font-size: 16px; } .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; } .btn-group > .btn:last-child, .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; } .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; } .btn-group > .btn.large:last-child, .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; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .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); } .btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .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); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .dropup .btn-large .caret { border-top: 0; border-bottom: 5px solid #000000; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical .btn { display: block; float: none; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical .btn + .btn { margin-top: -1px; margin-left: 0; } .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; } .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; } .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; } .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; } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; 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; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .nav { margin-bottom: 20px; margin-left: 0; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; } .nav > .pull-right { float: right; } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .nav li + .nav-header { margin-top: 9px; } .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list > li > a { padding: 3px 15px; } .nav-list > .active > a, .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list [class^="icon-"] { margin-right: 2px; } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { margin-bottom: -1px; } .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; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; } .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; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #0088cc; } .nav-stacked > li { float: none; } .nav-stacked > li > a { margin-right: 0; } .nav-tabs.nav-stacked { border-bottom: 0; } .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .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; } .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; } .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #ddd; } .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .nav .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; } .nav .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */ .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .nav > .dropdown.active > a:hover { cursor: pointer; } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; background-color: #999999; border-color: #999999; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { border-color: #999999; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both; } .tab-content { overflow: auto; } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd; } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .nav > .disabled > a { color: #999999; } .nav > .disabled > a:hover { text-decoration: none; cursor: default; background-color: transparent; } .navbar { *position: relative; *z-index: 2; margin-bottom: 20px; overflow: visible; color: #777777; } .navbar-inner { min-height: 40px; padding-right: 20px; padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #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); } .navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: ""; } .navbar-inner:after { clear: both; } .navbar .container { width: auto; } .nav-collapse.collapse { height: auto; } .navbar .brand { display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .navbar .brand:hover { text-decoration: none; } .navbar-text { margin-bottom: 0; line-height: 40px; } .navbar-link { color: #777777; } .navbar-link:hover { color: #333333; } .navbar .divider-vertical { height: 40px; margin: 0 9px; border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; line-height: 0; content: ""; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 6px; white-space: nowrap; } .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .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; } .navbar-static-top { position: static; width: 100%; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .navbar-fixed-top { top: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-bottom { bottom: 0; } .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; margin-right: 0; } .navbar .nav > li { float: left; } .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: #333333; text-decoration: none; background-color: transparent; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; 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); } .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; *background-color: #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-image: -moz-linear-gradient(top, #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); } .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } .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); } .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .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: ''; } .navbar .nav > li > .dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .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); } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { top: auto; bottom: -6px; border-top: 6px solid #ffffff; border-bottom: 0; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #555555; background-color: #e5e5e5; } .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .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; } .navbar-inverse { color: #999999; } .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; border-color: #252525; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover { color: #ffffff; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color: #ffffff; background-color: transparent; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .navbar-inverse .divider-vertical { border-right-color: #222222; border-left-color: #111111; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; background-color: #111111; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -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; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; 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); } .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; *background-color: #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-image: -moz-linear-gradient(top, #151515, #040404); background-repeat: repeat-x; border-color: #040404 #040404 #000000; 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); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .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; } .breadcrumb li { display: inline-block; *display: inline; text-shadow: 0 1px 0 #ffffff; *zoom: 1; } .breadcrumb .divider { padding: 0 5px; color: #ccc; } .breadcrumb .active { color: #999999; } .modal-open .modal .dropdown-menu { z-index: 2050; } .modal-open .modal .dropdown.open { *z-index: 2050; } .modal-open .modal .popover { z-index: 2060; } .modal-open .modal .tooltip { z-index: 2080; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 560px; margin: -250px 0 0 -280px; overflow: auto; background-color: #ffffff; 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; -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; } .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in { top: 50%; } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { max-height: 400px; padding: 15px; overflow-y: auto; } .modal-form { margin-bottom: 0; } .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 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } .modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .tooltip { position: absolute; z-index: 1030; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible; font-family:Arial, Helvetica, sans-serif; } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; background-color: #ffffff; 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; } .popover.top { margin-bottom: 10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-right: 10px; } .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; } .popover-content { padding: 9px 14px; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } .popover .arrow, .popover .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow:after { z-index: -1; content: ""; } .popover.top .arrow { bottom: -10px; left: 50%; margin-left: -10px; border-top-color: #ffffff; border-width: 10px 10px 0; } .popover.top .arrow:after { bottom: -1px; left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 0; } .popover.right .arrow { top: 50%; left: -10px; margin-top: -10px; border-right-color: #ffffff; border-width: 10px 10px 10px 0; } .popover.right .arrow:after { bottom: -11px; left: -1px; border-right-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 11px 0; } .popover.bottom .arrow { top: -10px; left: 50%; margin-left: -10px; border-bottom-color: #ffffff; border-width: 0 10px 10px; } .popover.bottom .arrow:after { top: -1px; left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); border-width: 0 11px 11px; } .popover.left .arrow { top: 50%; right: -10px; margin-top: -10px; border-left-color: #ffffff; border-width: 10px 0 10px 10px; } .popover.left .arrow:after { right: -1px; bottom: -11px; border-left-color: rgba(0, 0, 0, 0.25); border-width: 11px 0 11px 11px; } .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; line-height: 0; content: ""; } .thumbnails:after { clear: both; } .row-fluid .thumbnails { margin-left: 0; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; } a.thumbnail:hover { border-color: #0088cc; -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); } .thumbnail > img { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } .thumbnail .caption { padding: 9px; color: #555555; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-info, .badge-info { background-color: #3a87ad; } .label-info[href], .badge-info[href] { background-color: #2d6987; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .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; } } .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); } .progress .bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; 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 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .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); } .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; } .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; } .progress-danger .bar, .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); } .progress-danger.progress-striped .bar, .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); } .progress-success .bar, .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); } .progress-success.progress-striped .bar, .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); } .progress-info .bar, .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); } .progress-info.progress-striped .bar, .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); } .progress-warning .bar, .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); } .progress-warning.progress-striped .bar, .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); } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .accordion-toggle { cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > img { display: block; line-height: 1; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active { left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .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: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { right: 15px; left: auto; } .carousel-control:hover { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { line-height: 20px; color: #ffffff; } .carousel-caption h4 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } .hero-unit { padding: 60px; margin-bottom: 30px; background-color: #eeeeee; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; color: inherit; } .hero-unit p { font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } /*! * Bootstrap Responsive v2.1.1 * * Copyright 2012 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 @twitter by @mdo and @fat. */ .clearfix { display: inline-block; height: 0px; line-height: normal; padding: 0; width: 100%; margin:0px; } .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; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .topLink { border-bottom: 1px solid #CCCCCC; display: inline-block; margin-bottom: 10px; padding: 10px 0; text-align: center; width: 100%; } .header .links { display: inline-block; float: none; margin: 0; } .block-cart.header_cart { display: inline-block; float: none; } .remain_cart { display:none!important; } .currency_detail, .language_detail { background: none repeat scroll 0 0 #FFFFFF; border: medium none; border-radius: 0 0 0 0; box-shadow: none; color: #000000; display: block!important; left: 0; padding: 0; position: inherit; text-align: left; top: 0; width:auto; } .select_lang { display:none; } .language_detail a span { display:none; } .currency_detail a, .language_detail a { float:left; padding-right:5px; width:auto; } .currency_pan { display:none; } .header_currency { float:left; } .currency_detail a span { display:none; } .flagPan { border-top: 1px solid #CCCCCC; display: inline-block; margin-top: 10px; padding: 10px 0; text-align: center; width: 100%; } .header .quick-access { padding-bottom:0px; } .currency_detail a { background:#000; color:#fff; padding:0 3px; margin-left:3px; border:1px solid #000; } .currency_detail a:hover, .currency_icon.selected, .currency_icon.selected { border:1px solid #ccc; background:#fff; color:#000; } .bottomBar { display: inline-block; width: 100%; } .header_currency { float: right; } #search_mini_form { width: 100%; } .header .form-search { display: inline-block; float: none; margin: 10px 0; padding: 6px 8px; width: 275px; } ul.social { display: inline-block; float: none; margin: 10px 0 0; } } @media (min-width: 1200px) { .row { margin-left: -30px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left:10px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span12 { width: 1170px; margin:0px!important; } .caroufredsel_wrapper { left:2px!important; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 766px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width:380px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 1.564102564102564%; *margin-left:1.5109110747408616%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 80.35897435897436%; *width:80.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width:23.4043%; *width:23.023731587561375%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } .mobMenu { display:none; } } @media (min-width: 768px) and (max-width: 979px) { .topLink { border-bottom: 1px solid #CCCCCC; display: inline-block; margin-bottom: 10px; padding: 10px 0; text-align: center; width: 100%; } .header .links { display: inline-block; float: none; margin: 0; } .block-cart.header_cart { display: inline-block; float: none; } .remain_cart { display:none!important; } .currency_detail, .language_detail { background: none repeat scroll 0 0 #FFFFFF; border: medium none; border-radius: 0 0 0 0; box-shadow: none; color: #000000; display: block!important; left: 0; padding: 0; position: inherit; text-align: left; top: 0; width:auto; } .select_lang { display:none; } .language_detail a span { display:none; } .currency_detail a, .language_detail a { float:left; padding-right:5px; width:auto; } .currency_pan { display:none; } .header_currency { float:left; } .currency_detail a span { display:none; } .flagPan { border-top: 1px solid #CCCCCC; display: inline-block; margin-top: 10px; padding: 10px 0; text-align: center; width: 100%; } .header .quick-access { padding-bottom:0px; } .currency_detail a { background:#000; color:#fff; padding:0 3px; margin-left:3px; border:1px solid #000; } .currency_detail a:hover, .currency_icon.selected, .currency_icon.selected { border:1px solid #ccc; background:#fff; color:#000; } .bottomBar { display: inline-block; width: 100%; } .header_currency { float: right; } .header .form-search { } .header .form-search input.input-text { width: 160px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left:0; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 720px; } .span12 { width: 720px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width:100%; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width:100%; margin:10px 0; } .span4 { margin: 10px 0 0; width: 100%; } .footer_top .form-subscribe h3 { display:none; } .footer h3 { font-size: 13px; } ul.promo li { float: left; list-style-type: none; margin-bottom: 10px; margin-right: 14px; width: 32%; } .span3 { width:170px; } .product_right.span3 { width:98%; } .footer_bottom .span3 { margin: 0 10px 0 0; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 1.7624309392265194%; *margin-left: 1.709239449864817%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } .cart .discount input.input-text { width: 190px; } .form-list input.input-text { width: 190px; } .form-list select { width: 196px; } button.btn-checkout span { padding:8px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (max-width: 767px) { body { padding-right: 20px; padding-left: 20px; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-right: -20px; margin-left: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; width: auto; clear: none; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; right: 20px; left: 20px; width: auto; margin: 0; } .modal.fade.in { top: auto; } ul.promo { margin: 10px 0 0; padding: 0; } .quickBtn { display:none; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .mix_inner { max-width:188px!important; margin:0 auto; } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-right: 10px; padding-left: 10px; } .modal { top: 10px; right: 10px; left: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media (max-width: 979px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-right: 10px; padding-left: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #777777; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover { background-color: #111111; } .nav-collapse.in .btn-group { padding: 0; margin-top: 5px; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; display: block; float: none; max-width: none; padding: 0; margin: 0 15px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-right: 10px; padding-left: 10px; } } @media (max-width: 980px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } @media (max-width: 1024px) { .topLink { border-bottom: 1px solid #CCCCCC; display: inline-block; margin-bottom: 10px; padding: 10px 0; text-align: center; width: 100%; } .header .links { display: inline-block; float: none; margin: 0; } .block-cart.header_cart { display: inline-block; float: none; } .remain_cart { display:none!important; } .currency_detail, .language_detail { background: none repeat scroll 0 0 #FFFFFF; border: medium none; border-radius: 0 0 0 0; box-shadow: none; color: #000000; display: block!important; left: 0; padding: 0; position: inherit; text-align: left; top: 0; width:auto; } .select_lang { display:none; } .language_detail a span { display:none; } .currency_detail a, .language_detail a { float:left; padding-right:5px; width:auto; } .currency_pan { display:none; } .header_currency { float:left; } .currency_detail a span { display:none; } .flagPan { border-top: 1px solid #CCCCCC; display: inline-block; margin-top: 10px; padding: 10px 0; text-align: center; width: 100%; } .currency_box, .language-switcher { padding:0px; } .header .quick-access { padding-bottom:0px; } .currency_detail a { background:#000; color:#fff; padding:0 3px; margin-left:3px; border:1px solid #000; } .currency_detail a:hover, .currency_icon.selected, .currency_icon.selected { border:1px solid #ccc; background:#fff; color:#000; } .bottomBar { display: inline-block; width: 100%; } .header_currency { float: right; } } @media (max-width: 420px) { .header .form-search { width: 210px; } .header .form-search input.input-text { width: 142px; } .more-views.jcarousel-container { width: 155px; } .more-views .jcarousel-clip.jcarousel-clip-horizontal { width: 155px; } .more-views .jcarousel-prev.jcarousel-prev-horizontal { left:-20px!important; } .more-views .jcarousel-next.jcarousel-next-horizontal { right:-20px!important; } .header .welcome-msg { float: none; margin: 5px 0; padding:5px 0px; text-align: center; width: 100%; } .phone { display: inline-block; float: none; padding: 2px 25px 2px 32px; } .box-reviews .data-table th { font-weight: normal; padding: 5px; } .box-reviews .data-table td { padding: 0; } .box-reviews .data-table thead th { font-size: 10px; font-weight: normal; padding: 2px; } .box-reviews .data-table { border: 1px solid #E6E6E6; width: 70%; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width: 220px; } .product-view .box-reviews .form-add .form-list .input-box { width: 250px; } .product-tabs li a { font-size: 11px; padding: 5px; } .footer_top .form-subscribe input { width: 175px; } .form-list li.wide input.input-text { width: 235px; } .form-list li.wide .input-box { width: 245px; } .form-list input.input-text { width: 235px; } .form-list select { width: 241px; } .form-list .input-box { clear: both; display: block; width: 250px; } .form-list .field { float: left; width: 235px; } #cloud-zoom-big { display:none!important; } .fancybox.quickllook { display:none!important; } .cart .discount, .cart .shipping { /* width: 94%;*/ } .cart .totals { border: 1px solid #E6E6E6; float: left; } .quickBtn { display:none; } .mousetrap { display:none!important; } #checkout-step-login .col2-set .col-2 { float: right; width: 100%; } #checkout-step-login .col2-set .col-1 { float: left; width: 100%; } } /*4 products*/ @media (min-width:1201px) and (max-width:1600px) { .products-grid.ajaxMdl4 .item.span4 { width:200px; } } @media (min-width:1001px) and (max-width:1200px) { .products-grid.ajaxMdl4 .item.span4 { min-height: 360px; width: 330px; } } @media (min-width:600px) and (max-width:1000px) { { min-height: 360px; width: 250px; } } @media (min-width:600px) and (max-width:800px) { .cart .discount, .cart .shipping { width: 94%; } .cart .totals { border: 1px solid #E6E6E6; float: left; /*width: 98%;*/ } .form-list li.wide input.input-text { width:94%; } .form-list li.wide .input-box { width: 94%; } #cloud-zoom-big { display:none!important; } .mousetrap { display:none!important; } .fancybox.quickllook { display:none!important; } #checkout-step-login .col2-set .col-2 { float: right; width: 100%; } #checkout-step-login .col2-set .col-1 { float: left; width: 100%; } } /** * 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 base_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) */ /* 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://www.socks4life.com/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://www.socks4life.com/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://www.socks4life.com/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://www.socks4life.com/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://www.socks4life.com/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://www.socks4life.com/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://www.socks4life.com/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://www.socks4life.com/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://www.socks4life.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ #esns_background_layer { position: absolute; z-index: 9998; background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/newssubscribers/esns_dark2.png); width: 100%; height: 100%; overflow: hidden; display: block; text-align: center; top: 0; left: 0; display: none; } #esns_box_layer { z-index: 9999; background-color: #ffffff; width: 500px; height: auto; overflow: hidden; top: 0; text-align: center; display: inline-block; padding: 15px 20px 5px; } #esns_box_title { width: 470px; height: auto; overflow: hidden; background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/newssubscribers/esns_box_block1.png) no-repeat right top; } #esns_box_block_1 { width: 350px; font-size: 17px; text-align: left; } #esns_box_block_2 { font-size: 22px; height: auto; text-align: left; margin: 0 0 10px 0 ; width: 350px; } #esns_box_block_3 { text-align: justify; } #esns_box_close { height: 22px; width: 22px; background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/newssubscribers/esns_box_close.png) no-repeat; cursor: pointer; float: right; } .esns_box_lines { background: url("https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/newssubscribers/esns_box_lines.png") no-repeat scroll 0 0 transparent; display: block; height: 1px; width: 100%; clear: both; margin: 5px 0; } #esns_box_subscribe { width: 100%; height: auto; overflow: hidden; margin: 0 0 20px 0; } #esns_box_subscribe_input { width: 340px; float: left; clear: both; } #esns_box_subscribe_input input { width: 290px; margin: 5px 0 0 20px; border: 1px solid #acacac; height: 25px; padding-left: 10px; } #esns_box_subscribe_submit { width: 80px; float: left; } #esns_box_subscribe_submit a { background-image: url('https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/newssubscribers/esns_box_button.png'); width: 117px; height: 34px; display: block; line-height: 34px; font-size: 12px; color: #000000; margin: 1px 0 0 0; text-decoration: none; } #esns_box_subscribe_submit a:hover { text-decoration: underline; } #esns_box_subscribe_response { text-align: left; margin: 10px 0 0 30px; height: 15px; } #esns_box_subscribe_response_success { display: none; } #esns_box_subscribe_response_error { color: #ea6868; text-align: left; margin: 0 0 0 30px; height: auto; overflow: hidden; } #esns_box_subscribe_response_success { color: #35ea49; font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif; } /*** LABEL THEME ***/ .tl#esns_box_layer { height: 263px; width: 504px; background: url('https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/newssubscribers/esns_label.png') no-repeat transparent; position: relative; } .tl #esns_box_block_1, .tl #esns_box_block_2 { color: #ffffff; text-align: right; float: right; line-height: normal; } .tl #esns_box_block_1 { margin: 20px 55px 0 0 ; } .tl #esns_box_block_2 { margin: 0px 55px 0 0 ; } .tl #esns_box_block_3 { color: #000000; clear: both; text-align: justify; float: right; margin: 10px 55px 5px 0 ; width: 340px; height: 70px; overflow: hidden; } .tl #esns_box_close { position: absolute; } .tl #esns_box_subscribe_response_error { height: 15px; color: #ffffff; float: right; text-align: left; width: 325px; margin: 0 50px 0 0; overflow: hidden; } .tl #esns_box_subscribe_input input { margin: 0 0 0 132px; background: none; height: 29px; width: 216px; border: 0; } .tl #esns_box_subscribe_submit a { background: none; color: #ffffff; height: 29px; line-height: 25px; background: url('https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/newssubscribers/esns_input.png') no-repeat -212px 0px; } .tl #esns_box_subscribe_response_success { color: #FFFFFF; float: right; margin: 0 50px 0 0; width: 340px; } .tl #esns_box_subscribe_input { background: url('https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/newssubscribers/esns_input.png') no-repeat 125px 0px; } .tl #esns_box_close { height: 36px; width: 36px; background: url(https://www.socks4life.com/skin/frontend/default/socks4life_20141229/images/newssubscribers/esns_box_close2.png) no-repeat; right: 10px; top:-5px; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; 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:4px solid #ccc; overflow:hidden; background-repeat:no-repeat; background-color:#fff; background-position:left top; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .product-view .product-img-box .product-image-zoom { overflow:visible; }