Created
September 18, 2013 05:26
-
-
Save leo-leung/6604898 to your computer and use it in GitHub Desktop.
test
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * 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_modern | |
| * @copyright Copyright (c) 2009 Irubin Consulting Inc. DBA Varien (http://www.varien.com) | |
| * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) | |
| */ | |
| /* Reset ================================================================================= */ | |
| * { margin:0; padding:0; } | |
| body { background:#ffffff ; font:12px/1.55 arial, helvetica, sans-serif, 'Microsoft JhengHei'; color:#333; | |
| text-align:center; } | |
| img { border:0; vertical-align:top; } | |
| strong {/*text-shadow: 1px 1px #FFFFFF, 1px 1px #FFFFFF;*/} | |
| a { color:#333333; text-decoration:none;text-shadow: 1px 1px #FFFFFF, 1px 1px #FFFFFF; } | |
| a:hover { text-decoration:underline; text-shadow:none;} | |
| :focus { outline: 0; } | |
| /* Headings */ | |
| h1 { font-size:2em; font-weight:normal; line-height:1.15; } | |
| h2 { font-size:1.5em; line-height:1.25; margin-bottom:.45em; } | |
| h3 { font-size:1.35em; line-height:1.25; margin-bottom:.45em; } | |
| h4 { font-size:1.05em; line-height:1.35; margin-bottom:.45em; } | |
| h5 { font-size:1.05em; line-height:1.35; margin-bottom:.45em; } | |
| h6 { font-size:1em; line-height:1.35; margin-bottom:1em; } | |
| /* 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 1em; } */ | |
| 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 { font-size:1em; } | |
| big { font-size:1.15em;} | |
| /*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; margin: 0 0 2px 0;} | |
| .v-middle:hover { position:relative; left:1px;} | |
| .f-left, | |
| .left { float:left !important; } | |
| .f-right, | |
| .right { float:left !important; margin-left:100px;} | |
| .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 ================================================================================ */ | |
| .hideByJs{display:none;} | |
| .page { width:1000px;margin:0px auto -20px; text-align:left; | |
| padding: 0px 0px 0px 0px; margin-bottom: 0px;background: transparent; } | |
| .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 { margin: 20px 0 0 0;} | |
| .main {border-top:0;padding-bottom: 20px; min-height:350px; margin: 0 0 0 0;} | |
| /* Base Columns */ | |
| .col-left { float:left; width:200px; padding:0 0 0 10px; font:bold 18px 'Asap', sans-serif; color#666666;} | |
| .col-left a { color:#666666;} | |
| .col-main { float:left; width:770px; padding:0 0 1px; } | |
| .col-right { float:left; width:200px; padding:0 0 1px;} | |
| /* 1 Column Layout */ | |
| .col1-layout .main { padding:0px 10px 40px; } | |
| .col1-layout .col-main { float:none; width:auto; } | |
| /* 2 Columns Layout */ | |
| .col2-left-layout .col-main { float:right; } | |
| .col2-right-layout .col-main {} | |
| /* 3 Columns Layout */ | |
| .col3-layout .col-main { width:520px; margin-left: 20px; } | |
| .col3-layout .col-wrapper { float:left; width:689px; } | |
| .col3-layout .col-wrapper .col-main { float:right; } | |
| /* Content Columns */ | |
| .col2-set .col-1 { float:left; width:48.5%; } | |
| .col2-set .col-2 { float:right; width:48.5%; } | |
| .col2-set .col-narrow { width:32%; } | |
| .col2-set .col-wide { width:65%; } | |
| .col3-set .col-1 { float:left; width:400px; } | |
| .col3-set .col-2 { float:left; width:320px; border-right:1px dotted #ccc; border-left:1px dotted #ccc;} | |
| .col3-set .col-3 { float:right; width:240px; } | |
| .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/15px Arial, Helvetica, sans-serif, 'Microsoft JhengHei'; vertical-align:middle; color:#2f2f2f; } | |
| input.input-text,select,textarea { background:#fff; border:1px solid #b6b6b6; } | |
| input.input-text,textarea { padding:2px 5px; } | |
| select { padding:1px; } | |
| select option { padding-right:10px; } | |
| select.multiselect option { border-bottom:1px solid #b6b6b6; padding:1px 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; } /* FF Fix */ | |
| button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ | |
| button.button { | |
| background: url(../images/background/grey_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #666666; | |
| cursor:pointer; | |
| float:right; | |
| padding:5px 10px; | |
| margin: 0 6px 0 0; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| } | |
| button.button span { | |
| font-size: 13px; | |
| /*background:transparent url(../images/bkg_btn.png) 0 0 no-repeat;*/ | |
| color:#FFFFFF; | |
| font-family: 'Asap', sans-seif 'Microsoft JhengHei'; | |
| /*font-weight:bold;*/ | |
| /*letter-spacing: 0.5px;*/ | |
| /*text-shadow: 1px 1px #333333;*/ | |
| } | |
| button.button:hover{ | |
| position:relative; | |
| top:1px; | |
| /*background: url(../images/background/orange_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #F7931E;*/ | |
| } | |
| button.button:hover span { background-position: bottom left; } | |
| button.button span span { background-position:100% 0;} | |
| button.button:hover span span { background-position: bottom right; } | |
| button.disabled span { color:#bbb !important; } | |
| button.btn-cart, button.btn-more-details{ | |
| /*background: url(../images/background/grey_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #666666;*/ | |
| background: url(../images/background/orange_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #F7931E;} | |
| } | |
| button.btn-cart:hover{ | |
| /*background-image: linear-gradient(bottom, rgb(247,120,30) 14%, rgb(255,173,31) 58%); | |
| background-image: -o-linear-gradient(bottom, rgb(247,120,30) 14%, rgb(255,173,31) 58%); | |
| background-image: -moz-linear-gradient(bottom, rgb(247,120,30) 14%, rgb(255,173,31) 58%); | |
| background-image: -webkit-linear-gradient(bottom, rgb(247,120,30) 14%, rgb(255,173,31) 58%); | |
| background-image: -ms-linear-gradient(bottom, rgb(247,120,30) 14%, rgb(255,173,31) 58%); | |
| background-image: -webkit-gradient( | |
| linear, | |
| left bottom, | |
| left top, | |
| color-stop(0.14, rgb(247,120,30)), | |
| color-stop(0.58, rgb(255,173,31)) | |
| );*/ | |
| } | |
| /*button.btn-cart span {}*/ | |
| button.btn-checkout span { height:28px; border:0; padding:0 ; font:bold 13px Arial, Helvetica, sans-serif; color:#fff; } | |
| button.btn-checkout span span { } | |
| button.btn-checkout.no-checkout span { background-position:0 100%; } | |
| 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 { background-color:#edf7fd; }*/ | |
| /*.highlight { background:#efefef; }*/ | |
| /* Form lists */ | |
| /* Grouped fields */ | |
| /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ | |
| .form-list li { margin:0 0 6px; } | |
| .form-list label { float:left; color:#555; 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:-7px; } | |
| .form-list li.control { margin: 20px 0 0 0 ;} | |
| .form-list li.control label { float:none; } | |
| .form-list li.control input.radio, | |
| .form-list li.control input.checkbox { margin-top:-1px; margin-right:4px; } | |
| .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:274px; | |
| /*height:24px;*/ | |
| } | |
| /*.form-list .input-box select{ | |
| background: url(../images/icons/select_btn_bg.png) no-repeat right #FFFFFF; | |
| z-index:1; | |
| position:relative;*/ | |
| } | |
| .form-list .input-box .-select-handle { | |
| display: block; | |
| font-size: 93%; | |
| height: 100%; | |
| left: 0; | |
| line-height: 12px; | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .form-list .input-box .-select-arrow { | |
| background: url(../images/icons/select_btn_bg.png) no-repeat scroll 1px -22px transparent; | |
| border-left: 1px solid #D9D6CC; | |
| height: 100%; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| width: 22px; | |
| } | |
| .form-list .field { float:left; width:275px; margin: 0 10px 10px 0;} | |
| .form-list input.input-text { width:260px; height:20px;} | |
| .form-list textarea { width:254px; height:10em; } | |
| .form-list select { width:272px; height:26px; padding: 4px 5px;} | |
| .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; } | |
| /* 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-suffix .name-lastname input.input-text, | |
| .form-list .customer-name-middlename .name-firstname input.input-text, | |
| .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } | |
| .form-list .name-firstname input.input-text { | |
| width:160px; | |
| } | |
| .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; } | |
| .buttons-set { clear:both; margin:0; padding:5px 0; /*border-top:1px solid #e4e4e4;*/ text-align:right; } | |
| .buttons-set p.required { margin:0 0 10px; } | |
| .buttons-set .back-link { | |
| float:left; | |
| background: url(../images/background/grey_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #666666; | |
| cursor:pointer; | |
| padding:3px 10px; | |
| margin: 0 6px 0 0; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| } | |
| .buttons-set .back-link a { color:#FFFFFF; font-family: 'Asap',sans-serif; font-size:14px; } | |
| .buttons-set .fb_btn { margin: 8px 0 0 0; padding: 5px 0 0 10px;} | |
| .buttons-set button.button { float:right; margin-left:5px; } | |
| .buttons-set-order { margin:10px 0 0; } | |
| .buttons-set-order .please-wait { padding:5px 7px 0 0; } | |
| .fieldset { margin:0 10px 25px; } | |
| .fieldset .legend { margin:0 0px 12px; padding:2px 0; font-size:16px; line-height:1.25; border-bottom:1px solid #cccccc;} | |
| /* Form Validation */ | |
| .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:13px; font-size:11px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 3px no-repeat; color:#eb340a; } | |
| .validation-failed { border:1px solid #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:#e26703; } | |
| .messages, | |
| .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } | |
| .messages { width:100%; overflow:hidden; } | |
| .messages li { margin:0 0 10px !important; } | |
| .messages li li { margin:0 0 3px !important; } | |
| .error-msg, | |
| .success-msg, | |
| .note-msg, | |
| .notice-msg { border-style:solid !important; border-width:1px !important; padding:4px 12px !important; font-size:11px !important; font-weight:bold !important; } | |
| .error-msg { border-color:#f16048; background-color:#faebe7; color:#df280a; } | |
| .success-msg { border-color:#007762; background-color:#F2F2F2; color:#007762; } | |
| .note-msg, | |
| .notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } | |
| /* BreadCrumbs */ | |
| .breadcrumbs a { color:#7f7f7f; } | |
| .breadcrumbs li { display:inline; } | |
| .breadcrumbs li strong { font-weight:bold; } | |
| /* Page Heading */ | |
| .account-login { background-color: #FFFFFF;} | |
| .account-login .page-title h1{ font-size:28px;} | |
| .account-login .buttons-set { background-color: #cccccc;} | |
| .page-title { width:100%; overflow:hidden; margin:20px 0; } | |
| .page-title h1, | |
| .page-title h2 { font-size:23px; font-weight:normal; font-family: 'Asap',san-seif 'Microsoft JhengHei'; } | |
| .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 { clear:both; padding:12px 0 0; font-size:16px; font-weight:bold; margin:0 0 6px; } | |
| /* Pager */ | |
| .pager { font-size:11px; /*background:#fff url(../images/bkg_toolbar.gif) 0 100% repeat-x;*/ padding:4px 8px; text-align:center; } | |
| .pager .amount { float:left; margin:0; } | |
| .pager .limiter { float:right; } | |
| .pager .limiter label { vertical-align:middle; } | |
| .pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } | |
| .pager .pages { margin:0 140px; } | |
| .pager .pages a{ color: #666666;} | |
| .pager .pages ol { display:inline; } | |
| .pager .pages li { display:inline; margin:0 6px; font-size:14px;} | |
| .pager .pages .current { color:#B3B3B3;} | |
| /* Sorter */ | |
| .sorter { font-size:11px; /*background:#fff url(../images/bkg_toolbar.gif) 0 100% repeat-x;*/ padding:3px 8px; border-top:1px solid #ddd; } | |
| .sorter .view-mode { float:left; margin:0; } | |
| .sorter .sort-by { float:right; padding-right:36px; } | |
| .sorter .sort-by label { vertical-align:middle; } | |
| .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } | |
| .sorter .link-feed {} | |
| /* Toolbar */ | |
| .toolbar {} | |
| .toolbar .pager { padding:8px 8px; } | |
| .toolbar .sorter {} | |
| .toolbar-bottom {} | |
| /* Data Table */ | |
| .data-table { width:100%; } | |
| .data-table tr.odd { background:#fff; } | |
| .data-table tr.even { background:#fcfcfc; } | |
| .data-table tr.last th, | |
| .data-table tr.last td { border-bottom:1px solid #cccccc !important; } | |
| .data-table th { padding:2px 8px; font-size:12px; white-space:nowrap; border-right: 1px solid #cccccc; } | |
| .data-table th.cart-title-detele { border:none;} | |
| .data-table th.wrap { white-space:normal; } | |
| .data-table th a { color:#fff; } | |
| .data-table td { padding:3px 8px; } | |
| .data-table thead, | |
| .data-table thead tr { } | |
| .data-table tfoot { border-bottom:1px solid #d9dde3; } | |
| .data-table tfoot tr { background-color:#f3f3f3 !important; } | |
| .data-table tbody th { padding:3px 8px; font-size:11px; font-weight:bold; text-transform:none; white-space:normal; } | |
| .data-table tbody th, | |
| .data-table tbody td { border-bottom:1px solid #d9dde3; } | |
| .data-table tfoot strong { font-size:14px; } | |
| /* Bundle products tables */ | |
| .data-table tbody.odd tr { background:#fff; } | |
| .data-table tbody.even tr { background:#fcfcfc; } | |
| .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; } | |
| /* Wishlist table */ | |
| #wishlist-table .data-table .btn-cart { position:relative; top: 10px; } | |
| /* Tax Details Row */ | |
| tr.tax-total { cursor:pointer; } | |
| tr.tax-total td {} | |
| tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } | |
| tr.show-details .tax-collapse { background-position:0 -53px; } | |
| tr.show-details td {} | |
| tr.tax-details td { background-color:#dae1e4; color:#626465; } | |
| tr.tax-details-first td { border-top:1px solid #d2d8db; } | |
| /* 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(../images/bkg_collapse.gif) 100% 4px 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% -53px; } | |
| /* 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 { margin:0 0 10px; } | |
| .std ul.disc { list-style:disc outside; padding-left:18px; } | |
| .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 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; } | |
| .links li.first { padding-left:0 !important; } | |
| .links li.last { background:none !important; padding-right:0 !important; } | |
| .link-cart { /*font-weight:bold;*/ color:#d62502; } | |
| .link-wishlist { color:#444; } | |
| .link-reorder {} | |
| .link-compare {} | |
| .link-print { /*background:url(../images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px;*/ } | |
| .link-rss { background:url(../images/i_rss.gif) 0 1px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } | |
| .btn-remove { display:block; width:13px; height:13px; font-size:0; line-height:0; background:url(../images/icons/del_icon.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } | |
| .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/icons/del_icon.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; margin:2px 0 0 0; } | |
| .separator { margin:0 3px; /*float:right;*/ color: #cccccc;} | |
| .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; background:#ccc; margin:10px 0; text-indent:-999em; overflow:hidden; } | |
| /* Noscript Notice */ | |
| .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } | |
| .noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; } | |
| .noscript p { margin:0; } | |
| /* Demo Notice */ | |
| .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:11px; line-height:1.15; text-align:center; color:#fff; } | |
| /* ======================================================================================= */ | |
| /* Top======================================================================================= */ | |
| .top-container { | |
| height:42px; | |
| width:100%; | |
| background: url(../images/background/top_bg_grey.png) repeat-x; | |
| box-shadow: 0px -1px 5px #000; | |
| -moz-box-shadow: 0px -1px 5px #000; | |
| -webkit-box-shadow: 0px -1px 5px #000; | |
| -ms-box-shadow: 0px -1px 5px #000; | |
| -o-box-shadow: 0px -1px 5px #000; | |
| z-index:9997; | |
| position:relative; | |
| } | |
| .top { margin:auto; padding: 13px; width:960px; text-align: left;} | |
| .top a { color:#FFFFFF;} | |
| .top img { padding: 5px 0 0 3px;} | |
| .top-left { float:left; position: relative; bottom:5px;} | |
| .top-left img { padding: 1px 0 0 3px;} | |
| .top-right {float:right;} | |
| .top-right span{margin: 0 0 0 30px; display: inline-block;} | |
| .top-right .watsons-logo {position:relative;bottom:5px;} | |
| .gr_logo{} | |
| /* ======================================================================================= */ | |
| /* Header ================================================================================ */ | |
| .logo { float:left; } | |
| .header-container {} | |
| .header { margin:0px; padding: 35px 15px 30px 10px; position: relative; } | |
| .header .logo { float:left; text-decoration:none !important; position:relative; left:7px;} | |
| .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 .top-promo { float:left; width:117px; height:30px; margin:12px 10px 0; background:url(../images/bkg_top-promo.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } | |
| .top-hidden-wrapper { | |
| background:url(../images/background/guthyRenkerNavDropDown.png) 0 -30px repeat-x; | |
| height:100px; | |
| width:100%; | |
| position:absolute; | |
| top:43px; | |
| } | |
| .top-hidden { width:960px; margin: 0 auto; padding:10px; font-size:11px;} | |
| .top-hidden a{ color:#007662;} | |
| .top-hidden .group { float:left;} | |
| .top-hidden .group .sub-group-left { float:left; margin: 0 20px 0 0; padding: 10px 30px 0 0; width:100px; height: 55px; border-right: 1px dotted #999999; color:#24397C; font-size:16px; } | |
| .top-hidden .group .sub-group-right ul { width:260px;} | |
| .top-hidden .group .sub-group-right li{ float:left;padding: 0; width:120px; text-align: left;} | |
| .top-hidden .group .sub-group-right { float:right; } | |
| .top-hidden .group-right { float:left;} | |
| .access { clear: right; float: right;position:relative; top: 10px; } | |
| .access .links{ position:relative; } | |
| .access ul { float: right; } | |
| .access .links li { display:inline; margin-right: 10px; font-size: 12px;} | |
| .access .links li a { color: #999999; padding-left: 17px; text-shadow: 0px 1px #fff; } | |
| .access .links li a:hover { color: #000; text-decoration: none; } | |
| .access .links li.first { padding-left:0 !important; } | |
| .access .links li.last { background:none !important; padding-right:0 !important; margin-right: 0px;} | |
| .access .links li.last a {background: url(../images/icons/login_ico.png) no-repeat left center; } | |
| .access .links li.first a { background: url(../images/icons/account_ico.png) no-repeat left center; } | |
| .top-link-wishlist { background: url(../images/icons/wishlist_ico.png) no-repeat left center; } | |
| .top-link-cart { background: url(../images/icons/cart_ico.png) no-repeat left center; padding: 0 0 0 20px;} | |
| .top-link-checkout { background: url(../images/icons/checkout_ico.png) no-repeat left center; padding: 0 0 0 20px;} | |
| . | |
| .top-link-signup img{ width:50px; padding: 0 0 0 5px; position:relative; top:-8px;} | |
| .top-link-login img{ vertical-align: middle; padding: 0 0 0 10px; position:relative; top:-2px;} | |
| .welcome-msg{float:left;margin:0 5px;padding:0 5px; font-weight:bold;} | |
| .quick-access { color:#000; padding:0px 0px; text-align:right; position:absolute; width:200px;left:0;top:10px;z-index:9999/*top: 50px;*/} | |
| .quick-access .welcome-msg { display:inline; margin:0; color:#fff; } | |
| .quick-access .form-language { float:left; } | |
| .quick-access .form-language label { font-weight:bold; padding-right:5px; color:#000; vertical-align:middle; } | |
| .quick-access .form-language select { padding:0; } | |
| .quick-access .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } | |
| .quick-access .links { padding-left:8px; } | |
| .quick-access .links, | |
| .quick-access .links li { display:inline; } | |
| .quick-access .links li { padding:0 4px 0 1px; } | |
| .quick-access .nlinks a { color:#ddd; } | |
| .quick-access .links a { padding:0 7px 0 0; background:url(../images/bkg_pipe1.gif) no-repeat 100% 50%; } | |
| .quick-access .links li.last a { padding:0; background:none; } | |
| .cms-links { | |
| position:absolute; | |
| float: right; | |
| top: 0; | |
| right:0; | |
| background: #F2F2F2; | |
| padding:15px; | |
| border-radius:0 0 5px 5px; | |
| -moz-border-radius:0 0 5px 5px; | |
| -webkit-border-radius: 0 0 5px 5px; | |
| box-shadow:0px 0px 5px #999; | |
| -moz-box-shadow:0px 0px 5px #999; | |
| -webkit-box-shadow:0px 0px 5px #999; | |
| -ms-box-shadow:0px 0px 5px #999; | |
| -o-box-shadow:0px 0px 5px #999; | |
| } | |
| .cms-links ul, .cms-links ul li { display:inline; float:left; } | |
| /*.cms-links li { padding-right: 10px; margin-right: 10px; background:url(../images/background/divider_top.gif) no-repeat right center; }*/ | |
| .cms-links li { padding: 0 15px; height:15px; border-left:1px dotted #999999;} | |
| .cms-links li.first { padding: 0 15px 0 0; border:none;} | |
| .cms-links li.last { margin-right:0px;padding-right:0px; background: none; border:none;} | |
| .cms-links li.welcome { color: #f88613;font-weight: bold; } | |
| .cms-links li a { color:#333;position:relative; top: -1px;} | |
| .cms-links li .signup{ | |
| background: url(../images/icons/club_proactiv_signup_logo.png) no-repeat right; | |
| background-position: 30px 5px; | |
| padding: 10px 54px 0 0; | |
| margin: -10px 0 0 0; | |
| display:block; | |
| height:35px; | |
| } | |
| .cms-links li .login{ | |
| /*background: url(../images/buttons/facebook_login_button.png) no-repeat right;*/ | |
| background-position: 45px 8px; | |
| padding: 10px 0 0 0; | |
| margin: -10px 80px 0 0; | |
| display:block; | |
| height:35px; | |
| } | |
| .cms-links li a:hover { color: #000; text-decoration: none; position:relative; top:1px;} | |
| .cms-links .My Cart {background: url(../images/icons/cart_ico.png) no-repeat left center; padding: 0 0 0 20px;} | |
| .cms-links li .fb-img-wrapper { float:left; margin: 0 10px 3px 0;} | |
| .top-bar { | |
| padding: 6px 12px 6px 24px;; | |
| /*margin: 20px 0 25px 0;*/ | |
| background-color:#f5f5f5; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| -ms-border-radius: 5px; | |
| -o-border-radius: 5px; | |
| } | |
| .top-bar .breadcrumbs { float:left; font-size:12px; color:#666666;} | |
| .form-search { float:right; padding-top: 5px; background: url(../images/background/search_bg.png) no-repeat; width: 169px; height: 28px; position: relative; top: 7px; right:7px; } | |
| .form-search label { display: none;float:left; font-size:12px; font-weight:bold; padding:0 5px 0 0; } | |
| .form-search .search_btn { float: right;padding-right: 5px; } | |
| .form-search input.input-text { float:left; width:125px;padding-left: 5px;border:none; background: transparent; } | |
| .form-search button.button { float:left; } | |
| .form-search button.button span { height:23px; background-image:url(../images/bkg_btn-small.png); line-height:21px; } | |
| .form-search .search-autocomplete { z-index:999; } | |
| .form-search .search-autocomplete ul { border:1px solid #999; background-color:#f9f5f0; } | |
| .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } | |
| .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } | |
| .form-search .search-autocomplete li.odd { background-color:#f6f6f6; } | |
| .form-search .search-autocomplete li.selected { background-color:#ecf9ea; } | |
| .header-container .top-container { padding:5px 12px; background:#fff; border:1px solid #bbb; border-width:0 1px 1px; text-align:right; } | |
| /********** < Navigation */ | |
| #navigation { /*background: url(../images/background/menu_bg.gif) no-repeat top left; height: 44px; margin-bottom: 15px; */ margin: 0 0 10px 0;} | |
| .nav-container {} | |
| #nav { font-size:12px; } | |
| /* ALL Levels */ /* Style consistent throughout all nav levels */ | |
| #nav li { position:relative; text-align:left; } | |
| #nav li.over { z-index:999; } | |
| #nav a, | |
| #nav a:hover { display:block; text-decoration:none; } | |
| #nav span { display:block; cursor:pointer; white-space:nowrap; margin: 0 0 2px 0;} | |
| #nav span:hover { /*background-color: #666666;*/ text-shadow:none;} | |
| #nav li:hover { text-shadow:none; } | |
| #nav li ul span {white-space:normal; } | |
| /* 0 Level */ | |
| #nav li { float:left;margin:0; } | |
| #nav a { float:left; line-height; 26px;padding: 0px 17px; margin: 0 3px 0 0; background:; color:#ffffff; font-family: 'Asap', sans-serif; font-size:13px;} | |
| #nav .nav-1{ color:#ffffff; background: url(../images/buttons/main_btn_left.png) left no-repeat, url(../images/buttons/main_btn_right.png) right no-repeat;} | |
| #nav li.over a, | |
| #nav a:hover, #nav li a:hover { ;/*background:#e0e0e0 url(../images/background/menu_hover.gif) repeat-x;*/ } | |
| /*#nav a:hover { background: url(../images/buttons/main_btn_left.png) left no-repeat, url(../images/buttons/main_btn_right.png) right no-repeat; } | |
| #nav a:active { background: url(../images/buttons/main_btn_left.png) left no-repeat, url(../images/buttons/main_btn_right.png) right no-repeat; }*/ | |
| #nav li:hover a { !important; } | |
| #nav li.over, #nav li:hover { /*background:#e0e0e0 url(../images/background/menu_hover.gif) repeat-x;color: #444 !important;*/ } | |
| #nav li.active { } | |
| #nav li.active a{ color: #FFFFFF !important; } | |
| #nav li.parent a {/*background:url(../images/background/menu_bullet.png) no-repeat 90% 50%; padding-right: 28px;*/} | |
| #nav li.active a:hover { !important;} | |
| #nav li.home, #nav li.home a:hover { /*-moz-border-radius: 8px 0px 0px 8px;-webkit-border-radius: 8px 0px 0px 8px;border-radius: 8px 0px 0px 8px;*/ } | |
| #nav li.home a{ color:#666666;/*padding-left: 12px;*/} | |
| #nav li.home a:hover { color: #FFFFFF ; } | |
| #nav li.club a { | |
| color:#F7931E; | |
| position:relative; | |
| /*top:-1px !important;*/ | |
| } | |
| #nav li.club a:hover { color:#FFFFFF; } | |
| #nav li{ | |
| position:relative; | |
| z-index:1; | |
| min-width:100px; | |
| min-height:20px; | |
| } | |
| sup{ | |
| vertical-align: top; | |
| } | |
| #nav li:before{ | |
| content:""; | |
| position:absolute; | |
| z-index:-1; | |
| left:0; | |
| bottom:0; | |
| right:0; | |
| height:26px; | |
| } | |
| #nav li a{ | |
| position:relative; | |
| } | |
| #nav li a:hover:before{ | |
| content:""; | |
| display:block; | |
| position:absolute; | |
| z-index:-1; | |
| right:0; | |
| bottom:0; | |
| left:0; | |
| height:65px; | |
| width:51%; | |
| text-align:center; | |
| background:url(../images/buttons/main_btn_left.png) no-repeat 0 39px; | |
| } | |
| #nav li a:hover:after{ | |
| content:""; | |
| position:absolute; | |
| z-index:-1; | |
| bottom:0px; | |
| right:0; | |
| width:50%; | |
| height:26px; | |
| background:url(../images/buttons/main_btn_right.png) no-repeat 100% 0; | |
| } | |
| /* 1st Level */ | |
| #nav ul li, | |
| #nav ul li.active, | |
| #nav ul li.over { float:none; border:none; background:none; margin:0; padding:0;text-transform:none; } | |
| #nav ul li.parent { background:url(../images/bkg_nav_parent.gif) no-repeat 100% 50%; } | |
| #nav ul li.last { padding-bottom:0; } | |
| #nav ul li.active { margin:0; border:0; background:none; } | |
| #nav ul a, | |
| #nav ul a:hover { float:none; padding:0; background:none; line-height:normal;} | |
| #nav ul li a { font-weight:normal !important; } | |
| /* 2nd Level */ | |
| #nav ul { | |
| position:absolute; | |
| width:15em; | |
| top:40px; | |
| left:-10000px; | |
| box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); | |
| -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); | |
| -webkit-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); | |
| -ms-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); | |
| -o-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); | |
| padding:0; | |
| background: #e0e0e0; | |
| } | |
| /* Show menu */ | |
| #nav li.over > ul { left:0px; } | |
| #nav li.over > ul li.over > ul { left:100px; } | |
| #nav li.over ul ul { left:-10000px; } | |
| #nav li:hover > ul li:hover {background-image:none !important; } | |
| #nav li.parent > ul li a { background-image:none;text-shadow: 0px 1px #fff !important; } | |
| #nav li.parent > ul li a:hover { background-image:none;text-shadow: 0px 1px #fff !important; } | |
| #nav ul li a { padding:6px 10px; color:#444 !important; border-bottom: 1px solid #b9b9b9;border-top: 1px solid #f4f4f4;border-left: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; } | |
| #nav ul li.last a { border-bottom: 0px; } | |
| #nav ul li a:hover { padding:6px 10px; color:#444 !important;background: #efefef !important; text-shadow: none !important; border-top: 1px solid #f7f7f7;} | |
| /* 3rd+ Level */ | |
| #nav ul ul { top:5px;border: 1px solid #bdbdbd; } | |
| #nav ul ul li a { border-width: 1px 0px; } | |
| /*************** LEFT NAVIGATION **************** / | |
| #leftnav { font-size:1em;margin-bottom: 1em; } | |
| /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ | |
| #leftnav li { position:relative; text-transform:normal; text-align:left; } | |
| #leftnav li.over { z-index:999; } | |
| #leftnav a, #leftnav a:hover { display:block; white-space:nowrap; text-decoration:none; } | |
| #leftnav span { display:block; cursor:pointer; white-space:nowrap; } | |
| #leftnav li ul span { white-space:normal; } | |
| /************ 0 LEVEL ***************/ | |
| #leftnav li { } | |
| #leftnav li.active, #leftnav li.active a { } | |
| #leftnav li a{ padding:0px 5px 7px 0px; color:#797979; text-shadow: 0px 1px #fff; } | |
| #leftnav li.active { } | |
| #leftnav li.over a, #leftnav a:hover { text-decoration: underline; } | |
| #leftnav li.parent a { background: url(../images/background/leftnav_arrow.gif) 95% center no-repeat;} | |
| #leftnav li:hover, #leftnav li.over { } | |
| /************ 1ST LEVEL ************/ | |
| #leftnav ul li span { line-height: 1.3em; } | |
| #leftnav ul li, #leftnav ul li.active, #leftnav ul li.over { float:none; border:none; padding:0; padding-bottom:1px; border-bottom:1px solid #C5C5C5; text-transform:none; } | |
| #leftnav ul li.parent { background: url(../images/background/leftnav_arrow.gif) 95% center no-repeat;} | |
| #leftnav ul li.parent a { background-image: none !important; } | |
| #leftnav ul li.last { padding-bottom:0; } | |
| #leftnav ul li.active { margin:0; border:0; background:none; } | |
| #leftnav ul a, #leftnav ul a:hover { float:none; padding:0; background:none; } | |
| #leftnav ul li a { font-weight:normal !important; } | |
| #leftnav ul li a:hover { background-color: #f2f1e9 !important; } | |
| /************ 2ND LEVEL ************/ | |
| #leftnav ul { position:absolute; width:18em; top:5px; left:-10000px; padding:0; background:#f6f6f6; border:1px solid #C5C5C5; } | |
| /* Show menu */ | |
| #leftnav li.over > ul { left:150px; } | |
| #leftnav li.over > ul li.over > ul { left:100px; } | |
| #leftnav li.over ul ul { left:-10000px; } | |
| #leftnav ul li { background:#f6f6f6; } | |
| #leftnav li.parent ul li a{ background: none !important; } | |
| #leftnav ul li:hover { background: none; border-bottom:1px solid #C5C5C5; } | |
| #leftnav ul li a { padding:7px 7px; } | |
| #leftnav ul li a:hover { padding:7px; background: #f2f1e9 !important; } | |
| /************ 3RD+ LEVEL ************/ | |
| #leftnav ul ul { top:5px; } | |
| /* End Left Navigation */ | |
| #nav-top { font-size: 1em; width: 960px; } | |
| #nav-top ul { list-style: none; padding: 0px; margin-left:3em; } | |
| #nav-top li { float: left; padding: 0px; margin-right:5px; } | |
| #nav-top li a { display: block; background: #dddabb; color: #666134; padding: 6px 7px; } | |
| #nav-top li a:hover { background: #899065 url(../images/nav_top_ahover_blue.gif) top right no-repeat; ; color:#fff; text-decoration: none; } | |
| /********** Navigation > */ | |
| /* ======================================================================================= */ | |
| /*********** Connect ************/ | |
| .connect {float: right; position: relative; top: 10px;right: 10px;} | |
| .connect img {margin-right: 2px; opacity: 0.8; } | |
| .connect img:hover {opacity:1;} | |
| /* Sidebar =============================================================================== */ | |
| .block { /*background: #fff url(../images/background/block_bg_repeat.gif) repeat-y top left;*/ margin:0 0 10px; line-height:1.35;padding-right: 0px;} | |
| .block .block-title { | |
| padding: 8px 8px 13px 3px; | |
| margin-right: 0px; | |
| border-top:1px solid #cccccc; | |
| } | |
| /*.block .block-title:before{ | |
| background:url(../images/icons/arrow_down_grey.png) no-repeat right; | |
| content:""; | |
| float: right; | |
| height: 20px; | |
| width: 60px; | |
| } | |
| */ | |
| .block .block-title .arrow-img{ | |
| float:right; | |
| position:relative; | |
| top:2px; | |
| right:-5px; | |
| } | |
| .block .block-title .rotateImg{ | |
| behavior:url(-ms-transform.htc); | |
| -webkit-transform:rotate(90deg); | |
| -moz-transform:rotate(90deg); | |
| -ms-transform:rotate(90deg); | |
| -o-transform:rotate(90deg); | |
| transform:rotate(90deg); | |
| /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/ | |
| filter: progid:DXImageTransform.Microsoft.Matrix( IE6�IE9 | |
| M11=0.9999025240093042, M12=-0.013962180339145272, M21=0.013962180339145272, M22=0.9999025240093042,SizingMethod='auto expand'); | |
| position:relative; | |
| top:-4px; | |
| right:0px; | |
| } | |
| .content-main .block .block-title .arrow-img{ | |
| float:right; | |
| position:relative; | |
| top:7px; | |
| right:0; | |
| } | |
| .content-main .block .block-title .rotateImg{ | |
| -webkit-transform:rotate(180deg); | |
| -moz-transform:rotate(180deg); | |
| -ms-transform:rotate(180deg); | |
| -o-transform:rotate(180deg); | |
| transform:rotate(180deg); | |
| position:relative; | |
| top:-5px; | |
| background:#fff; | |
| } | |
| .product-options .block .block-title .rotateImg{ | |
| -webkit-transform:rotate(-90deg); | |
| -moz-transform:rotate(-90deg); | |
| -ms-transform:rotate(-90deg); | |
| -o-transform:rotate(-90deg); | |
| transform:rotate(-90deg); | |
| position:relative; | |
| top:2px; | |
| } | |
| .block .block-title strong { display:block; font: 13px 'arial', sans-serif; font-weight:bold; color:#444; float:left;} | |
| .block .block-title strong span { text-shadow:none; } | |
| .block .block-title a { text-decoration:none !important; } | |
| .block .block-subtitle { font-size:10px; margin:0 0 10px; padding:0 0 2px; border-bottom:1px solid #ddd; text-transform:uppercase; } | |
| .block .block-content { padding:10px 15px; /*background:url(../images/background/block_bg_bottom.gif) no-repeat bottom left;*/ font-size: 12px; clear:both;} | |
| .block .block-content li.item { border-bottom:1px dotted #ddd; padding-bottom:5px; margin-bottom:5px; } | |
| .block .block-content li.item.last { border-bottom:0; padding-bottom:0; margin-bottom:0; } | |
| .block .btn-remove { float:right; margin:3px 0 0px 5px; } | |
| .block .actions { border-top:1px solid #ddd; padding:5px 0 0; margin:5px 0 0; text-align:right; } | |
| .block .actions a { float:left; } | |
| .block .actions button.button { float:right; } | |
| .block .empty { margin:0; } | |
| .block .price-box { margin:5px 0; } | |
| .block button.button span { height:23px; background-image:url(../images/bkg_btn-small.png); line-height:20px; } | |
| .block button.button span span { color: #444; text-shadow: 0px 1px #fff !important; } | |
| /*.block li.odd { background-color:#f4f3f3; } | |
| .block li.even { background-color:#fafafa; }*/ | |
| /* Mini Products List */ | |
| .mini-products-list .product-image { float:left; width:50px; margin: 0 10px 0 0; height:90px;} | |
| .mini-products-list .product-details { border-bottom: 1px dotted #cccccc; padding: 0 0 5px 0; color#666666;} | |
| .mini-products-list .product-details span{ } | |
| .mini-products-list .product-details .sidebar-cart-qty { width:20px; color:#666666;} | |
| .mini-products-list .product-details .price { display: block; } | |
| .mini-products-list .sidebar-cart-total { margin: 5px 0 0 0; font-size: 14px; color:#000000;} | |
| .mini-products-list .sidebar-cart-total .title{ float:left;} | |
| .mini-products-list .sidebar-cart-total .price { float:right;} | |
| /* Block: Account */ | |
| .block-account { margin: 0px 0 0 0;} | |
| .block-account .block-title { border-top:1px solid #cccccc; background: none; margin: 0 0 10px 0;} | |
| .block-account .block-title strong { color:#444444; } | |
| .block-account .block-content { padding:10px 15px 15px;} | |
| .block-account .block-content li a { display:block; border-bottom:1px dotted #999; padding:3px 0; color:#666666; text-decoration:none !important; font-weight:100; font-size:13px; } | |
| .block-account .block-content li a:hover { color:#444; } | |
| .block-account .block-content li.last a { border-bottom:0; } | |
| .block-account .block-content li.current { border-bottom:1px dotted #999; padding:5px 0; font-size:13px; color:#007662;} | |
| .block-account .block-content li.current.last { border-bottom:0; } | |
| .block-account .block-content li.current strong{ background: url("../images/icons/double_arrow_green_2.png") no-repeat scroll 0 4px transparent; padding: 0 0 0 20px;} | |
| /* Block: Currency Switcher */ | |
| .block-currency { background:#f4f4f4; } | |
| .block-currency .block-title { border:0; background:none; padding:7px 10px 2px; text-transform:none; } | |
| .block-currency .block-title strong { text-transform:none; } | |
| .block-currency .block-content { padding:0 10px 12px; } | |
| .block-currency .block-content select { width:100%; padding:0; } | |
| /* Block: Left Nav */ | |
| .block-leftnav { height:} | |
| .block-leftnav #leftnav { font-size: 13px;} | |
| .block-leftnav .block-content { } | |
| .block-content .cat-title { margin: 0px 0 0px 20px; font-size:14px; color:#666666;} | |
| #leftnav { margin:0; font-weight:100;} | |
| .sidebar .block-leftnav .arrow-img img {background:#fff;border:none;} | |
| /* Block: Layered Navigation */ | |
| .block-layered-nav{ margin:0;} | |
| .block-layered-nav { border:0; } | |
| .block-layered-nav .block-title { } | |
| .block-layered-nav .block-content { padding:0; } | |
| .block-layered-nav .block-subtitle { margin:0; font-size:12px; font-weight:bold; padding:2px 10px; color:#333; } | |
| .block-layered-nav dt { font-weight:bold; padding:8px 10px 13px 30px; font-size:14px; color:#666666; text-transform: uppercase;} | |
| .block-layered-nav dd { padding:0 10px 15px 30px; font-size:14px;} | |
| .block-layered-nav dd li { line-height:1.35; margin:0 0 10px 10px; font-weight:normal;} | |
| .block-layered-nav dd a { color:#666; letter-spacing: 0.5px;} | |
| .block-layered-nav .last { border-bottom: 0px; } | |
| .block-layered-nav .currently { padding:6px 0 0; } | |
| .block-layered-nav .currently li { padding:2px 10px; } | |
| .block-layered-nav .currently .label { font-weight:bold; } | |
| .block-layered-nav .currently .btn-remove { margin:2px 0 0; } | |
| .block-layered-nav .actions { padding:5px 10px; margin:0; } | |
| .block-layered-nav .actions a { float:none; } | |
| /* Wishlist sidebar */ | |
| .block-wishlist {border-bottom: 1px solid #CCCCCC; padding: 0 0 30px;} | |
| .block-wishlist .block-content{ padding:20px 0 0px 0;} | |
| .block-wishlist .price-box { margin: 0; } | |
| .block-wishlist .mini-products-list .special-price .price-label{ font-weight:bold; font-size: 12px;} | |
| #wishlist-sidebar .price-box .special-price .price{ font-weight:100; font-size: 11px; font-style:italic;} | |
| #wishlist-sidebar .link-cart { | |
| /*background: url(../images/background/grey_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #666666;*/ | |
| background: url(../images/background/orange_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #F7931E; | |
| padding: 5px 10px; | |
| color:#FFFFFF; | |
| text-decoration: none; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| position: relative; | |
| left:60px; | |
| top:10px; | |
| text-shadow: 0 0 1px #333333; | |
| font-weight:100; | |
| } | |
| #wishlist-sidebar .link-cart:hover { | |
| /*background: url(../images/background/orange_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #F7931E; | |
| position:relative; | |
| top:1px;*/ | |
| } | |
| #wishlist-sidebar span { } | |
| #wishlist-sidebar .price-box .price { font-size: 12px; font-style: normal;} | |
| #wishlist-sidebar .product-details { border: none; margin: 0 0 10px 0;} | |
| #wishlist-sidebar .item { margin: 0 0 20px 0;} | |
| #wishlist-sidebar .item.last{margin:0 } | |
| #wishlist-sidebar .item.last .product-details { margin:0;} | |
| #wishlist-sidebar .product-details .price-box{ margin: 10px 0 0 0;} | |
| #wishlist-sidebar .product-details .special-price{ text-align: left;} | |
| #wishlist-sidebar .product-details .regular-price{ font-weight: normal;} | |
| #wishlist-sidebar .product-details .regular-price .price{ font-weight: normal;} | |
| #wishlist-sidebar .recurringPriceBox span{ display:inline;} | |
| /* Block: Cart */ | |
| .block-cart .block-title span { /*background: url(../images/icons/cart_ico.png) no-repeat left center; padding-left: 20px;*/} | |
| .block-cart .block-title strong { } | |
| .block-cart .summary { padding:8px; margin:-12px -13px 8px; text-align:center; position:relative; z-index:1; } | |
| .block-cart .amount { margin:0; } | |
| .block-cart .amount a { font-weight:bold; } | |
| .block-cart .subtotal { background:url(../images/bkg_subtotal.gif) no-repeat 50% 0; margin:5px 0 0; line-height:23px; } | |
| .block-cart .subtotal .price { font-weight:bold; } | |
| .block-cart .actions { display:none !important; } | |
| .block-cart .empty { font-weight:100;} | |
| /* Block: Wishlist */ | |
| .block-wishlist .actions { text-align:right; } | |
| .block-wishlist .actions a { float:none; } | |
| /* Block: Related */ | |
| .block-related .block-subtitle { font-size:11px; font-weight:bold; border:0; padding:0; margin:0 0 8px; text-transform:none; } | |
| .block-related input.checkbox { float:right; } | |
| .block-related .product { margin-right:20px; } | |
| /* Block: Compare Products */ | |
| .page-popup .link-print { background:url(../images/i_print.gif) 0 2px no-repeat; padding:3px 0 3px 25px; } | |
| .compare-table { border:0; } | |
| .compare-table thead, | |
| .compare-table thead tr.first { background:#fff; } | |
| .compare-table thead tr.first th, | |
| .compare-table thead tr.first td { border:0; background:none; padding:0 0 4px; font-size:0; line-height:0; } | |
| .compare-table .btn-remove { float:right; background-image:url(../images/btn_remove.gif); width:12px; height:12px; } | |
| .compare-table tbody th { background:#e9e9e9; } | |
| .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; } | |
| .compare-table .add-to-links li { background:none; padding:0; } | |
| /* Block: Recently Viewed */ | |
| .block-viewed {} | |
| .block-viewed .block-content{ padding:5px 0;} | |
| #recently-viewed-items .recently-viewed-item-info{ float:left; font-weight:100; margin: 0 0 0 10px; font-size: 11px; width:127px;} | |
| #recently-viewed-items .recently-viewed-item-image { float:left;} | |
| #recently-viewed-items .recently-viewed-item-image{ /*border:1px solid #a9a9a9;*/} | |
| #recently-viewed-items .recently-viewed-item-title-2 { font-size :10px;} | |
| #recently-viewed-items .recently-viewed-item-price { color:#333333; font-weight:bold;} | |
| #recently-viewed-items .special-price{text-align: left;} | |
| #recently-viewed-items .special-price .price-label{ font-weight: bold;} | |
| #recently-viewed-items .special-price .price{ font-weight: bold;} | |
| #recently-viewed-items .price-box .regular-price { font-weight: normal;} | |
| #recently-viewed-items .price-box .price { font-weight: normal;} | |
| #recently-viewed-items .savedPriceLabel { color:#F7931E; font-style: italic;} | |
| #recently-viewed-items .savedPrice { color:#F7931E; font-style: italic;} | |
| /* Block: Recently Compared */ | |
| .block-compared {} | |
| /* Block: Poll */ | |
| .block-poll .block-subtitle { font-size:12px; } | |
| .block-poll label { color:#777; font-weight:bold; } | |
| .block-poll input.radio { float:left; margin:1px -18px 0 0; } | |
| .block-poll .label { display:block; margin-left:18px; } | |
| .block-poll li { padding:3px 9px; } | |
| .block-poll .actions { margin:5px 0 0; } | |
| .block-poll .answer { font-weight:bold; } | |
| .block-poll .votes { float:right; margin-left:10px; } | |
| /* Block: Tags */ | |
| .block-tags .block-content ul { font-size:13px; } | |
| .block-tags .block-content li { display:inline; padding-right:4px; } | |
| .block-tags .block-content li a { color:#444; } | |
| .block-tags .actions { text-align:right; } | |
| .block-tags .actions a { float:none; } | |
| /* Block: Reorder */ | |
| .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; } | |
| .block-banner .block-content { padding:0; background:#fff; text-align:center; } | |
| /* Block: Login */ | |
| .block-login .block-content { padding:5px 10px; } | |
| .block-login label { font-weight:bold; color:#555; } | |
| .block-login input.input-text { display:block; width:167px; margin:3px 0; } | |
| .block-login .actions { background:none; padding:0; margin:3px 0 0; } | |
| /* Block Styling | |
| .block-account .block-title, .block-layered-nav .block-title, | |
| .block-compare .block-title { background: url(../images/background/block_title_alt.gif) no-repeat top left; } | |
| .block-account .block-title strong, .block-layered-nav .block-title strong, | |
| .block-compare .block-title strong { text-shadow: 0px 1px #000; }*/ | |
| /* ======================================================================================= */ | |
| /* Category Page ========================================================================= */ | |
| .category-title { margin:0 0 7px; } | |
| .category-title h1 { padding:3px 0; color:#444444; font-size:2em; font-weight:bold; line-height:1.25;} | |
| .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } | |
| .category-image img { width: 100%; } | |
| .category-description { margin:0 0 10px; color:#666666; font-size: 14px;} | |
| .category-products { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 30px 0 ; margin: 10px 0 0 0; font-family: 'Asap', sans-seif, 'Microsoft JhengHei';} | |
| .set-product-banner { | |
| height:150px; | |
| } | |
| .set-product-banner .banner { | |
| float:left; | |
| width:550px; | |
| } | |
| .set-product-banner .btn { | |
| float:right; | |
| margin: 10px 0 0 0; | |
| } | |
| .set-product-banner .btn li{ | |
| background: url('../images/buttons/3step_banner_btn_bg.png') no-repeat; | |
| width:105px; | |
| height:20px; | |
| margin: 10px 0; | |
| padding: 6px 0px 10px 20px; | |
| width:200px; | |
| } | |
| .set-product-banner .btn li:hover{ | |
| position:relative; | |
| cursor: pointer; | |
| right:10px; | |
| } | |
| .set-product-banner .btn li a{ | |
| color:#FFFFFF; | |
| text-decoration: none; | |
| display:block; | |
| margin: 0 0 0 -5px; | |
| } | |
| .category-products .btn-cart{ | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| margin:0 0 5px 0px; | |
| /*display:block;*/ | |
| } | |
| .category-products .add-to-links{ | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| width:95px; | |
| float:right; | |
| display:block; | |
| } | |
| .category-products { | |
| /* hide overlength child elements*/ | |
| /* all the child elements are refering to this width */ | |
| /* fix ie 6 overflow bug */ | |
| position:relative; | |
| /* styling */ | |
| margin:0 auto; | |
| } | |
| .category-products .products-grid { | |
| /* enable absolute position for .lava */ | |
| position:relative; | |
| height:100%; | |
| width:1000px; | |
| /* styling */ | |
| padding-top:0px; | |
| cursor:default; | |
| } | |
| .category-products .products-grid p{ | |
| margin:0; | |
| /*margin-top:30px; */ | |
| } | |
| .category-products .products-grid .item { | |
| /* enable z-index */ | |
| position:relative; | |
| z-index:10; | |
| /* display in one row */ | |
| float:left; | |
| display:block; | |
| /* width = half size of .category-products */ | |
| /* height = height of .products-grid */ | |
| text-align:center; | |
| font-size:14px; | |
| font-weight:700; | |
| } | |
| .category-products .products-grid .lava { | |
| border:5px solid #eee; | |
| position:absolute; | |
| top:0; left:0; | |
| z-index:1; | |
| width:235px; | |
| height:420px; | |
| -moz-box-shadow: 0px 0px 7px #a6a6a6; | |
| -webkit-box-shadow: 0px 0px 7px #a6a6a6; | |
| box-shadow: 0px 0px 7px #a6a6a6; | |
| -ms-box-shadow: 0px 0px 7px #a6a6a6; | |
| -o-box-shadow: 0px 0px 7px #a6a6a6; | |
| background:transparent; | |
| } | |
| .category-products .content { | |
| /* enable absolute position for .panel */ | |
| position:relative; | |
| overflow:hidden; | |
| /* styling */ | |
| background:transparent; | |
| border-top:1px solid #d9fafa; | |
| } | |
| .category-products .panel ul { | |
| /* display in one row */ | |
| float:left; | |
| /* width is the same with .category-products */ | |
| /* remove all styles */ | |
| padding:0; | |
| margin:0; | |
| list-style:none; | |
| } | |
| /* styling */ | |
| .category-products .panel ul li { | |
| padding:5px 0 5px 10px; | |
| border-bottom:1px dotted #fff; | |
| } | |
| /* View Type: Grid */ | |
| .products-grid { position:relative; } | |
| .products-grid.last { margin:0 0 0 2px;} | |
| .products-grid li.item { | |
| float:left; padding:15px 5px; margin:0 7px 5px 2px; | |
| width:30%; | |
| /*border:1px solid #EEEEEE; | |
| *width:219px; | |
| **/} | |
| .products-grid li.item.last{ margin:0;} | |
| .products-grid .product-image { | |
| display:block; margin:0 0 10px; border:0; text-align: center; | |
| display: table-cell; | |
| height: 220px; | |
| vertical-align: bottom; | |
| width: 225px; | |
| } | |
| /*.products-grid .product-image img{ | |
| opacity:0.5; | |
| -moz-transition-property: opacity; | |
| -moz-transition-duration: 1s; | |
| -moz-transition-delay: 0.1s; | |
| } | |
| .products-grid .product-image img:hover{ | |
| opacity: 1; | |
| -moz-transition-property: opacity; | |
| -moz-transition-duration: 1s; | |
| -moz-transition-delay: 0.1s; | |
| } | |
| */ | |
| .products-grid.first .product-image { } | |
| .products-grid li.last .product-image { border-right:0; } | |
| .products-grid .product-name { font-size:14px; font-weight:bold; margin:0 0 15px 0; text-align:center; height:50px;} | |
| .products-grid .product-name a { color:#666666;} | |
| .products-grid .product-name a:hover { text-decoration:none; } | |
| .products-grid .product-name .product-name-1 { | |
| vertical-align: top; | |
| width:200px; | |
| text-align:center; | |
| margin:auto; | |
| } | |
| .products-grid .product-name .product-name-2{ | |
| vertical-align: top; | |
| width:225px; | |
| text-align:center; | |
| margin:auto; | |
| } | |
| .products-grid .price-box { margin:5px 0; text-align:center; | |
| /*height:68px; /* 20130821 added for promotion price to fill the unbalance button position */ | |
| } | |
| .products-grid .price-box .regular-price { font-weight: normal;} | |
| .price-box .regular-price .price{ | |
| color: #666666; | |
| font-size: 12px; | |
| font-style: italic; | |
| font-weight: bold; | |
| } | |
| .products-grid .availability { line-height:21px; } | |
| .products-grid .actions { text-align:center; margin: 10px 0 0 0;} | |
| .products-grid .actions .button { float:none; text-align:center;} | |
| .3column-layout .col-main { width: 200px; } | |
| .col2-left-layout .products-grid, | |
| .col2-right-layout .products-grid { width:770px; margin:0 auto; } | |
| .col1-layout .products-grid, | |
| .page-empty .products-grid { width:684px; margin:0 auto; } | |
| .set-product .products-grid .product-name { height:80px;} | |
| .set-product .products-grid li.bundle { position:relative; /*top:-9px;*/} | |
| .set-product .products-grid li.bundle .savedPriceWrapper{ margin: 10px 0 0 0;} | |
| .products-grid .savedPriceWrapper { font-size:12px; font-style: italic; font-weight: normal; color:#F7931E; position:relative; } | |
| .products-grid .btn-more-details{ margin: 0px 10px 0 0;} | |
| .products-grid .recurringPriceBox .period{ color:#666666;font-weight:bold;} | |
| .period{ font-weight:bold;} | |
| /* View Type: 3set Grid */ | |
| .set-product .products-grid li.item { width:170px;} | |
| .set-product .products-grid .product-image { width:160px; height:160px;margin:auto;display:block} | |
| .set-product .products-grid .product-image img{ width:155px; height:155px; margin:auto;} | |
| .set-product .products-grid .product-name { font-size:14px;} | |
| .set-product .products-grid .btn-cart { border-radius: 5px; margin: 0 0 5px 0;} | |
| .set-product .products-grid .add-to-links { border-radius: 5px; float:right;} | |
| /* added by leo 21/5*/ | |
| .products-grid .product-name-2{font-size:12px;color:#666} | |
| .set-product .products-grid .product-name .product-name-1 { | |
| vertical-align: top; | |
| width:170px; | |
| text-align:center; | |
| margin:auto; | |
| } | |
| .set-product .products-grid .product-name .product-name-2{ | |
| vertical-align: top; | |
| width:170px; | |
| text-align:center; | |
| margin:auto; | |
| } | |
| /* View Type: List */ | |
| .products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 10px; } | |
| .products-list li.item.last { border-bottom:0; } | |
| .products-list .product-shop { margin-left:185px; } | |
| .products-list .product-image { float:left; width:170px; height:170px; margin:0 0 10px; } | |
| .products-list .product-name { font-size:12px; margin:0 0 6px; } | |
| .products-list .product-name a { color:#444; text-decoration:underline; } | |
| .products-list .product-name a:hover { text-decoration:none; } | |
| .products-list .price-box { float:left; margin:4px 13px 0 0; } | |
| .products-list .availability { float:left; margin:3px 0 0; } | |
| .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 13px; line-height:1.35; } | |
| .products-list .desc .link-more { font-size:11px; } | |
| .products-list .add-to-links { clear:both; } | |
| /* ======================================================================================= */ | |
| /* Product View ========================================================================== */ | |
| /* Rating */ | |
| .no-rating { margin: 0; font-size: 13px; font-family: 'Asap', sans-seif; float: left;} | |
| .no-rating a{ color:#666666; padding: 3px 0 3px 30px; background:url(../images/icons/add_review_btn.png) no-repeat left;} | |
| .no-rating a:hover{ position:relative; top: 1px; text-decoration: none;} | |
| .rating { margin: 0; font-size: 12px; font-family: 'Asap', sans-seif;} | |
| .rating a{ color:#666666; padding: 3px 0 3px 30px; background:url(../images/icons/add_review_btn.png) no-repeat left;} | |
| .rating a:hover{ position:relative; top: 1px; text-decoration: none;} | |
| .ratings { line-height:1.25; margin:7px 0; float:left; width:175px;} | |
| .ratings strong { float:left; margin:0 3px 0 0; } | |
| .ratings .rating-links { margin:0; width:190px; } | |
| .ratings .rating-links a { font-size: 12px; color:#666666;} | |
| .ratings .rating-links .rating { color:#666666; padding: 3px 0 3px 30px; background:url(../images/icons/add_review_btn.png) no-repeat left;} | |
| .ratings .rating-links .separator { margin:0 2px; } | |
| .ratings dt {} | |
| .ratings dd {} | |
| .rating-box { width:50px; height:10px; font-size:0; line-height:0; background:url(../images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } | |
| .rating-box .rating { float:left; height:10px; background:url(../images/bkg_rating.gif) 0 100% repeat-x; } | |
| .ratings .rating-box { float:left; margin:2px 3px 0 0; } | |
| .ratings .amount {} | |
| .ratings-table th, | |
| .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } | |
| .ratings-table th { font-weight:bold; padding-right:8px; } | |
| .ratings-table td { padding:4px 0 0; } | |
| /* Social Media */ | |
| .social-media { float:right; position: relative; right:-20px; top:-5px;} | |
| .social-media .share {display:inline; font-family: 'Asap',sans-serif; font-size:13px; color:#666666; border-right: 1px solid #666666; padding:0 10px;} | |
| .social-media .fb-like {display:inline; padding: 0 10px; position:relative; top:3px;} | |
| /*Review | |
| .media-bottom { font-family: 'Asap', sans-serif; color:#666666; font-size: 13px;} | |
| .media-bottom .write-reviews { float:left;} | |
| .media-bottom .write-reviews img { margin: 0 5px 0 0;} | |
| .media-bottom .social { float:right;} | |
| .media-bottom .social .share { display: inline; border-right: 1px solid #999999; padding: 0 5px; cursor: pointer;} | |
| .media-bottom .social .fb-like {display: inline;padding: 0 10px;} | |
| */ | |
| /* Availability */ | |
| .availability { margin:0; } | |
| .availability span { font-weight:bold; } | |
| .availability.in-stock span {} | |
| .availability.out-of-stock span { color:#d83820; } | |
| .product-view .product-shop .availability { font-size:11px; } | |
| .product-view .product-shop .availability span { font-weight:normal; } | |
| /* Email to a Friend */ | |
| .email-friend { margin:0; } | |
| /* Alerts */ | |
| .alert-price { margin:0; font-size:11px; } | |
| .alert-stock { margin:0; font-size:11px; } | |
| /********** < Product Prices */ | |
| .price { white-space:nowrap !important; } | |
| .price-box { margin:5px 0 10px; } | |
| .price-box .price { font-size:24px; /*color:#396f00;*/ color:#000000; font-family: arial, sans-seirf; font-weight: bold;} | |
| /* Regular price */ | |
| .regular-price { color: #666666; | |
| font-size: 12px; | |
| font-style: italic; | |
| font-weight: bold; } | |
| .regular-price .price { font-size:13px; font-weight:bold; color:#396f00; } | |
| /* Old price */ | |
| .old-price { margin:0 0 0px 0; } | |
| .old-price .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } | |
| .old-price .price { font-weight:bold; font-size:12px; color:#666; font-style:italic; } | |
| /* Special price */ | |
| .special-price { margin:auto; text-align: center;} | |
| .special-price .price-label { font-size:12px; color:#F7931E; font-style:italic; display:block; font-weight: normal;} | |
| .special-price .price { font-size:16px; color:#F7931E; font-style:italic; } | |
| .price-as-configured .price { font-size:16px; color:#F7931E; font-style:italic; } | |
| #recently-viewed-items .price-box .price {font-weight:bold;} | |
| .catalog-category-view .special-price { margin:auto; text-align: center;min-width:170px;} | |
| /* Minimal price (as low as) */ | |
| .minimal-price { margin:0; } | |
| .minimal-price .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } | |
| .minimal-price-link { display:block; font-size:12px; text-decoration:underline; color:#444; } | |
| .minimal-price-link .label {color:#444;} | |
| .minimal-price-link .price { font-weight:normal; color:#444; } | |
| /* Including tax */ | |
| .price-including-tax { display:block; color:#888; } | |
| .price-including-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; } | |
| .price-including-tax .price { font-size:13px; font-weight:bold; color:#396f00; } | |
| /* Excluding tax */ | |
| .price-excluding-tax { display:block; color:#888; } | |
| .price-excluding-tax .label { font-size:10px; text-transform:uppercase; white-space:nowrap; color:#888; } | |
| .price-excluding-tax .price { font-size:12px; font-weight:normal; color:#396f00; } | |
| /* 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; } | |
| /* 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; font-weight:normal; } | |
| /* FTP */ | |
| .weee { display:block; font-size:11px; color:#444; } | |
| .weee .price { font-size:11px; font-weight:normal; } | |
| /* Price range */ | |
| .price-from { margin:0; } | |
| .price-from .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } | |
| .price-to { margin:0; } | |
| .price-to .price-label { font-size:12px; font-weight:bold; white-space:nowrap; } | |
| /* Price notice next to the options */ | |
| .price-notice { padding-left:7px; } | |
| .price-notice .price { font-weight:bold; } | |
| /* Price as configured */ | |
| .price-as-configured { margin:0; } | |
| .price-as-configured .price-label { font-weight:bold; white-space:nowrap; text-transform:uppercase; } | |
| .price-box-bundle { padding:0 0 10px 0; } | |
| .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } | |
| .price-box-bundle .price { color:#222; } | |
| /********** Product Prices > */ | |
| li.bundle p {margin-bottom:8px;} | |
| /* Tier Prices */ | |
| .tier-prices { margin:10px 0; color:#F7931E; /* padding:10px; background:#f4f9ea; border:1px solid #ddd;*/ } | |
| .tier-prices .benefit { font-style:italic; font-weight:bold; } | |
| .tier-prices .price { font-weight:bold;; } | |
| .tier-prices-grouped li .price { font-weight:bold; } | |
| /* Add to Links */ | |
| .add-to-links { | |
| float:left; | |
| background: url(../images/background/grey_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #666666; | |
| cursor:pointer; | |
| float:left; | |
| padding:3px 10px; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| line-height: 19.5px; | |
| text-shadow: 0 0 1px #333333; | |
| } | |
| .add-to-links li { /*background:url(../images/bkg_add-to.gif) 2px 50% no-repeat; line-height:1.25; padding-left:12px;*/ } | |
| .add-to-links li a { color:#FFF; /*font-weight:bold;*/ font-size:13px;} | |
| .add-to-links .separator { display:none; } | |
| .add-to-links a:hover{ text-decoration: none;} | |
| .add-to-links:hover{ position:relative; top:1px; /*background: url(../images/background/orange_btn_28.png) 0 0 repeat-x; border: 1px solid #F7931E;*/} | |
| /* Add to Cart */ | |
| .add-to-cart label { float:left; margin-right:5px; font-weight:bold; line-height:20px; color:#555; } | |
| .add-to-cart .qty { float:left; margin-right:5px; } | |
| .add-to-cart button.button { float:left; clear:both; margin: 10px 5px 0 0;} | |
| .add-to-cart .add-to-qty { display:block;} | |
| .add-to-cart .add-to-button { margin: 10px 0 0 0;} | |
| .add-to-cart button.checkout{clear:none; margin: 10px 5px 0 0px;} | |
| /* Add to Links + Add to Cart */ | |
| .add-to-box { margin:10px 0; } | |
| .add-to-box .add-to-cart { margin:10px 0; /*border:1px solid #eee; background-color:#f8f8f8;*/ ; text-align:right; font-size: 16px;} | |
| .add-to-box .or { display:none !important; } | |
| .add-to-box .add-to-links { margin:10px 0; text-align:right; } | |
| .add-to-box .add-to-links li .separator { display:none !important; } | |
| .product-view {} | |
| .product-essential { padding:0 0 25px; } | |
| .product-essential h2 { font:bold 12px/1.25 Arial, Helvetica, sans-serif; } | |
| .product-collateral {} | |
| .product-collateral h2 { font-size:13px; font-weight:normal; line-height:1.15; } | |
| .product-collateral .box-collateral {} | |
| .product-collateral .special-price { margin:0;} | |
| .product-collateral .special-price .price-label{ font-size: 12px;} | |
| .product-collateral .special-price .price{ font-size: 12px; font-weight: bold;} | |
| .product-collateral .savedPriceBox{text-align: center;font-size:11px;min-width: 125px; color:#F7931E;} | |
| .product-essential .box-recurring_info{ | |
| float:left; | |
| width:352px; | |
| border:1px dotted #ccc; | |
| margin:10px 0; | |
| padding:5px; | |
| } | |
| .product-essential .box-recurring_info h2{float:left; padding: 10px 12px; background: #666; color:#fff; width:328px;} | |
| .product-essential .box-recurring_info ul{float:right;/*border-left: 1px dotted #ccc;*/ padding: 0 25px;} | |
| .product-essential .box-recurring_info ul li{ list-style: disc; color:#666;} | |
| .product-essential .box-recurring_info ul li #tc-recurring { text-decoration: underline;} | |
| .product-essential .box-recurring_info ul li #tc-recurring:hover { text-decoration: none; position:relative; top:1px;} | |
| /* Product Images */ | |
| .product-view .product-img-box { float:left; width:352px; } | |
| .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } | |
| .product-view .product-img-box .product-image { margin:0 0 10px; /*border:1px solid #EEEEEE;*/ width:380px; height:380px; text-align:center;} | |
| .product-view .product-img-box .product-image img { height:380px; width:380;} | |
| .product-view .product-img-box .product-image-zoom { position:relative; width:380px; height:380px; overflow:hidden; z-index:9; } | |
| .product-view .product-img-box .product-image-zoom img { margin:auto; cursor:move; } | |
| .product-view .product-img-box .zoom-notice { margin:0 0 10px; text-align:center; } | |
| .product-view .product-img-box .zoom { position:relative; z-index:9; height:24px; margin:0 auto 13px; padding:0 28px; background:url(../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:3px; width:9px; height:18px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } | |
| .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:10px; top:7px; } | |
| .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:10px; top:7px; } | |
| .product-view .product-img-box .more-views h2 { font-size:10px; font-weight:normal; padding:0 0 2px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } | |
| .product-view .product-img-box .more-views ul { margin-left:-10px } | |
| .product-view .product-img-box .more-views li { float:left; margin:0 0 8px 10px; } | |
| .product-view .product-img-box .more-views li a { float:left; width:66px; height:66px; border:1px solid #ddd; overflow:hidden; } | |
| .product-image-popup { margin:0 auto; } | |
| .product-image-popup .nav { font-weight:bold; text-align:center; } | |
| .product-image-popup .image { display:block; margin:10px 0; } | |
| .product-image-popup .image-label { font-size:12px; font-weight:bold; margin:0 0 10px; color:#2f2f2f; } | |
| /* Product Shop */ | |
| .product-view .product-shop { float:right; width:370px; } | |
| .product-view .product-shop .product-options-bottom { padding: 15px 20px 15px 2px;} | |
| .col1-layout .product-view .product-shop { float:right; width:576px; } | |
| .col3-layout .product-view .product-shop { float:none; width:auto; } | |
| .product-view .product-shop .product-name { margin:0 0 5px; padding: 5px 0 0 0; /*border-top: 1px solid #CCCCCC;*/} | |
| .product-view .product-shop .product-name .product-name-2 { font-size : 12px; color: #666666;} | |
| .product-view .product-shop .product-name h1 { font-size:22px; font-weight:bold; font-family:'Asap', sans-serif; color:#333333;} | |
| .product-view .product-shop .product-sku { font-size: 14px; color: #666666;} | |
| .product-view .product-shop .availability { margin:10px 0; } | |
| .product-view .product-shop .short-description { margin:10px 0; } | |
| .product-view .product-shop .price-box { margin:10px 0 0 0; padding: 0 0 10px 0; font-family: 'Asap', san-serif; /*border-bottom: 1px dotted #666666;*/ background: url(../images/background/border_dot.png) repeat-x bottom;} | |
| .product-view .product-shop .price-box .old-price .price{ font-size: 18px; font-style: normal;} | |
| .product-view .product-shop .special-price .price { font-size: 24px; font-style: italic;} | |
| .product-view .product-shop .special-price .price-label { font-size: 18px; font-style: italic;} | |
| .product-view .product-shop .year-long-plan { height:60px} | |
| .product-view .product-shop .year-long-plan span{ float: left; margin: 10px 0 0 0; color:#007662;} | |
| .product-view .product-shop .year-long-plan .plan-flag { float:right;} | |
| .product-view .product-shop .year-long-plan .plan-flag { margin: -1px 0 0 0;} | |
| .product-view .product-shop .year-long-plan .plan-flag a:hover{opacity:0.8} | |
| .product-view .product-shop .gift-option { | |
| background-color:#666666; | |
| cursor: pointer; | |
| display:block; | |
| height:30px; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius:5px; | |
| margin:15px 0 0 0; | |
| position:relative; | |
| color:#666666; | |
| } | |
| .product-view .product-shop .gift-option .heading { height:20px; padding: 5px 10px 5px 15px;} | |
| .product-view .product-shop .gift-option .heading img{ float:right; padding: 5px 0 0 0; } | |
| .product-view .product-shop .gift-option .heading span { color:#FFFFFF; float:left;} | |
| .product-view .product-shop .gift-option .product { | |
| background-color: #FFFFFF; | |
| box-shadow: 1px 1px 5px #999999; | |
| -moz-box-shadow: 1px 1px 5px #999999; | |
| -webkit-box-shadow: 1px 1px 5px #999999; | |
| -ms-box-shadow: 1px 1px 5px #999999; | |
| -o-box-shadow: 1px 1px 5px #999999; | |
| position:relative; | |
| top:0px; | |
| padding:20px; | |
| cursor: auto; | |
| } | |
| .product-view .product-shop .gift-option .product img{ width:50px; height:50px; } | |
| .product-view .product-shop .gift-option .row { clear:both; padding: 10px 0; background: url(../images/background/border_dot.png) repeat-x bottom;} | |
| .product-view .product-shop .gift-option .title { margin:0 0 0 20px;} | |
| .product-view .product-shop .gift-option .qty { float:right; margin: 5px;} | |
| .product-view .product-shop .gift-option .qty span { position:relative; top:8px;} | |
| .product-view .product-shop .gift-option input { border:1px solid #cccccc; padding:5px;} | |
| .gift-option .thumb , .gift-option .title , .gift-option .qty { display:inline-block; vertical-align: middle;} | |
| .product-view .product-shop .gift-option .add_btn button{ float:none;} | |
| .product-view .product-shop .gift-option .add_btn { text-align: right; margin: 10px 0 0 0;} | |
| .product-view .product-shop .add-to-links { text-align:right; padding: 3px 10px; margin: 10px 0 0 0px;} | |
| .product-view .product-shop .add-to-links li { } | |
| .product-view .product-shop .add-to-links li .separator { display:none !important; } | |
| .product-view .product-shop .special-price{ text-align: left;} | |
| .product-view .product-collateral .product-name { text-align: center;} | |
| .product-view .product-collateral .price-box { text-align: center;} | |
| .product-view .product-shop .price-label{display:inline-block} | |
| /* Product Options */ | |
| .product-options-title{ | |
| color: #000; | |
| padding-bottom: 10px; | |
| padding-left: 0; | |
| padding-right: 0; | |
| padding-top: 10px; | |
| font-weight:bold; | |
| } | |
| .product-options-title-wrapper .selectedGift .optionRow{ | |
| border:1px #ccc solid; | |
| margin:5px 0; | |
| background: #F2F2F2; | |
| padding:5px 15px; | |
| box-shadow:0px 0px 3px #ccc; | |
| -moz-box-shadow:0px 0px 3px #ccc; | |
| -webkit-box-shadow:0px 0px 3px #ccc; | |
| -ms-box-shadow:0px 0px 3px #ccc; | |
| -o-box-shadow:0px 0px 3px #ccc; | |
| } | |
| .product-shop .product-options-title { | |
| padding:5px 10px 4px 10px; | |
| background: #F7931E; | |
| color:#FFF; | |
| border-radius:5px 5px 0 0; | |
| -moz-border-radius:5px 5px 0 0; | |
| -webkit-border-radius:5px 5px 0 0; | |
| -ms-border-radius:5px 5px 0 0; | |
| -o-border-radius:5px 5px 0 0; | |
| } | |
| .product-shop .product-options{ | |
| border:none; | |
| } | |
| .product-options { | |
| margin:0px 0 0; | |
| /*padding:0 0 10px;*/ | |
| background-color:#ffffff; | |
| border:1px solid #ddd; | |
| width:370px; | |
| border-radius:0 0 5px 5px ; | |
| -moz-border-radius:0 0 5px 5px; | |
| -webkit-border-radius:0 0 5px 5px; | |
| -ms-border-radius:0 0 5px 5px; | |
| -o-border-radius:0 0 5px 5px; | |
| } | |
| .product-options dt { padding:10px 0 0; font-weight:normal; } | |
| .product-options dt label { font-weight:bold; } | |
| .product-options dt span.required { color:#eb340a; } | |
| .product-options dt .qty-holder { float:right; margin-right:15px; } | |
| .product-options dt .qty-holder label { vertical-align:middle; } | |
| .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#444; } | |
| .product-options dd { min-height:90px; padding: 10px 0px 0px 0px; background: url("../images/background/border_dot.png") repeat-x scroll center bottom transparent; } | |
| .product-options dl { padding: 10px 0px 0px 0px;} | |
| .product-options dl dd .input-box { float:left; position:relative; top:2px;} | |
| .product-options dl dd .qty-holder { float:right; position:relative; top:2px;} | |
| .product-options dl.last dd.last { border-bottom:0; margin-bottom:0; background: none;} | |
| .product-options dd input { border:1px solid #cccccc; } | |
| .product-options dd input.input-text { width:20%px; } | |
| .product-options dd textarea { width:98%; height:8em; } | |
| .product-options dd select { width:99%; } | |
| .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } | |
| .product-options ul.options-list { margin-right:5px; } | |
| .product-options ul.options-list li { 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:2px; } | |
| .product-options ul.options-list .label { display:block; margin-left:18px; width:130px;} | |
| .product-options ul.options-list label { font-weight:normal; } | |
| .product-options ul.validation-failed { padding:0 7px; } | |
| .product-options p.required { margin-bottom:0; padding:15px 0 0; } | |
| .product-options .block { margin:0; position:relative; top:-10px;} | |
| .product-options .block-content { | |
| padding: 10px 15px 0 15px; | |
| position: absolute; | |
| z-index: 10; | |
| width:338px; | |
| background: #FFFFFF; | |
| border:1px solid #ccc; | |
| box-shadow: 0px 0px 5px #ccc; | |
| -moz-box-shadow: 0px 0px 5px #ccc; | |
| -webkit-box-shadow: 0px 0px 5px #ccc; | |
| -ms-box-shadow: 0px 0px 5px #ccc; | |
| -o-box-shadow: 0px 0px 5px #ccc; | |
| display: none; | |
| } | |
| .product-options .bundle-image { width:100px; float:left;} | |
| .product-options .bundle-image img { width:80px;} | |
| .product-options .input-box { } | |
| .product-options .block-title { border:none;} | |
| .product-options .option-title { | |
| color:#FFFFFF; | |
| background-color:#666666; | |
| padding: 7px 10px 5px; | |
| border-radius:0 0 5px 5px; | |
| -moz-border-radius:0 0 5px 5px; | |
| -webkit-border-radius:0 0 5px 5px; | |
| -ms-border-radius:0 0 5px 5px; | |
| -o-border-radius:0 0 5px 5px; | |
| min-height:20px; | |
| width:350px; | |
| display:inline-block; | |
| position: relative; | |
| top:10px; | |
| z-index:99; | |
| /* background-image: linear-gradient(bottom, rgb(51,51,51) 9%, rgb(85,85,85) 71%); | |
| background-image: -o-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(85,85,85) 71%); | |
| background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(85,85,85) 71%); | |
| background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(85,85,85) 71%); | |
| background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(85,85,85) 71%); | |
| background-image: -webkit-gradient( | |
| linear, | |
| left bottom, | |
| left top, | |
| color-stop(0.09, rgb(51,51,51)), | |
| color-stop(0.71, rgb(85,85,85)) | |
| ); | |
| box-shadow: inset 1px 2px 2px 0 #999;*/ | |
| } | |
| .product-options .option-title .title { float:left; padding:5px 0 0 0;} | |
| .product-options .option-title .arrow-img { float:right; padding: 2px 0 0 0; top:0px; right:0} | |
| .product-options .option-title .choose_btn { | |
| float:right; | |
| background: url(../images/background/grey_btn_28.png) 0 0 repeat-x; | |
| border: 1px solid #666666; | |
| cursor:pointer; | |
| padding:3px 10px; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| line-height: 19.5px; | |
| text-shadow: 0 0 1px #333333;} | |
| .product-options-bottom { /*background-color:#f6f6f6;*/ padding:15px 20px; } | |
| .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; } | |
| .product-options-bottom .price-box { float:left; margin:0; } | |
| .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; margin:0; padding:0; border:0; background:0; } | |
| .product-shop .product-options-bottom .price-box { float:none; margin:0; } | |
| .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 { clear:both; float:none; padding:12px 0 0; text-align:left; } | |
| .product-options .option-title .choose_btn:hover{background: url("../images/background/orange_btn_28.png");} | |
| /* Grouped Product */ | |
| .product-view .grouped-items-table .price-box { margin:0; padding:0; } | |
| /* Product Tabs */ | |
| .product-quicktab { margin: 20px 0 0 0; } | |
| .product-tabs { position: relative; z-index: 1;} | |
| .product-tabs li { float:left; margin: 0 2px 0 0; font-size:12px; line-height:1.5em; background-color:#F2F2F2; } | |
| .product-tabs li.first { border-left:0; } | |
| .product-tabs li.last { border-right:0; } | |
| .product-tabs a { display:block; padding:5px 10px; color:#666; } | |
| .product-tabs a:hover { background-color:#fff; text-decoration:none; color:#333; } | |
| .product-tabs li.active a, | |
| .product-tabs li.active a:hover { | |
| color:#333; | |
| background-color: #FFF; | |
| border-top: 1px solid #EEEEEE; | |
| border-left: 1px solid #EEEEEE; | |
| border-right: 1px solid #EEEEEE; | |
| } | |
| .product-tabs-content { | |
| border: 1px solid #EEEEEE; | |
| padding:20px; | |
| position:relative; | |
| top:-1px; | |
| color:#666666; | |
| height:150px; | |
| width:330px; | |
| overflow: auto; | |
| border-radius: 0 5px 5px; | |
| -moz-border-radius: 0 5px 5px; | |
| -webkit-border-radius: 0 5px 5px; | |
| -ms-border-radius: 0 5px 5px; | |
| -o-border-radius: 0 5px 5px; | |
| } | |
| .product-tabs-content .std { min-height:100px;} | |
| .product-tabs-content .data-table td{ padding:0;} | |
| .product-tabs-content ul { padding: 0 10px;} | |
| .product-tabs-content li { list-style: disc;} | |
| .product-tabs-content h2 { display:none; font-size:12px; font-weight:bold; } | |
| .product-tabs-content .Ingredients-title { border-bottom:1px solid #ccc; color:#007662;} | |
| #product-attribute-specs-table td { border:none !important;} | |
| /* Mini Products Grid */ | |
| .mini-products-grid { width:100%; } | |
| .mini-products-grid td { width:16%; padding:0 8px 8px 0; } | |
| .mini-products-grid .product-image { display:block; /*border:1px solid #EEEEEE;*/ margin:0 0 10px; width:110px; height:110px;} | |
| .mini-products-grid .product-image img { width:110px; height:110px;} | |
| .mini-products-grid .product-name { width:115px; min-height:45px; margin:0 0 6px; overflow:hidden; } | |
| .mini-products-grid .product-name a { color:#444; text-decoration:underline; } | |
| .mini-products-grid .product-name a:hover { text-decoration:none; } | |
| .mini-products-grid td.empty {} | |
| .mini-products-grid td.last { padding-right:0; } | |
| .mini-products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } | |
| /* list bundle item */ | |
| .products-grid .bundle .bundle-tag{ | |
| position:absolute; | |
| display:block; | |
| height:31px; | |
| width: 170px; | |
| background:url("../images/buttons/3step_month_label.png"); | |
| background-position: 10px 0; | |
| background-repeat: no-repeat; | |
| opacity: 0.7; | |
| top:2px; | |
| line-height: 30px; | |
| color:#fff; | |
| } | |
| .products-grid .bundle .savedPriceWrapper{ | |
| display:inline; | |
| color: #F7931E; | |
| font-size: 12px; | |
| font-weight: noramal; | |
| margin: 2px 0 1px 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 { margin:0 0 8px; } | |
| #product_tabs_upsell_products_contents h2 { display:block; } | |
| /* Block: Tags */ | |
| .product-view .box-tags { margin:0; } | |
| .product-view .box-tags h3 { font-size:12px; } | |
| .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } | |
| .product-view .box-tags .product-tags li { display:inline; background:url(../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:12px; font-weight:bold; margin:0 0 3px; } | |
| .product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; } | |
| .product-view .box-tags .form-add input.input-text { width:299px; } | |
| .product-view .box-tags .form-add button.button span { height:23px; background-image:url(../images/bkg_btn-small.png); line-height:20px; } | |
| .product-view .box-tags .note { margin:2px 0 0; font-size:10px; } | |
| /* 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:460px; } | |
| .product-view .box-reviews .form-add .form-list input.input-text, | |
| .product-view .box-reviews .form-add .form-list textarea { width:454px; } | |
| #customer-reviews #review-form fieldset{ height:300px;} | |
| #customer-reviews #review-form .buttons-set { margin: 0 295px 0 0;} | |
| .box-reviews { padding: 10px 00px; color:#666666;} | |
| .box-reviews h2 { font-size:16px; font-weight:100; } | |
| .box-reviews h2 span { background: #AAAAAA; color:#FFFFFF; padding: 5px 10px;} | |
| .box-reviews div { margin: 20px 0 0 0;} | |
| .box-reviews dl { | |
| border:1px soild #ccc; | |
| clear:both; | |
| /*border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| -ms-border-radius:5px; | |
| -o-border-radius:5px;*/ | |
| box-shadow: 0 0 3px #ccc; | |
| -moz-box-shadow: 0 0 3px #ccc; | |
| -webkit-box-shadow: 0 0 3px #ccc; | |
| -ms-box-shadow: 0 0 3px #ccc; | |
| -o-box-shadow: 0 0 3px #ccc; | |
| margin: 10px 0; | |
| } | |
| .box-reviews dt { padding: 10px 30px 10px 20px; display:inline-block; vertical-align: top; width:200px;} | |
| .box-reviews dt a { text-decoration: underline; color:#007662;} | |
| .box-reviews dt span { font-weight:bold; color:#007662;} | |
| .box-reviews dd { padding: 10px 0; width:400px; display:inline-block;color:#666;} | |
| .box-reviews dt .date { font-style: italic;} | |
| /* Send a Friend */ | |
| .send-friend .form-list { width:535px; overflow:hidden; } | |
| .send-friend .form-list li { margin-right:-15px; } | |
| .send-friend .form-list li p { margin:0 15px 0 0; } | |
| .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:25px; } | |
| /* ======================================================================================= */ | |
| /* Content Styles ================================================================= */ | |
| .product-name { margin:0; font-size:1em; font-weight:normal; /*line-height:1.55;*/ /*min-height:50px;*/} | |
| /*.product-name a { color:#444; }*/ | |
| /* Product Tags */ | |
| .tags-list { display:block; font-size:13px; border:1px solid #ddd; background:#f6f6f6; 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 #ddd; background:#ecf9ea; padding:10px; } | |
| .advanced-search-summary ul { float:left; width:49%; } | |
| .advanced-search-summary strong { color:#E17C24; } | |
| .advanced-search-summary li { margin:2px 0; } | |
| .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } | |
| /* CMS Home Page */ | |
| .cms-home .main { padding:0px; } | |
| .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; } | |
| .page-sitemap .links a:hover { text-decoration:underline; } | |
| .page-sitemap .sitemap { margin:12px; } | |
| .page-sitemap .sitemap a { color:#444; } | |
| .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:#4f8100; } | |
| /* RSS */ | |
| .rss-title h1 { background:url(../images/i_rss-big.png) 0 3px no-repeat; padding-left:27px; } | |
| .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } | |
| /* ======================================================================================= */ | |
| /* Shopping Cart ========================================================================= */ | |
| .cart { background-color: #FFFFFF;} | |
| .cart .grey-bar { | |
| width:100%; | |
| height:30px; | |
| background-color:#f2f2f2; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| -ms-border-radius: 5px; | |
| -o-border-radius: 5px; | |
| } | |
| .cart .page-title h1{ font-size:28px;} | |
| /* Checkout Types */ | |
| .cart .page-title .checkout-types { display:none !important; } | |
| /* Shopping Cart Table */ | |
| .cart-table th { padding:2px 10px; text-align: center;} | |
| .cart-table td { padding:20px 10px; text-align: center; font-size: 14px;} | |
| .cart-table .product-name { font-weight:bold; margin:0 0 5px; color:#444; text-align: left;} | |
| .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } | |
| .cart-table tfoot td { padding:10px; } | |
| .cart-table .btn-continue { float:left; } | |
| .cart-table .btn-continue span { background:none; padding:0; } | |
| .cart-table .btn-continue span span { text-shadow: none !important; } | |
| .cart-table .btn-continue:hover span { text-decoration:none; } | |
| .cart-table .btn-update span {} | |
| .cart-table .cart-img { padding:10px 0;} | |
| .cart-table .cart-img img{ border:1px solid #E6E6E6;} | |
| .cart-table .cart-title-img{ width:15%;} | |
| .cart-table .cart-title-product-name{ width:50%;} | |
| .cart-table .cart-title-price{ width:15%;} | |
| .cart-table .cart-title-qty{ width:10%;} | |
| .cart-table .cart-title-subtotal{ width:15%;} | |
| /* Shopping Cart Collateral boxes */ | |
| .cart .cart-collaterals { padding:25px 0 0; } | |
| .cart .cart-collaterals .col2-set .col-1 { width:222px; } | |
| .cart .cart-collaterals .col2-set .col-2 { /*width:655px; */ } | |
| .cart .crosssell { padding:0 10px 10px; color:#666666;} | |
| .cart .crosssell span{ font-size:12px; font-family: "Asap", sans-seif 'Microsoft JhengHei';} | |
| .cart .crosssell .price { font-size: 12px; font-style: normal;} | |
| .cart .crosssell .product-image { float:left; width:75px; height:75px; } | |
| .cart .crosssell .product-details { margin-left:85px; } | |
| .cart .crosssell .product-name { font-weight:bold; } | |
| .cart .crosssell .product-name a { color:#666;} | |
| .cart .crosssell li.item { padding:20px 0 ; border-bottom:1px dotted #ccc; } | |
| .cart .crosssell li.last { border-bottom:0; padding-bottom:0; margin:0; } | |
| .cart .crosssell .link-compare { font-weight:normal; } | |
| .cart .no-crosssell { width:100%; overflow:hidden; } | |
| .cart .no-crosssell img { display:block; margin:0 0 10px; } | |
| .cart .crosssell .btn-cart{ float:left;} | |
| .cart .crosssell #crosssell-products-list { margin: 10px 0 0 0;} | |
| .cart .crosssell #crosssell-products-list .product-name {min-height:20px;} | |
| .cart .crosssell #crosssell-products-list .regular-price { font-weight: normal;} | |
| .cart .crosssell #crosssell-products-list .regular-price .price { font-weight: normal; font-style: italic;} | |
| .cart .crosssell #crosssell-products-list .special-price{ text-align: left;font-weight:bold; } | |
| .cart .crosssell #crosssell-products-list .special-price .price-label{ display:inline-block;font-size:16px;} | |
| .cart .crosssell #crosssell-products-list .special-price .price{font-size:16px;} | |
| .cart .crosssell #crosssell-products-list .savedPriceBox { color:#F7931E; font-style: italic; margin: 0 0 10px 0;} | |
| /* Discount Codes & Estimate Shipping and Tax Boxes */ | |
| .cart .discount, | |
| .cart .shipping { padding:10px 0; margin:0 12px 0px 12px; } | |
| .cart .shipping { margin: 0 12px 40px 12px;} | |
| .cart .discount h2, | |
| .cart .shipping h2 { width:225px; font:normal 14px/16px Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; } | |
| .cart .discount .discount-form, | |
| .cart .shipping .shipping-form { } | |
| .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:0; } | |
| .cart .discount .buttons-set button.button span, | |
| .cart .shipping .buttons-set button.button span { /*background-image:url(../images/bkg_btn-green.gif);*/ font-size:13px; color:#fff; } | |
| .cart .discount .buttons-set button.button span span, | |
| .cart .shipping .buttons-set button.button span span { } | |
| .cart .discount { border-bottom:1px dotted #cccccc ; } | |
| .cart .discount label { color:#555; } | |
| .cart .discount .input-box { width:270px; } | |
| .cart .discount input.input-text { width:260px; height:20px;} | |
| .cart .shipping p { margin:0 0 3px; } | |
| .cart .shipping .sp-methods { margin:10px 0 0; padding:6px 0 0; border-top:1px solid #f2d8c1; } | |
| .cart .shipping .form-list .input-box { width:274px; background:#FFFFFF;} | |
| .cart .shipping .form-list input.input-text { width:262px; height: 18px;} | |
| .cart .shipping .form-list select { width:274px; height:24px;} | |
| /* Shopping Cart Totals */ | |
| .cart .totals { /*background:#fff url(../images/bkg_cart-totals.gif) 0 0 no-repeat;*/ padding:12px 15px; } | |
| .cart .totals .btn-checkout{ margin:0} | |
| .cart .totals table { float:right; margin:0 0 8px; width:240px; } | |
| .cart .totals td { padding:0 0 0 15px; } | |
| .cart .totals tr.last td {} | |
| .cart .totals tbody td{ font-size:12px;} | |
| .cart .totals tfoot td {} | |
| .cart .totals tfoot td strong { font-size:18px; font-weight:bold; color:#000000; } | |
| .cart .totals .checkout-types { font-size:13px; padding:4px 0; text-align:right; } | |
| .cart .totals .checkout-types li { clear:both; margin:0 0 5px; } | |
| /* for recurring total */ | |
| .cart tr.summary-total td{font-size:18px; font-weight:bold; } | |
| /* Options Tool Tip */ | |
| .item-options {text-align: left;} | |
| .item-options dt { font-weight:bold; font-style:italic; color:#999; font-size:12px;} | |
| .item-options dd { padding-left:10px; color:#999; font-size:12px;} | |
| .truncated { cursor:help; } | |
| .truncated a.dots { cursor:help; text-decoration:none !important; } | |
| .truncated a.details { cursor:help; text-decoration:none !important; display:inline-block; border-bottom:1px dotted #4f8100; } | |
| .truncated .truncated_full_value { position:relative; z-index:999; } | |
| .truncated .truncated_full_value dl { position:absolute; top:-99999em; z-index:999; width:250px; padding:8px; border:2px solid #ddd; border-bottom-color:#666; background-color:#f6f6f6; } | |
| .truncated .truncated_full_value dt { margin-top:0; } | |
| .truncated .show dl { top:-20px; left:50%; } | |
| .col-left .truncated .show dl { left:30px; top:10px; } | |
| .col-right .truncated .show dl { left:-240px; top:10px; } | |
| /* ======================================================================================= */ | |
| /* 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:bold; color:#555; } | |
| .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 .centinel-logos a { margin-right:3px; } | |
| .sp-methods .centinel-logos img { vertical-align:middle; } | |
| .please-wait { float:right; } | |
| .please-wait img { vertical-align:middle; } | |
| .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } | |
| /* Tooltip */ | |
| .tool-tip { border:2px solid #ddd; border-bottom-color:#666; background:#f6f6f6; 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:12px; height:12px; background:url(../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:11px; background:url(../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:12px; height:12px; background:url(../images/btn_remove.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:#fbfbfb; border:1px solid #e4e4e4; } | |
| .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } | |
| .checkout-agreements .agree input.checkbox { margin-right:6px; } | |
| .checkout-agreements .agree label { font-weight:bold; color:#555; } | |
| .opc .checkout-agreements { padding:5px 30px; } | |
| .opc .checkout-agreements li { margin:20px 0 0; } | |
| .opc .checkout-agreements .agreement-content { background:#fff; padding:5px; } | |
| .opc .checkout-agreements .agree { padding-left:6px; } | |
| /*checkout success page */ | |
| .checkout-onepage-success a{text-decoration: underline;font-weight: bold;} | |
| .checkout-onepage-success .buttons-set button.button {float:left;} | |
| /* Centinel */ | |
| .centinel {} | |
| .opc .centinel { padding:10px 30px; } | |
| /* Generic Info Set */ | |
| .info-set { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } | |
| .info-set h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } | |
| .info-set h3, | |
| .info-set h4 { font-size:12px; font-weight:bold; } | |
| .info-set h2 a, | |
| .info-set h3 a, | |
| .info-set h4 a { font-weight:normal; } | |
| .info-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } | |
| .info-set h2.legend a { color:#fff; } | |
| .info-set h3.legend { margin:0 0 10px; } | |
| .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } | |
| .info-set .box { margin:0 0 15px; } | |
| .info-set .box h2 { color:#e26703; } | |
| .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#4f8100 !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 */ | |
| .grey-bar { width:1000px; height:30px; background-color:#f2f2f2; margin: 20px 0 0 0;} | |
| #checkout-progress-wrapper { margin: 65px 0 0 0; } | |
| .block-progress { border:1px solid #CCCCCC; margin: 0 0 0 -20px; width:230px;} | |
| .block-progress .block-title { background: #666666; padding: 8px 0; } | |
| .block-progress .block-title strong { font-size:16px; color:#FFFFFF; text-align: center; font-weight:100; float:none;} | |
| .block-progress .block-content { background:none; padding:0; } | |
| .block-progress dt { font-size:12px; line-height:1.35; background:#eee; border:1px solid #ddd; margin:0 0 1px 0; padding:5px 15px; color:#333; } | |
| .block-progress dd { border-top:0; padding:10px 17px; margin:0 0 6px; } | |
| .block-progress dt.complete {} | |
| .block-progress dt.complete a { text-transform:none; float:right;} | |
| .block-progress dd.complete {} | |
| .block-progress p { margin:0; } | |
| #billing-buttons-container, #shipping-buttons-container { border-top : 1px solid #999999; margin: 10px 0 0 0;} | |
| #checkout-step-billing .check-company, #checkout-step-shipping .check-company { margin: 0 0 3px 440px; color:#555555;} | |
| #checkout-step-billing .check-company input, #checkout-step-shipping .check-company input { margin: 0 0 3px 0;} | |
| .opc .buttons-set { margin-top:0; padding-top:1em; } | |
| .opc .buttons-set p.required { margin:0; padding:0 0 10px; } | |
| .opc .buttons-set.disabled button.button { display:none; } | |
| .opc .buttons-set .please-wait { height:28px; line-height:28px; } | |
| .opc .ul { list-style:disc outside; padding-left:18px; } | |
| .opc { position:relative; width: 730px;} | |
| .opc li.section {} | |
| .opc .step-title { background:#ccc; padding:10px; text-align:right; color:#FFFFFF; border-bottom: 1px solid #FFFFFF;} | |
| .opc .step-title .number { float:left; margin:0 15px; font:normal 16px 'Asap', sans-serif; color:#FFFFFF; } | |
| .opc .step-title h2 { float:left; margin:0; font: 16px 'Asap', sans-serif; color:#FFFFFF; } | |
| .opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } | |
| .opc .allow .step-title { background:#007662; color:#fff; cursor:pointer; } | |
| .opc .allow .step-title .number {} | |
| .opc .allow .step-title h2 { color:#fff; } | |
| .opc .allow .step-title a { display:block; font-size:10px; color:#fff; text-transform:uppercase; text-shadow:none;} | |
| .opc .active .step-title { background:#007662; border-color:#007662; border-top-color:#fff;color:#fff; cursor:default; } | |
| .opc .active .step-title .number {} | |
| .opc .active .step-title h2 { color:#fff; } | |
| .opc .active .step-title a { display:none; } | |
| .opc .step { border:1px solid #ddd; border-top:0; background:#fbfbfb; padding:15px 30px; position:relative; } | |
| .opc .step .tool-tip { right:30px; } | |
| #checkout-step-login .f-left { position:relative; top:-25px;} | |
| #opc-login h3 { font-size:16px; border-bottom:1px solid #e4e4e4; padding-bottom:2px;} | |
| #opc-login h4 { font-size:16px; font-weight:bold; margin:0; color:#2f2f2f; } | |
| #opc-login .form-list { margin: 0 0 20px 0;} | |
| #opc-login .form-list li { margin: 20px 0;} | |
| #opc-login .form-list li.control { margin: 10px 0; } | |
| #opc-login .form-list li.control-register { line-height:30px } | |
| #opc-login .col-2 { border-left: 1px solid #cccccc; padding: 0 0 0 20px; width: 46%;} | |
| #opc-login .opc-button { background: none; border:none; padding: 0;} | |
| #opc-login .fb_btn { background: none; border:none; padding: 0; margin: -20px 0 0 0;} | |
| #opc-shipping_method .buttons-set { border-top:0; } | |
| .opc .gift-messages-form { margin:0 -30px; background:#f4f4f4; border:1px solid #ddd; border-width:1px 0; padding:22px 24px 22px 30px; } | |
| .opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; } | |
| #opc-review .step { padding:0; } | |
| #opc-review .product-name { font-weight:bold; } | |
| #opc-review .item-options { margin:5px 0 0; } | |
| #opc-review .buttons-set { border:0; padding:15px 30px; } | |
| #opc-review .buttons-set p { margin:0; line-height:28px; } | |
| #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } | |
| /* Multiple Addresses Checkout */ | |
| .checkout-progress { padding:0 90px; margin:0 0 20px; } | |
| .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:6px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#888; } | |
| .checkout-progress li.active { border-top-color:#e96200; color:#e96200; } | |
| .multiple-checkout h2 { font-size:12px; font-weight:bold; margin:0 0 10px; } | |
| .multiple-checkout h3, | |
| .multiple-checkout h4 { font-size:12px; font-weight:bold; } | |
| .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:#4f8100 !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 { background:#fbfbfb; border:1px solid #ddd; margin:0 0 25px; padding:20px; } | |
| .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:3px 10px; background:#777; border-bottom:1px solid #777; position:relative; color:#fff; } | |
| .multiple-checkout .col2-set h3.legend { margin:0 0 10px; } | |
| .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } | |
| .multiple-checkout .box { margin:0 0 15px; } | |
| .multiple-checkout .place-order .please-wait { float:right; padding:5px 10px 0 0; } | |
| .multiple-checkout .place-order .grand-total { float:right; } | |
| .multiple-checkout .place-order .grand-total .inner {} | |
| .multiple-checkout .place-order .grand-total big { float:left; margin-right:12px; font-size:1.5em; font-weight:bold; line-height:28px; color:#e26703; } | |
| .multiple-checkout .place-order .grand-total div { float:left; } | |
| /* Step 1 */ | |
| #multiship-addresses-table td { padding:10px; } | |
| #multiship-addresses-table tfoot td { padding:5px 10px; } | |
| /* Step 2 */ | |
| .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; 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 #ddd; background:#eee; padding:13px; position:relative; } | |
| .checkout-multishipping-shipping .box-sp-methods .pointer { display:none; } | |
| /* Step 3 */ | |
| .checkout-multishipping-billing .multiple-checkout { position:relative; } | |
| /* ======================================================================================= */ | |
| /* Account Login/Create Pages ============================================================ */ | |
| .account-login .content { min-height:200px; padding:30px; border:1px solid #cccccc;} | |
| .account-login .content h2 { margin:0 -10px 12px; padding:0 0 5px 0; font-size:16px; line-height:1.25; border-bottom: 1px solid #cccccc;} | |
| .account-login .buttons-set button{ background: none; border: none; padding: none;} | |
| .account-login .buttons-set .fb_btn { padding:0; margin:4px 0 0 0;} | |
| .account-login .buttons-set .f-left { margin: 15px 0 0 20px; } | |
| .account-login .buttons-set .fb_button_ps img{ margin: 8px 0 0 0;} | |
| .account-login .buttons-set .fb_button_ps img:hover{position:relative; top:1px;} | |
| /* Account Login/Create Pages ============================================================ */ | |
| .account-create .page-title { padding: 0 0 0 30px;} | |
| .account-create .page-title img { display:inline;} | |
| .account-create .page-title h1 { display:inline; position:relative; top: 32px;} | |
| .account-create .register-form { | |
| padding: 20px; | |
| background-color:#FAFAFA; | |
| border:1px solid #CCCCCC; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| } | |
| .account-create .register-form h2 { font-family: 'Asap', sans-serif; font-weight:100; border-bottom: 1px solid #999999; width:362px;} | |
| .account-create .register-form .required { margin: 0 50px 0 0; } | |
| .account-create .register-form span.required { color:#EB340A;} | |
| .account-create .register-form .fieldset { width:400px;} | |
| .account-create .register-form .fieldset-general { width: 400px; height:300px; margin: 0 10px 25px;} | |
| .account-create .register-form .fieldset-shipping { width: 400px; height:200px; margin: 0 10px 0px;} | |
| .account-create .register-form .form-list ul { width:350px;} | |
| .account-create .register-form .form-list li { } | |
| .account-create .register-form .form-list li input{ width:150px;} | |
| .account-create .register-form .form-list .wide { float:none; margin: 0 0 15px 0;} | |
| .account-create .register-form .form-list .wide input { width:350px;} | |
| .account-create .register-form .form-list li select{ width:162px;} | |
| .account-create .register-form .form-list li .field { width:200px; margin:0;} | |
| .account-create .register-form .form-list li .input-box{ width:200px;} | |
| .account-create .register-form .form-list .group { clear: both;} | |
| .account-create .register-form .form-list .group li { margin: 0 0 20px 0;} | |
| .account-create .register-form .form-list li input.validate-email{ width:350px;} | |
| .account-create .register-form .form-list .mobile { width:160px; display:inline-block; margin: 0 36px 0 0;} | |
| .account-create .register-form .form-list .gender { width:160px; display:inline-block;} | |
| .account-create .register-form .form-list .group-select li { float:left; width:160px;} | |
| .account-create .register-form .form-list .control { text-align: right; width:360px;} | |
| .account-create .register-form .form-list .control .input-box input {width:20px;} | |
| .account-create .register-form .form-list .group-select .profile-field-language { } | |
| .account-create .register-form .form-list .group-select .profile-field-age { position:relative; left:39px;} | |
| .account-create .register-form .group-form { float:left;} | |
| .account-create .register-form form { width:940px;display:inline-block;} | |
| .gift-option-section { float:right; width:500px; display:inline-block;} | |
| .gift-option-section .register-gift-option { height:220px;width:200px; float:left; background: #FFF; border:1px solid #ccc; padding:10px;margin:5px; text-align: center;} | |
| .gift-option-section .input-box label { margin: 0 0 0 5px;} | |
| .account-edit .form-list .register-gift-option li { padding: 15px; background-color: #FFFFFF; border: 1px solid #cccccc; margin: 5px 5px 0 0; float:left; width:150px; height:230px;} | |
| .account-edit .form-list .register-gift-option-wrapper { margin:0 0 20px 0;} | |
| .register-gift-option .title .styled {margin: 0 5px 0 0;} | |
| .register-gift-option .input-box { width:auto;} | |
| .register-gift-option input{float:left;} | |
| .register-gift-option label{ clear:both;} | |
| .register-gift-option .options-list li{ padding:15px;} | |
| .register-gift-option .options-list label { min-height:70px;} | |
| .register-gift-option img { | |
| max-height: 180px; | |
| max-width: 200px; | |
| } | |
| .register-gift-option span{display:block;} | |
| .account-edit { padding: 10px 0 0 0;} | |
| .account-edit .form-list li { float:left; margin: 0 10px 10px 0;} | |
| .account-edit .register-gift-option { margin:0;} | |
| .account-edit .name-firstname { margin:0 10px 0 0;} | |
| .account-edit .name-lastname { margin:0 10px 0 0;} | |
| .account-edit .form-list textarea{padding 0 5px;} | |
| .account-edit .form-list input{ height:26px;} | |
| .account-edit .form-list select { width:273px; height:26px;} | |
| .account-edit li.control { clear:both;} | |
| .account-edit .current-password { clear:both;} | |
| .account-edit .legend { clear:both;} | |
| .fb-form {width:800px; margin: 0 auto;} | |
| .fb-form h2 { font-size:16px;} | |
| .fb-form .account-edit .register-gift-option-wrapper {float:left;} | |
| .fb-form .account-edit .legend { border-bottom:1px solid #ccc;} | |
| .fb-form .account-edit .account_info .form-list .fields .field { width:260px;} | |
| .fb-form .account-edit .account_info .form-list .fields input { width:260px; } | |
| .fb-form .account-edit .account_info .form-list .input-box { width:auto;} | |
| .fb-form .account-edit .account_info .form-list select { width:260px;} | |
| .fb-form .account-edit .contact_info {clear:both; margin: 0 0 0 10px;} | |
| .fb-form .account-edit .contact_info .form-list .fields { clear:both;} | |
| .fb-form .account-edit .contact_info .form-list .fields .field { width:auto;} | |
| .fb-form .account-edit .contact_info .form-list .input-box { width:auto;} | |
| .fb-form .account-edit .contact_info .form-list li{ margin-right:0;} | |
| .fb-form .account-edit .contact_info .form-list li.wide .input-box { width:auto;} | |
| .fb-form .account-edit .address_info {clear:both; margin: 0 0 0 10px;} | |
| .fb-form .account-edit .address_info .form-list li { clear:both;} | |
| .fb-form .account-edit .address_info .form-list li.wide .input-box { width:auto;} | |
| .fb-form .account-edit .address_info .form-list .input-box { width:auto;} | |
| .fb-form .account-edit .address_info .form-list .fields .field { width:auto;} | |
| .fb-form .account-edit .address_info .form-list select { width:260px;} | |
| .fb-form .account-edit .address_info .form-list .fields { margin:0;} | |
| .fb-form .account-edit .change-password .form-list .input-box { width:auto;} | |
| .fb-form .account-edit .change-password .form-list .fields .field { width:auto;} | |
| .fb-form .account-edit .buttons-set .back-link { margin: 0 0 0 10px;} | |
| .account-create .register-form p.required { margin: 0 50px 20px 0;} | |
| .account-create .register-form p.back-link { background: none; border:none; } | |
| .account-create .register-form p.back-link:hover { position:relative; top:1px;} | |
| .account-create .register-form p.back-link a:hover { text-decoration: none;} | |
| .account-create .register-form .option { clear:both; margin: 20px 0 30px 10px; height:30px; height:180px;} | |
| .account-create .register-form .option .title { clear:both; height:25px;padding-top:10px;} | |
| .account-create .register-form .option .title .styled {margin: 0 10px 0 0; float:left;} | |
| .account-create .register-form .option .title .text {float:left; position:relative; top: -2px;} | |
| .account-create .register-form .option .title .abc {width:800px;} | |
| .account-create p.back-link { background: none; border: none; padding:0 10px ;} | |
| @media screen and (-webkit-min-device-pixel-ratio:0){ | |
| .account-create .register-form .option .title .text {top: -5px;} | |
| } | |
| #RegisterTc{ | |
| text-align: left; | |
| overflow-y:scroll;overflow-x:hidden; | |
| font-size:11px; | |
| height:500px; | |
| } | |
| #fancybox-content .block-fblogin-wrapper .fb_button_ps img { width:62px;} | |
| #fancybox-content .button { top:0; left:5px; position:relative;} | |
| #fancybox-content .actions { margin: 10px 0 0 0;} | |
| #fancybox-content .block-login .block-title { font-size:16px; font-weight:bold; padding: 0 0 0 10px;} | |
| /* My Account ============================================================================= */ | |
| .my-account .title-buttons .link-rss { float:none; margin:0; } | |
| /********** < Dashboard */ | |
| .dashboard {margin: 30px 0 0 0;} | |
| .dashboard .welcome-msg { margin:0 8em 1.5em 0; } | |
| .dashboard .welcome-msg p { margin:0; } | |
| .dashboard .col2-set { margin:0 0 15px; } | |
| .dashboard .club_logo { float:right;} | |
| .club_logo img { float:right; height: 50px;} | |
| .dashboard h1 {float:left;} | |
| /* General Box */ | |
| .box-account { margin:0 0 15px; padding: 20px; border: 1px solid #EEEEEE;} | |
| .box-account .box-head { margin:0 0 20px; text-align:right; border-bottom: 1px solid #cccccc;} | |
| .box-account .box-head h2 { float:left; margin:0; font-size:16px; font-weight:bold; color:#333333; } | |
| .box-account .box-head a { font-size:10px; text-transform:uppercase; } | |
| .dashboard .box .box-title { padding:0px; margin:0 0 12px; text-align:right; border-bottom: 1px dotted #666666;} | |
| .dashboard .box .box-title h3, | |
| .dashboard .box .box-title h4 { float:left; margin:0; font-size:12px; font-weight:bold; line-height:1.35; } | |
| .dashboard .box .box-title a { text-decoration: underline; } | |
| .dashboard .box .box-content { padding:0; } | |
| .dashboard .box .box-content a { text-decoration: underline; } | |
| /* Block: Recent Orders */ | |
| .dashboard .box-recent {} | |
| /* Block: Account Information */ | |
| .dashboard .box-info {} | |
| .dashboard .box-info h4 { text-transform: uppercase; } | |
| .my-account .fieldset { margin:10px 0px; padding:20px; border: 1px solid #EEEEEE;} | |
| .my-account .page-title h1 { float:left;} | |
| .my-account .page-title .club_logo img { float:right; height:50px;} | |
| .account-edit .page-title h1 { float:left;} | |
| /* Block: Reviews */ | |
| .dashboard .box-reviews .box-head { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } | |
| .dashboard .box-reviews .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } | |
| .dashboard .box-reviews .number { display:none; 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 { padding:0 10px; } | |
| .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 { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; } | |
| .dashboard .box-tags .box-head h2 { font-size:12px; font-weight:bold; line-height:1.35; color:#444; } | |
| .dashboard .box-tags .number { display:none; 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 { padding:0 10px; } | |
| .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 { background:#f1f1f1; padding:2px 10px; margin:0 0 12px; font-size:13px; font-weight:bold; line-height:1.25; } | |
| .addresses-list h3 { font-weight:bold; font-size:12px; } | |
| .addresses-list address { margin:0 0 3px; } | |
| .addresses-list p { margin:0; } | |
| .addresses-list a { font-weight:bold; } | |
| .addresses-list .link-remove {} | |
| .addresses-list .separator { margin:0 3px; } | |
| .addresses-list li.item { padding:0 10px; margin:0 0 12px; } | |
| .addresses-list li.empty {} | |
| .addresses-list li.empty p { font-weight:bold; } | |
| .addresses-list .addresses-additional li.item {} | |
| /* Order View */ | |
| .order-info dt { display:none; } | |
| .order-info ul { margin-bottom:15px; border-bottom:1px solid #666; background:#f2f2f2 url(../images/bkg_tabs.gif) 0 100% repeat-x; } | |
| .order-info li{ float:left; border-right:1px solid #a4a4a4; border-left:1px solid #fff; font-size:1.1em; line-height:1em; } | |
| .order-info li.first { border-left:0; } | |
| .order-info li.last { border-right:0; } | |
| .order-info li a { display:block; padding:6px 15px; color:#444; } | |
| .order-info li a:hover { background-color:#ddd; text-decoration:none; color:#444; } | |
| .order-info li.current { background-color:#666; font-weight:bold; padding:6px 15px; color:#fff; } | |
| .order-date { margin:10px 0; } | |
| .order-info-box { margin:0 0 15px; } | |
| .order-info-box h2 { font-size:13px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 8px; } | |
| .order-info-box .box-payment p { margin:0 0 5px; } | |
| .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } | |
| .order-items { width:100%; overflow-x:auto; } | |
| .order-items h2 { font-weight:bold; font-size:13px; } | |
| .order-items h3 { font-weight:bold; font-size:12px; } | |
| .order-items .product-name { font-weight:bold !important; } | |
| .order-items .link-print { float:right; font-size:10px; text-transform:uppercase; } | |
| .order-items p .link-print { float:none; font-weight:bold; font-size:11px; text-transform:none; } | |
| .order-gift-message { margin:15px 0; } | |
| .gift-message dt strong { color:#555; } | |
| .gift-message dd { margin:5px 0 0; font-size:13px; } | |
| .order-about { margin:15px 0; } | |
| .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 th, | |
| .tracking-table td { padding:1px 5px 0 0; } | |
| .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:15px; font-weight:bold; } | |
| .page-print h2, | |
| .page-print h3 { font-size:12px; font-weight:bold; } | |
| .page-print h2.h2 { font-size:15px; font-weight:bold; text-align:right; } | |
| .page-print .order-date { border-bottom:1px solid #ccc; 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 */ | |
| #wishlist-table .special-price{text-align: left;font-weight:bold;} | |
| #wishlist-table .special-price .price-label{font-weight:bold;} | |
| .my-wishlist { margin: 0 0 0 0; } | |
| .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 { border:0; padding:0; margin:67px 0 0 0; } | |
| .my-wishlist .buttons-set button.button { float:none; } | |
| .my-wishlist .buttons-set .btn-add span, | |
| .my-wishlist .buttons-set .btn-share span {} | |
| .my-account .my-wishlist .buttons-set .back-link { margin: -50px 0 0 0; } | |
| #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:5px 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; } | |
| #my-reviews-table .rating-box { margin:3px 0 0; } | |
| .product-review .product-img-box { float:left; width:140px; } | |
| .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } | |
| .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } | |
| .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } | |
| .product-review .product-details { margin-left:150px; } | |
| .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } | |
| .product-review h3 { 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; } | |
| /* ======================================================================================= */ | |
| /* Footer ================================================================================ */ | |
| .footer-container { background: #F5F3F2; } | |
| .footer { padding: 20px 0px 20px 0px;margin:auto; width:1000px; color:#999999; font-size:11px;} | |
| .footer a { color:#666666; } | |
| .footer h6 { font-size: 13px;margin-bottom: 10px; } | |
| .footer .footer-block { float: left; dislay: inline;} | |
| .footer .footer-block li{ border-right:1px dotted #999999; } | |
| .footer .footer-block li:first-child { margin-left:0;} | |
| .footer .footer-block li a{ vertical-align: middle;} | |
| .footer .footer-block li.last { border:none;} | |
| .footer .payment { float: right; width: 210px;padding-right: 20px; } | |
| .footer li { display: inline; padding:0 15px; } | |
| .footer .links li.last { background:none !important; padding-right:0 !important; } | |
| .footer-copyright{margin: 10px 0 0 0;} | |
| .copyright-GR{ float:right; font-size:10px; margin: 0;} | |
| .copyright-GR .company-name{ margin: 0 10px 0 0; font-family: "georgia","Times New Roman"; color:#666666;} | |
| .copyright-GR .payment-icon{text-align: left; } | |
| .copyright-GR .payment-icon img{ position:relative; left:6px;} | |
| .copyright-GR .payment-icon .payment-title{color:#666;font-size:11px;} | |
| .copyright { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;position:relative; clear:both; border-top: 1px solid #ddd; background: #333; padding: 0px 20px; height: 40px; } | |
| .copyright { color: #CCC; } | |
| .copyright address,.copyright .f-right {line-height: 40px; } | |
| .copyright .f-right img { padding-top: 8px;} | |
| .copyright a { color: #fff; } | |
| .copyright .bugs { margin:0; } | |
| .copyright .bugs a { font-weight:bold;} | |
| .footer .form-subscribe { margin:8px 0; } | |
| .footer .form-subscribe label, | |
| .footer .form-subscribe .input-box, | |
| .footer .form-subscribe button.button { float:left; } | |
| .footer .form-subscribe label { padding-top:2px; font-weight:bold; color:#555; } | |
| .footer .form-subscribe .input-box { width:186px; margin:0 5px; } | |
| .footer .form-subscribe input.input-text { width:180px; } | |
| .footer .form-subscribe button.button span { height:23px; background-image:url(../images/bkg_btn-small.png); line-height:20px; } | |
| .footer .form-subscribe button.button span span { color: #444 !important; text-shadow: 0px 1px #fff !important; } | |
| .footer .footer-callout { display:block; margin:-10px 0 10px; position:relative; } | |
| .footer .store-switcher { color:#555; text-align:right; } | |
| .footer .store-switcher label { font-weight:bold; vertical-align:middle; } | |
| .footer .store-switcher select { padding:0; vertical-align:middle; } | |
| .footer-container .bottom-container { margin:0 0 8px; text-align:right; } | |
| /* ======================================================================================= */ | |
| /* 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(../images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } | |
| .best-selling tr.even { background:#fff url(../images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } | |
| .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } | |
| .best-selling .product-img { float:left; border:2px solid #dcdcdc; } | |
| .best-selling .product-description { margin-left:107px; line-height:1.3em; } | |
| .best-selling a.product-name, | |
| .home-spot .best-selling a.product-name:hover { color:#203548; } | |
| /* ======================================================================================= */ | |
| /* ======================================== | |
| HOMEPAGE LAYOUT | |
| =============================================== */ | |
| .wired-home { margin: -20px 0 40px 0;} | |
| .wired-home .slider { float: left; width: 674px; height: 328px; position:relative; } | |
| .wired-home .promo-right { float: right; } | |
| .wired-home .promo-right li{ width: 300px; height:160px; margin: 0 0 10px 0;} | |
| .wired-home .promo-right li.first .promo-bg-grey{ | |
| border-radius:0 10px 0 0; | |
| -moz-border-radius:0 10px 0 0; | |
| -webkit-border-radius:0 10px 0 0; | |
| -ms-border-radius:0 10px 0 0; | |
| -o-border-radius:0 10px 0 0; | |
| background-color:#FFFFFF; | |
| color:#FFFFFF; | |
| } | |
| .wired-home .promo-right li.first .promo-img{ | |
| border-radius:0 10px 0 0; | |
| -moz-border-radius:0 10px 0 0; | |
| -webkit-border-radius:0 10px 0 0; | |
| -ms-border-radius:0 10px 0 0; | |
| -o-border-radius:0 10px 0 0; | |
| overflow: hidden; | |
| } | |
| .wired-home .promo-right li.first .promo-img img{ | |
| /*border-radius:0 20px 0 0; | |
| -moz-border-radius:0 20px 0 0; | |
| -webkit-border-radius:0 20px 0 0; | |
| -ms-border-radius:0 20px 0 0; | |
| -o-border-radius:0 20px 0 0; | |
| behavior:url(border-radius.htc);*/ | |
| } | |
| .wired-home .promo-right .promo-bg-grey{ | |
| background-color:#FFFFFF; | |
| width: 300px; | |
| height:110px; | |
| opacity: 0.85; | |
| color:#FFFFFF; | |
| text-shadow:none; | |
| } | |
| .wired-home .promo-right .promo-bg-white{ background-color:#FFFFFF; width: 300px; height:50px; opacity: 0.85; color:#FFFFFF;} | |
| .wired-home .promo-right .promo-img{ position: relative; top:-160px; z-index:1; border: 1px solid #cccccc;} | |
| .wired-home .promo-right .promo-title{ position: relative; top: -170px; left:70px; z-index:2; font-size:22pt; line-height: 40px; color:#ffffff;} | |
| .wired-home .promo-right .promo-btn{ position:relative; top: -185px; right:-215px; width:80px; height:20px;z-index:2; text-align:right;} | |
| .wired-home .promo-right .promo-fb-link{ | |
| background-color:#666666; | |
| width: 284px; | |
| height:144px; | |
| padding:8px; | |
| border-radius:0 0 10px 0; | |
| -moz-border-radius:0 0 10px 0; | |
| -webkit-border-radius:0 0 10px 0; | |
| -ms-border-radius:0 0 10px 0; | |
| -o-border-radius:0 0 10px 0; | |
| } | |
| .wired-home .promo-right .promo-fb-link iframe{ height:140px; background-color:#FFFFFF;} | |
| .wired-home .promo-bottom { clear: both; margin-top: 15px;} | |
| .wired-home .subpromo { margin: 20px 0px;clear:both; } | |
| .wired-home .subpromo .brands { float: right; } | |
| .wired-home .subpromo .offers { float: left; } | |
| .wired-home .subpromo .offers img { margin-right: 20px; float: left;white-space: pre-wrap; } | |
| .wired-home .featured-social { margin-top: 15px; } | |
| .wired-home .subscribe { min-height: 110px;width: 235px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: right;background: #f4f4f4 url(../images/background/featured_product_bg.gif) repeat-x; padding: 10px 15px; } | |
| .wired-home .subscribe strong { font-size: 16px; } | |
| .wired-home .form-subscribe { margin:8px 0; background:url(../images/background/subscribe_bg.png) no-repeat; width: 233px; height: 33px; } | |
| .wired-home .form-subscribe label { display: none; } | |
| .wired-home .form-subscribe label, | |
| .wired-home .form-subscribe .input-box, | |
| .wired-home .form-subscribe button.button { float:left; } | |
| .wired-home .form-subscribe label { padding-top:2px; font-weight:bold; color:#555; } | |
| .wired-home .form-subscribe .input-box { width:136px; margin:0 5px; } | |
| .wired-home .form-subscribe input.input-text { width:160px; padding: 10px 0 0 40px; background: none; border: none;} | |
| .wired-home .form-subscribe button.button { position:relative; float: right; top: 10px;} | |
| .wired-home .form-subscribe button.button span { text-indent: -9999px; height:13px;width: 12px; background: transparent url(../images/buttons/subscribe_btn.gif) no-repeat top left; line-height:13px; } | |
| .wired-home .form-subscribe button.button span span { background: none !important; color: #444 !important; text-shadow: 0px 1px #fff !important; } | |
| /* Clears ================================================================================ */ | |
| .clearer:after,.wired-home .promo:after,.footer .f-left:after, | |
| .header-container:after,.featured-social:after, | |
| .header-container .top-container:after, .copyright:after,.wired-home .subpromo:after, | |
| .header:after, | |
| .top-bar:after, | |
| .quick-access:after, | |
| .form-search:after, | |
| #nav:after, | |
| .main:after, | |
| .footer:after, | |
| .footer .form-subscribe:after, | |
| .footer-container .bottom-container:after, | |
| .col-main:after, | |
| .col2-set:after, | |
| .col3-set: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, | |
| .order-info ul:after, | |
| .box-reviews li.item:after, | |
| .box-tags li.item:after, | |
| .pager:after, | |
| .sorter:after, | |
| .ratings:after, | |
| .add-to-box:after, | |
| .add-to-cart:after, | |
| .product-essential:after, | |
| .product-collateral:after, | |
| .product-tabs:after, | |
| .product-view .product-img-box .more-views ul:after, | |
| .product-view .box-tags .form-add: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; } | |
| /* Clear Fix */ | |
| .clearfix:after { | |
| content: "."; | |
| display: block; | |
| clear: both; | |
| visibility: hidden; | |
| line-height: 0; | |
| height: 0; | |
| } | |
| .clearfix { | |
| display: inline-block; | |
| } | |
| html[xmlns] .clearfix { | |
| display: block; | |
| } | |
| * html .clearfix { | |
| height: 1%; | |
| } | |
| /* ======================================================================================= */ | |
| .order_now_btn{ | |
| width:86px; | |
| z-index:999; | |
| position: fixed; | |
| top:210px; | |
| right:0; | |
| background: url(../images/background/order_now_btn_bg.png) repeat-x ; | |
| padding:5px 15px; | |
| border-top-left-radius: 5px; | |
| border-bottom-left-radius: 5px; | |
| -moz-border-radius-bottomleft: 5px; | |
| -moz-border-radius-topleft: 5px; | |
| -webkit-border-bottom-left-radius: 5px; | |
| -webkit-border-top-left-radius: 5px; | |
| box-shadow: 1px 1px 5px #000000; | |
| -moz-box-shadow: 1px 1px 5px #000000; | |
| -webkit-box-shadow: 1px 1px 5px #000000; | |
| -ms-box-shadow: 1px 1px 5px #000000; | |
| -o-box-shadow: 1px 1px 5px #000000; | |
| text-align: center; | |
| } | |
| .order_now_btn a { | |
| font-family:'Asap',sans-serif; | |
| font-size: 16px; | |
| color:#FFFFFF; | |
| } | |
| .right_banner_btn{ | |
| width:auto; | |
| z-index:999; | |
| position: fixed; | |
| top:157px; | |
| right:0; | |
| text-align: center; | |
| } | |
| .right_banner_btn img , | |
| .replacement_brash_block img{ | |
| -webkit-border-radius: 5px 0 0 5px ; | |
| -moz-border-radius: 5 5px 0 0 5px ; | |
| border-radius: 5px 0 0 5px ; | |
| behavior: url(/skin/frontend/default/hellowired/css/PIE.htc); | |
| } | |
| /* content page======================================================================================= */ | |
| .content-left_nav .title { padding: 10px; background-color: #007662; color:#FFFFFF; font-weight:100; font-family: arial, sans-serif; font-size: 14px; } | |
| .content-left_nav li { padding: 5px 10px; background: url(../images/background/border_dot.png) repeat-x bottom;} | |
| .content-left_nav li a { font-size:13px; font-weight:100; color:#666666; } | |
| .content-left_nav li a:hover{ position:relative; top:1px; text-decoration: none;} | |
| .content-left_nav li a.active{color:#007662;font-weight:bold; background: url(../images/icons/double_arrow_green_2.png) no-repeat 0 4px ; padding: 0 0 0 20px;} | |
| .content-main-page { font-family: 'Asap', san-seif 'Microsoft JhengHei';} | |
| .content-main-page .content-title h1{ color: #007662; font-weight: bold; font-size: 28px; } | |
| .content-main-page .content-title .sub-content { margin: 20px 0; font-size:14px; color:#666666;} | |
| .content-main-page .content-title .link a { font-size:12px; color:#007662; text-decoration: underline;} | |
| .content-main-page .content-title .link a:hover { position:relative; top:1px;} | |
| .content-main-page .content-main .first { margin: ;} | |
| .content-main-page .content-main .row { margin: 0 0 30px 0;} | |
| .content-main-page .content-main .title { font-size: 18px; color:#007662; border-bottom: 1px solid #007662;} | |
| .content-main-page .content-main .content { padding: 10px 0; } | |
| .content-main-page .content-main .row .title { font-size: 18px; color:#007662; border-bottom: none;} | |
| .content-main-page .content-main .row .content { font-family: arial 'Microsoft JhengHei'; padding: 0;} | |
| .content-main-page .content-main .row .content input { margin: 0 10px 0 35px;} | |
| .content-main-page .content-main .row .content span { display:block; } | |
| .content-main-page .content-main .row .content span.link { text-align: right; margin: 20px 0 0 0;} | |
| .content-main-page .content-main .row .content span.link a {color:#007662; text-decoration: underline;} | |
| .content-main-page .content-main .row .content span.link a:hover { position:relative; top:1px;} | |
| .content-main-page .product-tabs-content { overflow: hidden; height: auto; width:auto;} | |
| #primaryContent .product-tabs-content { overflow: hidden; height: auto; width:auto;} | |
| #store-locater .pageHead { display:block; } | |
| #store-locater .blockGrey { | |
| display:block; | |
| clear:both; | |
| border:1px solid #cccccc; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| -ms-border-radius:5px; | |
| -o-border-radius:5px; | |
| padding:20px; | |
| box-shadow: 0 0 3px #cccccc; | |
| -moz-box-shadow: 0 0 3px #cccccc; | |
| -webkit-box-shadow: 0 0 3px #cccccc; | |
| -ms-box-shadow: 0 0 3px #cccccc; | |
| -o-box-shadow: 0 0 3px #cccccc; | |
| } | |
| #store-locater .blockGrey dt { float:left; width:200px;font-weight:bold} | |
| #store-locater .blockGrey dd { width:700px; margin: 0 0 10px 200px; } | |
| .aq .content-main-page .content-main .row .title { border-bottom: 1px solid #007662; padding:0 0 5px 0; margin: 0 0 10px 0;} | |
| .aq .content-main-page .content-main .row .title h3 { font-size:16px; display:inline; margin: 0 10px 0 0;} | |
| .aq .content-main-page .content-main .row .title span { font-size:16px; display:inline;} | |
| .aq .content-main-page .quiz-result { | |
| padding:5px; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| background: #FFFFFF; | |
| box-shadow: 0px 0px 3px #cccccc; | |
| -moz-box-shadow: 0px 0px 3px #cccccc; | |
| -webkit-box-shadow: 0px 0px 3px #cccccc; | |
| -ms-box-shadow: 0px 0px 3px #cccccc; | |
| -o-box-shadow: 0px 0px 3px #cccccc; | |
| } | |
| .aq .content-main-page .quiz-result .title { | |
| padding: 5px 10px; | |
| background: #007662; | |
| color:#FFFFFF; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| } | |
| .aq .content-main-page .quiz-result .content { padding: 10px 10px 0px; font-family: arial,sans-serif;} | |
| .quizAnswerDetail{ | |
| margin:10px 0; | |
| } | |
| .content-main-page .content-main .block .block-title { border-bottom:1px solid #007662; border-top:none; padding: 0 0 5px 0; margin: 0 0 10px 0;} | |
| .content-main-page .side-box { width:200px; height:300px; background-color:#cccccc; } | |
| .content-main-page .group-content { width:500px; float:left;} | |
| .content-main-page .group-img { float:right;} | |
| .content-main-page .group-img img { | |
| display:block; | |
| background-color: #FFFFFF; | |
| border:1px solid #cccccc; | |
| padding:10px; | |
| margin: 0 0 10px 0; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| box-shadow: 0px 0px 3px #cccccc; | |
| -moz-box-shadow: 0px 0px 3px #cccccc; | |
| -webkit-box-shadow: 0px 0px 3px #cccccc; | |
| -ms-box-shadow: 0px 0px 3px #cccccc; | |
| -o-box-shadow: 0px 0px 3px #cccccc; | |
| } | |
| #how-proactiv-works .intro { width:750px;} | |
| #our-dermatologists .intro {float:none; width:100%;} | |
| #primaryContent a{ color:#A18D53; } | |
| #primaryContent h1{ font-family: 'Asap' , sans-seif 'Microsoft JhengHei'; color: #007662; font-size:28px; font-weight: bold;} | |
| #our-dermatologists #dermProfile li { clear:both;} | |
| #our-dermatologists #dermProfile .row { border-top: 1px solid #999999; padding: 10px 0 0 0; margin: 0 0 120px 0;} | |
| #our-dermatologists #dermProfile .row li{ border:none; float:left; clear: none;} | |
| #our-dermatologists #dermProfile .row .name { margin: 0 30px;} | |
| #our-dermatologists #dermProfile .row .text { width:400px;} | |
| #our-dermatologists #dermProfile .row .text a { color:#A18D53;} | |
| #our-dermatologists #dermProfile .row li.last {float:right;} | |
| #dr-profile .pageHead { float:left; margin: 105px 0 0 0;} | |
| #dr-profile .pageHead .intro {width:250px; margin:15px 0;} | |
| #dr-profile .contain {float:right; width:450px; padding: 0 20px 0 0;} | |
| #dr-profile .multimedia { margin: 0 0 20px 0;} | |
| #real-stories p { clear:both;} | |
| #real-stories .pageHead h1{ margin: 0 0 20px 0;} | |
| #real-stories .pageHead .intro{ width:600px;} | |
| #real-stories .pageHead img { margin: 3px 0 0 0; } | |
| #tell-us-your-story .pageHead h1{ margin: 0 0 20px 0;} | |
| #tell-us-your-story .pageHead .intro { margin:0;} | |
| #tell-us-your-story .blockGrey .blockContent { | |
| padding: 20px 20px; | |
| background: #FFFFFF; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| border: 1px solid #cccccc; | |
| box-shadow: 0px 0px 3px #999999; | |
| -moz-box-shadow: 0px 0px 3px #999999; | |
| -webkit-box-shadow: 0px 0px 3px #999999; | |
| -ms-box-shadow: 0px 0px 3px #999999; | |
| -o-box-shadow: 0px 0px 3px #999999; | |
| } | |
| #tell-us-your-story .note { color:#666666;} | |
| #tell-us-your-story .blockGrey .blockContent span { float:left;} | |
| #tell-us-your-story .blockGrey .blockContent h3 {border-bottom: 1px solid #007662; color:#007662; padding:10px 0 5px 0;} | |
| #tell-us-your-story .personalDetails { margin: 20px 0 0 0;} | |
| #tell-us-your-story .personalDetails .note { float:left; width:200px; margin: 0 20px 0 0;} | |
| #tell-us-your-story .personalDetails .form-right {float:left; width:500px;} | |
| #tell-us-your-story .personalDetails .form-right div { height:50px;} | |
| #tell-us-your-story .personalDetails .form-right div div { float:left; margin: 0 10px 0 0;} | |
| #tell-us-your-story .personalDetails .form-right div div label {display:block;} | |
| #tell-us-your-story .personalDetails .form-right div div input { border: 1px solid #cccccc; width: 200px; padding: 5px;} | |
| #tell-us-your-story .personalDetails .form-right .feedbackTextGroup { height:100px;} | |
| #tell-us-your-story .personalDetails .form-right .addressGroup input { width:422px;} | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .phoneDetails { clear:both;} | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .phoneDetails input { width: 120px; } | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .ageDetails input { width:58px;} | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .genderDetails { width: 200px;} | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .genderDetails .group { clear:both; height: 20px; margin: 3px 0 0 0;} | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .genderDetails .female { } | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .genderDetails .male { } | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .genderDetails input { width:20px; float:left;} | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .genderDetails label { float:left;} | |
| #tell-us-your-story .personalDetails .form-right .miscDetailsGroup .genderDetails .label { height:20px;} | |
| #tell-us-your-story .personalDetails .form-right .feedbackTextGroup { clear:both;} | |
| #tell-us-your-story .personalDetails .form-right .feedbackTextGroup textarea { width:420px;} | |
| #tell-us-your-story .photoDetails {clear:both;} | |
| #tell-us-your-story .photoDetails .note { float:left; width:200px; margin: 0 20px 0 0;height:200px;} | |
| #tell-us-your-story .photoDetails .beforeGroup , #tell-us-your-story .photoDetails .afterGroup { | |
| float:left; | |
| width:500px; | |
| margin: 0 0 20px 0; | |
| } | |
| #tell-us-your-story .photoDetails .beforeGroup input { margin: 5px 0;} | |
| #tell-us-your-story .photoDetails .afterGroup input { margin: 5px 0;} | |
| #tell-us-your-story .disclaimer { clear:both;} | |
| #tell-us-your-story .disclaimer a { text-decoration: underline;} | |
| #tell-us-your-story .buttonGroup .button span { background: none; height:18px; line-height: 18px; color: #FFFFFF; text-shadow: none !important;} | |
| /* popup box */ | |
| #HowToPhoto{text-align: left;} | |
| #spotlight .pageHead .intro { width:700px;} | |
| #spotlight .contain li { clear:both; min-height:130px; padding: 10px 0 0 0; border-top: 1px solid #999999;} | |
| #spotlight .contain li .img { float:left; } | |
| #spotlight .contain li img , #spotlight .contain li h3 { float:left; } | |
| #spotlight .contain li h3 { margin: 0 20px; color: #666666;} | |
| #spotlight .contain li .text { float:right; width:450px;} | |
| #spotlight .contain .katyIntro { border:none;} | |
| #spotlight .contain .katyIntro h3{ float:none; margin: 10px 0;} | |
| #spotlight .contain .katyIntro h3 a {color: #000000;} | |
| #spotlight .contain .katyImg {float:right; margin: 0 0 20px 0;} | |
| #spotlight .contain .kptext {float:left; width:300px;} | |
| #spotlight .contain .kptext a.dotted { color: #A18D53; text-decoration: underline;} | |
| #spotlight .contain .kptext a:hover { text-decoration: none;} | |
| #spotlight .contain .text a { color: #A18D53; text-decoration: underline;} | |
| #justin-bieber .pageHead .intro { float:none; width: 300px;} | |
| #justin-bieber .pageHead img.left{ margin: 0 0 10px 40px;} | |
| #justin-bieber .pageHead .right { float:left;} | |
| #justin-bieber .contain { float:left;} | |
| #justin-bieber .contain p { width:290px;} | |
| #justin-bieber .contain img.right { float:none !important; margin-left:0;} | |
| #justin-bieber .rightContent {float:left; width:290px; margin: 0 0 0 40px;} | |
| #justin-bieber .rightContent img.right { float:none !important; margin-left:0;} | |
| #justin-bieber p.quote{ | |
| padding: 15px 15px 45px 15px; | |
| background-color: #FFFFFF; | |
| box-shadow: 1px 1px 5px #999999; | |
| -moz-box-shadow: 1px 1px 5px #999999; | |
| -webkit-box-shadow: 1px 1px 5px #999999; | |
| -ms-box-shadow: 1px 1px 5px #999999; | |
| -o-box-shadow: 1px 1px 5px #999999; | |
| border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -webkit-border-radius: 5px; | |
| -ms-border-radius: 5px; | |
| -o-border-radius: 5px; | |
| } | |
| #justin-bieber .quote .sig { | |
| float:right; | |
| margin: 20px 0 0 0; | |
| } | |
| #caroline .contain{ clear:both; margin: 20px 0 0 0;} | |
| #caroline .pageHead {min-height:300px} | |
| #caroline .pageHead .intro { width:260px;} | |
| #caroline .pageHead .right { float:right; width:300px; } | |
| #caroline .leftContent {float:left; width:300px;} | |
| #caroline .rightContent {float:left; width:260px; margin: 0 0 0 40px;} | |
| #caroline .rightContent img { margin: 0 0 20px 0;} | |
| #hewitt .pageHead{ background: url('../ images/media/spotlight/jlw_bg.jpg') no-repeat; height:355px; width:668px; margin: 0 0 30px 0;} | |
| #hewitt .pageHead .group { float:right; width:160px; margin: 40px 20px 0 20px;} | |
| #hewitt .pageHead .group h1 { color:#FFFFFF; margin: 0 0 10px 0; text-shadow:none;} | |
| #hewitt .pageHead .group p { color:#FFFFFF; font-size: 14px; text-shadow:none;} | |
| #hewitt .contain .contain-left{ float:left; width:300px;} | |
| #hewitt .contain .contain-right{ float:left; width:300px; margin: 0 0 0 40px;} | |
| #melissa .pageHead { width:300px;} | |
| #melissa .pageHead .intro {width:300px; margin: 50px 0 0 0;} | |
| #melissa .contain {width:400px;} | |
| #melissa .contain .multimedia { margin: 0 0 20px 0;} | |
| #melissa #primaryContent .right{ float:none !important;margin-left:0;} | |
| #naya .pageHead { width:250px; float:left;} | |
| #naya .pageHead .intro { width:250px;} | |
| #naya .pageHead img.right { float:none !important; margin-left:0;} | |
| #naya .contain { width:400px; float:left; margin: 0 0 0 40px;} | |
| #naya .contain p{ clear:both; } | |
| #naya .contain img { margin: 0 50px 20px 0;} | |
| #customer-care .pageHead { height:150px;} | |
| #customer-care .pageHead .intro { width:750px;} | |
| #customer-care .blockGrey { | |
| padding: 15px; | |
| border:1px solid #cccccc; | |
| border-radius:5px; | |
| -moz-border-radiu:5px; | |
| -webkit-border-radius:5px; | |
| -ms-border-radius:5px; | |
| box-shadow:0px 0px 3px #999999; | |
| -moz-box-shadow:0px 0px 3px #999999; | |
| -webkit-box-shadow:0px 0px 3px #999999; | |
| -ms-box-shadow:0px 0px 3px #999999; | |
| -o-box-shadow:0px 0px 3px #999999; | |
| } | |
| #customer-care .blockGrey dt { float:left; width: 170px; } | |
| #customer-care .blockGrey dt a { color:#A18D53; border-bottom:1px dotted #A18D53;} | |
| #customer-care .blockGrey dt a:hover { color: #000000; border-bottom:1px dotted #000000; text-decoration: none;} | |
| #customer-care .blockGrey dd { } | |
| #customer-care .blockGrey .block {margin:0;} | |
| #product-question .pageHead { margin: 0 0 20px 0;} | |
| #product-question .contain #faqHeader { margin: 20px 0 20px 0px;} | |
| #product-question .contain li { list-style: disc; margin: 0 0 0 20px;} | |
| #product-question .contain #faqBody h3 { border-bottom: 1px solid #007662; margin: 20px 0 20px 0;} | |
| #product-question .contain #faqBody a { color:#007662;} | |
| #product-question .contain #faqBody a:hover { text-decoration: none; } | |
| #faqBodyCol1 { float:left; width:240px; color:#007662;} | |
| #faqBodyCol1 .aboutQuote blockquote{ margin: 10px 0 20px 0;} | |
| #faqBodyCol2 { float:right; width:500px;} | |
| #faqBodyCol2 .faqItem h6 { margin: 0; text-decoration: underline;} | |
| #mgm img{ | |
| max-width: 770px; | |
| } | |
| #mgm .mgm-banner{ | |
| width: 770px; | |
| } | |
| #mgm a{ | |
| color: #A18D53; | |
| } | |
| #mgm h3 { color: #007662; border-bottom: 1px solid #007662; margin: 20px 0 20px 0;} | |
| #mgm ul{ | |
| padding-left: 20px; | |
| } | |
| #mgm li{ | |
| padding-bottom: 15px; | |
| } | |
| #mgm .mgm-list1{ | |
| list-style: circle; | |
| } | |
| #mgm .mgm-list2{ | |
| list-style: square; | |
| } | |
| #mgm .mgm-list3{ | |
| list-style: decimal; | |
| } | |
| #mgm .mgm-list4{ | |
| list-style: decimal; | |
| } | |
| .pageHead .intro { color:#666666; font-size:14px; margin: 20px 0; /*float:left;*/ } | |
| .pageHead .img-area{ float:right; position:relative; top: -20px; width:208px;} | |
| .threeStepBlock {clear:both; margin: 20px 0 0 0;} | |
| .threeStepBlock .blockContent h3{ border-bottom:1px solid #999999; padding: 5px 0;} | |
| .threeStepBoxB { margin: 30px 0 0 0;} | |
| .threeStepBoxB .step { | |
| border: 1px solid #EEEEEE; | |
| display:inline-block; | |
| width:200px; | |
| vertical-align: top; | |
| text-align: center; | |
| padding: 0 20px 10px 20px; | |
| min-height:300px; | |
| margin: 0 15px 0 0; | |
| } | |
| .threeStepBoxB .three { margin: 0} | |
| .threeStepBoxB .step h5 { margin: 10px 0 0 0;} | |
| .threeStepBoxB .step span { background-color: #333333; color:#FFFFFF; padding: 2px 10px; text-shadow:none;} | |
| .threeStepBoxB .step p {text-align: left; color:#666666; min-height:70px;} | |
| .threeStepBoxB .step img {margin: 10px 0;} | |
| .threeStepBoxB .step a{ | |
| color:#A18D53; | |
| } | |
| .threeStepBlock .screen {margin: 20px 0 0 0; float:left;} | |
| .threeStepBlock .screen .items .item{ display:inline-block; text-align: center; width:100px; vertical-align: top;} | |
| .threeStepBlock .screen h3 { border:none;} | |
| .threeStepBlock .screen h3 span{ font-size:12px; color: #666666;} | |
| .threeStepBlock .screen img {width:100px;height:100px;} | |
| .threeStepBlock .three-steps-banner { float:right; margin: 30px 0 0 0;} | |
| #newContactForm{ | |
| padding: 20px; | |
| margin:0; | |
| border: 1px solid #cccccc; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| -ms-border-radius:5px; | |
| -o-border-radius:5px; | |
| box-shadow: 0px 0px 3px #999999; | |
| -moz-box-shadow: 0px 0px 3px #999999; | |
| -webkit-box-shadow: 0px 0px 3px #999999; | |
| -ms-box-shadow: 0px 0px 3px #999999; | |
| -o-box-shadow: 0px 0px 3px #999999; | |
| } | |
| #newContactForm .buttons-set{ | |
| float: right; | |
| position: relative; | |
| right: 380px; | |
| top: -50px; | |
| } | |
| #contactForm .fieldset { | |
| padding: 20px; | |
| margin:0; | |
| border: 1px solid #cccccc; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| -ms-border-radius:5px; | |
| -o-border-radius:5px; | |
| box-shadow: 0px 0px 3px #999999; | |
| -moz-box-shadow: 0px 0px 3px #999999; | |
| -webkit-box-shadow: 0px 0px 3px #999999; | |
| -ms-box-shadow: 0px 0px 3px #999999; | |
| -o-box-shadow: 0px 0px 3px #999999; | |
| } | |
| #contactForm .fieldset a { color: #A18D53; } | |
| #contactForm .fieldset .wide input { margin: -3px 5px 0 0px;} | |
| #contactForm .fieldset .wide p { margin: 5px 0 0 0; width:550px;} | |
| .contact-info { | |
| padding: 5px; | |
| border: 1px solid #cccccc; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| -ms-border-radius:5px; | |
| -o-border-radius:5px; | |
| box-shadow: 0px 0px 3px #999999; | |
| -moz-box-shadow: 0px 0px 3px #999999; | |
| -webkit-box-shadow: 0px 0px 3px #999999; | |
| -ms-box-shadow: 0px 0px 3px #999999; | |
| -o-box-shadow: 0px 0px 3px #999999; | |
| height:200px; | |
| margin: 20px 0 0 0; | |
| } | |
| .contact-info .title { | |
| background: #007662; | |
| padding: 5px 10px; | |
| color:#FFFFFF; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| -ms-border-radius:5px; | |
| -o-border-radius:5px; | |
| } | |
| .contact-info .content { padding: 15px;} | |
| .contact-info .content .left{ width:200px;} | |
| .contact-info .content .right span { font-weight:bold; color: #333333;} | |
| .contact-info .content .right p { color: #333333;} | |
| .contact-info .content .right a { color: #A18D53;} | |
| /* bundle product - recurring product policy popup box*/ | |
| .recurrng-policy-wrapper{ | |
| } | |
| .recurrng-policy-wrapper .recurring-policy-btn-group{ | |
| } | |
| .recurring-policy-btn-group #fancyConfirm_cancel,.recurring-policy-btn-group #fancyConfirm_ok{ | |
| color:#333; | |
| padding:5px 10px; | |
| margin:10px 10px; | |
| border:none; | |
| border:1px solid #ddd; | |
| } | |
| .recurring-policy-btn-group #fancyConfirm_cancel:hover,.recurring-policy-btn-group #fancyConfirm_ok:hover{ | |
| color:#eee; | |
| background:#007662; | |
| border:1px solid #00a285; | |
| } | |
| .recurrng-policy{ | |
| padding:5px; | |
| z-index:100; | |
| text-align: justify; text-justify: newspaper | |
| } | |
| .recurrng-policy-wrapper { | |
| overflow-y:scroll; | |
| } | |
| .recurrng-policy-wrapper .content{ | |
| text-align: left; | |
| font-size:11px; | |
| } | |
| .recurrng-policy-wrapper .content ol li{ | |
| font-size:14px; | |
| font-weight:bold; | |
| } | |
| .product-view .recurringPriceBox .price{ | |
| font-weight:bold; | |
| } | |
| /* clear cart popup for recurring product */ | |
| .popup-emptycart-content{ | |
| border:1px #ccc solid; | |
| margin:5px 0; | |
| background: #F2F2F2; | |
| padding:5px 15px; | |
| width:250px; | |
| text-align:left; | |
| box-shadow:0px 0px 3px #ccc; | |
| -moz-box-shadow:0px 0px 3px #ccc; | |
| -webkit-box-shadow:0px 0px 3px #ccc; | |
| -ms-box-shadow:0px 0px 3px #ccc; | |
| -o-box-shadow:0px 0px 3px #ccc; | |
| } | |
| /* Return Policy */ | |
| .return-policy { | |
| background: #FAFAFA; | |
| border:1px solid #ccc; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| -ms-border-radius:5px; | |
| -o-border-radius:5px; | |
| padding:20px; | |
| box-shadow:0px 0px 3px #ccc; | |
| -moz-box-shadow:0px 0px 3px #ccc; | |
| -webkit-box-shadow:0px 0px 3px #ccc; | |
| -ms-box-shadow:0px 0px 3px #ccc; | |
| -o-box-shadow:0px 0px 3px #ccc; | |
| } | |
| .return-policy ol{padding-left:20px} | |
| .return-policy ol li { padding:0 0 20px 0; list-style-type: decimal} | |
| .privacyPolicy a,.tandc a, .return-policy a{ color:#A18D53;} | |
| .tandc { | |
| background: #FAFAFA; | |
| border:1px solid #ccc; | |
| border-radius:5px; | |
| -moz-border-radius:5px; | |
| -webkit-border-radius:5px; | |
| -ms-border-radius:5px; | |
| -o-border-radius:5px; | |
| padding:20px; | |
| box-shadow:0px 0px 3px #ccc; | |
| -moz-box-shadow:0px 0px 3px #ccc; | |
| -webkit-box-shadow:0px 0px 3px #ccc; | |
| -ms-box-shadow:0px 0px 3px #ccc; | |
| -o-box-shadow:0px 0px 3px #ccc; | |
| } | |
| .tandc ol li { font-size:16px; weight:bold; } | |
| /* fb fill in form */ | |
| .fb-form{ | |
| background:url('../images/proactiv_member_form_bg.jpg'); | |
| background-repeat:no-repeat; | |
| background-position: top; | |
| } | |
| .fb-form .fieldset{ | |
| margin-top:200px; | |
| } | |
| .fb-form .account-edit .legend{ | |
| width: 99%; | |
| } | |
| .fb-form span.required{ | |
| color:#EB340A; | |
| } | |
| .fb-form .register-gift-option span{ | |
| display: inline; | |
| } | |
| .fb-form .register-gift-option img{ | |
| width:160px; | |
| position:relative; | |
| top:20px; | |
| } | |
| .fb-form .register-gift-option .input-box label{ | |
| float:left; | |
| position: static; | |
| } | |
| .fb-form .options-list .register-gift-option label{ | |
| float:none; | |
| position:relative; | |
| top:4px; | |
| } | |
| /*shopping-cart-table*/ | |
| .cart-shipping-notice{ | |
| font-size:11px; | |
| text-align: right; | |
| padding:0 15px; | |
| } | |
| /*member only image notice */ | |
| .member-only-overlay{ | |
| /*position:absolute;*/ | |
| display:inline-block; | |
| width:auto; | |
| margin:0 auto; | |
| top:-4px; | |
| font-size:14px; | |
| font-weight:bold; | |
| font-family: 'Asap',sans-seif,'Microsoft JhengHei'; | |
| color:#FFF; | |
| text-shadow: none; | |
| background-color: #F7931E; | |
| border-radius: 20px; | |
| -moz-border-radius: 20px; | |
| -webkit-border-radius: 20px; | |
| -ms-border-radius: 20px; | |
| -o-border-radius: 20px; | |
| padding: 0 10px; | |
| } | |
| .member-only-bg { | |
| /*opacity: 0.6; | |
| width:auto; | |
| min-height:16px; | |
| position:absolute; | |
| top:-2px; | |
| background-color: #F7931E;*/ | |
| } | |
| .product-collateral .member-only-bg { | |
| height:37px; | |
| } | |
| .product-collateral .member-only-overlay { | |
| line-height:15px; | |
| font-size: 9px; | |
| padding: 2px 0px 7px 0px; | |
| height: 10px; | |
| width:100%; | |
| text-align: center; | |
| position: relative; | |
| top:-160px; | |
| } | |
| .product-essential .member-only-overlay { | |
| position:relative; | |
| top:-370px; | |
| } | |
| .product-img-box .product-image a.-main{position:relative;display: block;} | |
| .product-img-box .product-image a.-main img{position:relative;} | |
| .product-view .product-img-box .product-image{position:relative;} | |
| /*checkout notice */ | |
| .cart-shipping-notice{color:#F7931E;} | |
| #prefix{width:auto;padding:5px 5px; height:28px;} | |
| .shipping_floating_block{ | |
| position: fixed; | |
| right:0; | |
| top: 250px; | |
| z-index:9999; | |
| } | |
| .compass_visa_promotion_block{ | |
| position: fixed; | |
| right:0; | |
| top: 440px; | |
| z-index:9999; | |
| } | |
| #compass_visa_promotion_div{ | |
| text-align: left; | |
| font: 14px helvetica; | |
| line-height: 1.5; | |
| color: black; | |
| background: url('../images/banner/compass_visa_popup_bg.jpg') no-repeat; | |
| border: 2px solid orange; | |
| border-radius: 5px; | |
| padding:15px 0; | |
| width: 460px; | |
| } | |
| #compass_visa_promotion_div div{ | |
| padding: 196px 0 0 10px; | |
| width: 460px; | |
| } | |
| #compass_visa_promotion_div ol{ | |
| list-style: decimal; | |
| padding-left: 30px; | |
| } | |
| #compass_visa_promotion_div li{ | |
| padding-left: 5px; | |
| } | |
| .replacement_brash_block{ | |
| position: fixed; | |
| right:0; | |
| top: 340px; | |
| z-index:9999; | |
| } | |
| /* checkout-shipping-text */ | |
| .checkout-shipping-text{ | |
| background:#eee; | |
| border:1px solid #ddd; | |
| display:inline-block; | |
| padding:5px 10px; | |
| } | |
| .refer-a-friend-table{ | |
| width: 100%; | |
| border-collapse: collapse; | |
| } | |
| .refer-a-friend-table th, .refer-a-friend-table td{ | |
| border: 1px solid; | |
| padding:10px; | |
| text-align: center; | |
| vertical-align: middle; | |
| } | |
| .refer-a-friend-ps{ | |
| color: blue; | |
| } | |
| /* promotional price====================================*/ | |
| .catalog-category-view .products-grid div.lava{ | |
| height:470px; | |
| } | |
| .category-3-step-acne-system.catalog-category-view .products-grid div.lava{ | |
| height:435px; | |
| /*height:477px; /* 20130821 add height for special price box */ | |
| } | |
| .set-product .products-grid li.item{ | |
| padding-bottom:50px; | |
| } | |
| p.promotional-price.special-price{margin:5px 0 0 0;font-weight:bold;} | |
| p.promotional-price span.price-label,p.promotional-price span.price{ | |
| color:#e13a02; | |
| } | |
| @-moz-document url-prefix() { | |
| #nav a{ | |
| padding:0 8px; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment