//* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @font-face { font-family: 'MyriadProBold_0'; src: url('fonts/MyriadProBold_0.eot'); src: url('fonts/MyriadProBold_0.eot') format('embedded-opentype'), url('fonts/MyriadProBold_0.woff2') format('woff2'), url('fonts/MyriadProBold_0.woff') format('woff'), url('fonts/MyriadProBold_0.ttf') format('truetype'), url('fonts/MyriadProBold_0.svg#MyriadProBold_0') format('svg'); } * { margin:0; padding:0; } html { font-size:16px; /* Fix for Opera */ } body { font:75%/150% 'Lato', sans-serif; background-color:#fff; color:#333; /*text-align:center; */ -webkit-font-smoothing: antialiased; } #root-wrapper {} .hide {display:none;} img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#ca0413; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; } h1 { font-size:2.6666em; line-height:1.25em; /*32px, 40px*/ margin-bottom:20px; } h2 { font-size:22px; line-height:1.22em; /*24px, 30px*/ } h3 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*16px, 20px*/ } h5 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h6 { font-size:1em; line-height:1.1666em; /*12px, 14px*/ } /* 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%; color:#333; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .bold-text, .product-shop .price-section .price-discount .percent-off, .product-shop .price-section .price-discount .price-save {font-size:13px; font-weight:700;} .normal-text {font-size:13px; font-weight:400;} /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper {} .page { text-align:left; background-repeat:repeat; background-position:center top; background-image:url(../images/main-bg.jpg); } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .main-container { background-repeat:repeat; background-position:center top; } .main { padding:20px 0; min-height:370px; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .cms-index-index .col-main {float:none;} .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main {} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button { font:12px/15px 'Lato', sans-serif; vertical-align:middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea { background:#fff; border:1px solid #908d89; color:#333333; /* Box model */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove default formatting, fix for iOS (rounded corners and shadow) */ -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; -webkit-box-shadow:none; box-shadow:none; } input.input-text{ height: 36px; } select { height:36px; padding:8px; text-overflow:ellipsis; } select.multiselect { height: auto; } input.input-text, textarea { padding:8px; text-overflow:ellipsis; } select option { padding-right:10px; padding-left:5px; } select.multiselect option { border-bottom:1px solid #eee; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; margin-top:-2px; } input.checkbox { margin-right:3px; margin-top:-2px; } input.qty { width:3em !important; text-align:center; } .cart-table input.qty { width:4em !important; padding:10px; font-size:14px; font-weight:700;} /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { border-color:#aaa; color:#333; outline:none; } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; display:block; padding:0; font-size:12px; text-align:center; white-space:nowrap; background-color:#7fa153; color:#fff; text-transform:uppercase; font-weight:700; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } button.button:hover span { background-color:#f0b310; color:#fff; } button.button span span { padding:0 25px; height:33px; line-height:33px; } /* Smaller button - for inline display with input boxes -------------------------------------------------------------- */ button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span { padding:0 9px; line-height:36px; height:36px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ /*.product-view .btn-cart span, button.btn-checkout span {}*/ .product-view .btn-cart span span, button.btn-checkout span span { padding:8px 15px 7px; font-size:16px; /*14px*/ } button.btn-checkout span span {line-height:49px!important; height:49px!important; padding:0 16px!important; } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form lists */ /* Grouped fields */ .account-login .form-list li { margin:0 0 25px; } .captcha-image {margin-top:27px;} #captcha-reload {margin-right:10px;} .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:400; position:relative; z-index:0; margin:0 0 9px 0; color:#333; font-size:16px; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio {margin-right:6px; margin-top:-4px;} .form-list li.control input.checkbox { margin-right:6px; margin-top:-4px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width:275px; margin-bottom:6px; } .form-list input.input-text { width:262px; /*244px;*/ } .form-list textarea { width:244px; height:10em; } #contactForm .fieldset .form-list textarea { width:538px; height:10em; } #contactForm .fieldset .form-list li.wide {padding:8px 0;} .form-list select { width:262px; line-height:31px; } .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 #e5e5e5; margin-top:10px; } .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 .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; } .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; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} /* Buttons set -------------------------------------------------------------- */ .my-account .buttons-set { clear:both; margin:10px 0!important; } .buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } #contactForm .fieldset {margin:0 0 10px; padding:0;} .contacts-index-index .buttons-set { float:left; margin-top:-10px; } .contacts-index-index .buttons-set .required { text-align:left; } .buttons-set .back-link { float:left; margin-bottom:5px; margin-top:8px; margin-left:12px; } .buttons-set .back-link a { display:block; line-height:36px; /* Icon size */ text-transform:uppercase; font-size:16px; color:#333333; } .buttons-set .back-link small { display:inline-block; margin-right:11px; width:6px; height:11px; text-indent:-9999px; background-image:url(../images/back-arrow.png); background-position:0 0px; background-color:transparent!important; float:left; margin-top:14px; } .buttons-set .back-link:hover small { background-image:url(../images/back-arrow.png); background-position:0 0px; background-color:transparent!important; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#ee001c; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Specific buttons set -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set button span span, /* Create account */ .account-create .buttons-set button span span, /* Forgot password */ .customer-account-forgotpassword .buttons-set button span span, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button span span, /* Contact us */ .contacts-index-index .buttons-set .button span span, /* checkout */ .opc .buttons-set .button span span { min-width: /*120px;*/ auto; height:51px; line-height:51px; font-size:18px; font-weight:700; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages > li:last-child { margin-bottom:0; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; margin-bottom:15px; } .cms-index-index .messages, .cms-home .messages { margin:20px 0 20px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg { border-color:#c02230; background-color:#F5DAD3; background-image:url(../images/i_msg-error.png); color:#c02230; } .success-msg { border-color:#296a23; background-color:#e9ffca; background-image:url(../images/i_msg-success.png); color:#296a23; } .note-msg, .notice-msg { border-color:#7c622a; background-color:#FDEDA4; background-image:url(../images/i_msg-note.png); color:#7c622a; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li { display:inline; font-size:12px; /*11px*/ color:#444444; text-transform:uppercase;} .breadcrumbs a { display:block; float:left; color:#444444; } .breadcrumbs li span { margin:0px 7px 0; display:block; float:left; } .breadcrumbs li strong { font-weight:600; display:block; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin-bottom:0; } .page-title { margin-bottom:20px; margin-top:20px; height:93px;} /*.category-title { margin-bottom:10px; }*/ /* Links in page title */ .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; position:relative;} .page-title .link-rss { float:right; margin-top:15px; } /* Title with buttons */ .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; position:relative;} .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Buttons - adjust the height of heading buttons in customer account (required for the Address Book) */ .my-account .title-buttons button span span { height:35px; line-height:35px; } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:5px 0; } /* View mode */ .sorter .view-mode { float:right; display:none; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { display:inline-block; vertical-align:middle; margin:0 0 0 1px; background-image:url(../images/img/pix.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } .sorter .view-mode .grid { background-position:0 -207px; } .sorter .view-mode .list { background-position:-30px -207px; margin-left:-5px; } .sorter .view-mode a.grid:hover { background-position:0 -237px; } .sorter .view-mode a.list:hover { background-position:-30px -237px; } /*.sorter .view-mode .grid { background-position:0 -277px; } .sorter .view-mode .list { background-position:-30px -277px; margin-left:-5px; } .sorter .view-mode a.grid:hover { background-position:0 -307px; } .sorter .view-mode a.list:hover { background-position:-30px -307px; }*/ /* Currently selected mode icon */ /*.sorter .view-mode span.grid, .sorter .view-mode span.list {}*/ /* Sort by */ .sorter .sort-by { float:left; margin-right:10px; padding-right:21px; background:none; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; text-indent:-9999px; overflow:hidden; } .sorter .sort-by .category-asc { background:url(../images/img/pix.png) 0 -87px no-repeat transparent; } .sorter .sort-by .category-desc { background:url(../images/img/pix.png) -60px -87px no-repeat transparent; } .sorter .sort-by .category-asc:hover { background-position:-30px -87px; } .sorter .sort-by .category-desc:hover { background-position:-90px -87px; } /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:5px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */ } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; padding-right:7px; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; background-color:transparent; color:inherit; } .pager .pages li a.previous, .pager .pages li a.next { text-indent:-9999px; overflow:hidden; } /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:0px solid #e5e5e5; border-bottom:0px solid #e5e5e5; margin-bottom:0px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; font-size:12px; font-weight:400; color:#333333; text-transform:uppercase; } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:0px none #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:right; padding:0px; line-height:32px; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager { line-height:normal; margin-left:98px; } /* Important: the same as the height of the form elements */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li { width:30px; height:30px; line-height:30px; } .pager .pages li {width:16px; height:auto; line-height:normal; } .pager .pages li.current {background:Transparent!important; color:#000; text-decoration:underline;} /*.sorter select {height:22px; padding:1px 0px; border:0px none; font-weight:700; color:#000; background:url(../images/select-down-bullet.png) no-repeat 98% 48% Transparent;}*/ .sorter .sort-by label {float:left; padding-right:3px; padding-top:1px;} .sorter .sort-by .sort-by-select-bar {float:left; width:140px; background:url(../images/select-down-bullet.png) no-repeat 98% 6px; border:0px; overflow:hidden; line-height:normal;} .sorter .sort-by .sort-by-select-bar select {width:170px; font-family: 'Lato', sans-serif; font-size:12px; border:0px none; background:none transparent; text-transform:uppercase; text-align:left; padding:0px 0 0; font-weight:700; line-height:normal; height:auto; } .sorter .limiter label {float:left; padding-right:3px; padding-top:1px;} .sorter .limiter .items-per-page-select-bar {float:left; width:95px; background:url(../images/select-down-bullet.png) no-repeat 98% 6px; border:0px; overflow:hidden; line-height:normal;} .sorter .limiter .items-per-page-select-bar select {width:125px; font-family: 'Lato', sans-serif; font-size:12px; border:0px none; background:none transparent; text-transform:uppercase; text-align:left; padding:0px 0 0; font-weight:700; line-height:normal; height:auto;} .sorter .sort-by select {width:135px;} .sorter .limiter select {width:94px;} /* Amount */ .pager .amount, .sorter .amount { float:right; padding-right:0px; margin-right:2px; background:none;/*url(../images/img/link-separator.png) right center no-repeat*/; line-height:27px; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* All elements - vertical spacing */ .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { padding-top:5px; padding-bottom:5px; } .sorter .sort-by, .sorter .limiter {padding-top:14px;} /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100% !important; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:400; vertical-align:bottom; border-right: none; font-size:16px; text-transform:uppercase; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:0px none #f5f5f5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd {} .data-table tr.odd.last { border-bottom:#eee solid 1px; } .cart-table tr.odd.last { border-bottom:#eee solid 0px; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #f5f5f5; } .data-table tr.even td.last { border-right:none; } .data-table tr.even { background-color:#fbfbfb; } .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/ .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .cart-table tbody.odd tr.last { border-bottom:#e5e5e5 none 0px; } /*.cart-table tbody tr td.first {background:none;}*/ .data-table tbody.even { background-color:#fcfbfa; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#fcfbfa; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(../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; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(../images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(../images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } #my-orders-table .separator {margin:0px; line-height:0px; clear:both; display:block; text-indent:-9999em;} .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ /* Obsolete: */ /*.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#fcfbfa; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(../images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; }*/ .global-site-notice { background:#fcfbfa; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(../images/i_notice.gif) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a { display:block; width:17px; height:17px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .btn-remove, .btn-remove2, .tool-tip .btn-close a { background:url(../images/img/pix.png) -17px -150px no-repeat; } .cart .cart-table .btn-remove {background:url(../images/cart-btn-remove.png) no-repeat left top;} .btn-remove:hover, .btn-remove2:hover, .tool-tip .btn-close a:hover { background-position: -17px -150px; } .btn-remove:active, .btn-remove2:active, .tool-tip .btn-close a:focus { background-position: -34px -150px; } /* Button edit -------------------------------------------------------------- */ .btn-edit { background:url(../images/img/pix.png) 0 -167px no-repeat; margin:0 5px 0 0; } .btn-edit:hover { background-position: -17px -167px; } .btn-edit:active { background-position: -34px -167px; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:0 0 1em; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(../images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } ul.bullet li:hover { background-position:3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image:url(../images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(../images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(../images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(../images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(../images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(../images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Lists inside ".std" %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .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; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container, .header-container2, .header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .header { padding:0; } /* Misc header elements -------------------------------------------------------------- */ .header .item {} .header .item-left { float:left; margin-right:20px; } .header .item-right { float:right; margin-left:20px; } .header .welcome-msg {} .header .login-msg {} .header .login-msg a {} .header .login-msg a:hover {} /* Header top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top .lang-switcher, .header-top .currency-switcher { margin:0; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper { margin:11px 0 0; float:left; width:192px; line-height:0px; padding:0px; vertical-align:top;} .header .logo { display:inline-block; max-width:220px; margin:5px 0 0; text-decoration:none !important; line-height:0px; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* User menu, top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .user-menu { float:right; margin:10px 0 10px 10px; } #mini-cart { float:left; } .top-links { float:left; } .top-links .links li a{ font-size:12px; font-weight:900;} /* Set floating because there can be more than one list of links. */ .top-links ul { float:right; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-main .search-wrapper-centered {width:204px!important; float:left!important; margin:14px 0 5px;} .header-top-search-wrapper { float:left; margin:10px 0; } /* Deprecated class */ #search_mini_form { clear:both; display:block; } .form-search { position:relative; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text { display: block; height:30px; line-height:30px; /*IE8*/ padding:0px 35px 2px 14px; /*0 0 0 5px;*/ color:#bbb; background-color:#fff; overflow:hidden; text-overflow:ellipsis; color:#b9b9b9; font-size:24px; font-weight:400; -moz-border-radius:0px; -webkit-border-radius:0px; -khtml-border-radius:0px; border-radius:0px; } #search_mini_form .form-search .input-text{ color:#92de1a; } /* Button */ .form-search .button { position:absolute; right:0; top:0; } .form-search .button span { background:url(../images/top_search.png) no-repeat transparent !important; width:34px; height:45px; margin:0px; margin-right:9px; background-position:center !important; background-size:auto !important; float:right; } .form-search .button:hover span { opacity:1; filter:alpha(opacity=100); background-color:transparent; } .form-search .button span span { background:none; display:none; } .search_skip-div { display: none; } #mini-cart .dropdown-toggle .label{ background:#92de1a; color:#ffffff; width:22px; height:22px; font-size:14px; line-height:1.65em; margin:0px; position:absolute; top:-4px; right:-11px; } #mini-cart .dropdown-toggle .feature-icon-hover{position:relative; padding:0; background-color:transparent;} /* Search autocomplete */ .form-search .search-autocomplete { left:0 !important; /*Fix for IE*/ top:31px !important; position:relative; z-index:4100 !important; } .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: small box -------------------------------------------------------------- */ .search-wrapper-small .form-search .input-text { height:28px; line-height:28px; /*IE8*/ } .search-wrapper-small .form-search .button span { background:url(../images/sprite.png) no-repeat transparent; background-position: -61px -111px; /*-59px -109px*/ width:28px; height:28px; } .search-wrapper-small .form-search .search-autocomplete { top:30px !important; } /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: centered -------------------------------------------------------------- */ .search-wrapper-centered .form-search { margin:0 auto; width:100%; } .search-wrapper-centered .form-search .input-text { float:right; width:100%; border:0px none; height:45px; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mini-cart { position:relative; } .after-mini-cart { clear:both; } /* Mini-cart Heading -------------------------------------------------------------- */ #mini-cart .dropdown-toggle {} /* Deprecated: */ #mini-cart .dropdown-toggle .icon-cart { width:14px; max-height:32px; background:url(../images/img/pix.png) 0px -205px no-repeat; } #mini-cart .dropdown-toggle .summary {} #mini-cart .dropdown-toggle .amount {} #mini-cart .dropdown-toggle .subtotal {} /* Fix icon positioning */ /*#mini-cart .dropdown-toggle .icon { padding:0; width:36px; height:36px; }*/ /* Mini-cart content -------------------------------------------------------------- */ #mini-cart .dropdown-menu { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } #mini-cart .dropdown-menu .inner {} #mini-cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; } #mini-cart .dropdown-menu .empty { padding:10px 0; } #mini-cart .block-subtitle { padding:0; margin:0 0 10px; } #mini-cart .product-name {} #mini-cart .btn-remove, #mini-cart .btn-edit { float:right; } #mini-cart .product-details strong { font-weight:normal; } #mini-cart .actions { margin:10px 0 0; padding:0; border:none; text-align: center; } #mini-cart .actions button { float:none; margin-right:1px; margin-bottom:5px; } #mini-cart .truncated { margin-left:3px; } /* Mini-cart on hover -------------------------------------------------------------- */ /* TODO #mini-cart:hover .block-content { display:block; } #mini-cart.hover:hover .block-content { display:none; }*/ /*Override (remove) default :hover behavior, if JS is enabled*/ /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .quick-compare { float:right; position:relative; margin:0; padding:0; border:none; } .quick-compare .dropdown-toggle {} .quick-compare .dropdown-menu { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } .quick-compare .dropdown-menu .empty { padding:10px 0; } .quick-compare .dropdown-menu .item { padding:3px 0; } .quick-compare .dropdown-menu .item .product-name { padding-right:20px; } .quick-compare .btn-remove { float:right; } .quick-compare .actions { border-top:1px dotted #e5e5e5; margin:5px 0 0; padding:5px 0 0; text-align:right; } .quick-compare .actions a { float:right; } .quick-compare .actions button { float:left; } /* Block on hover -------------------------------------------------------------- */ .header .block-compare:hover .block-content { display:block; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:10px 5px; } .block .block-content li.item { padding:5px 0; } .block .block-content li.item .product-name {} .block.block-compare .block-content li.item .product-name {padding-left:22px; font-size:12px; font-weight:700; text-transform:uppercase; color:#333333;} .block .btn-remove { float:right; } .block.block-compare .btn-remove { float:left; } .block .btn-edit { float:right; } .block .actions { margin:5px 0 0 0; padding:5px 0 0; border-top:0px none #e5e5e5; text-align:right; } .block .actions a { float:left; } /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { list-style: outside disc none; padding-left: 20px; } .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li { padding: 3px 0; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:69px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } /* Common styling for mini list and cross-sell list */ .mini-products-list .product-image { padding:3px; border:1px solid #e5e5e5; } .mini-products-list .product-image:hover { border-color:#999; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title {} .block-account .block-content { padding: 10px 0; } .block-account .block-content ul { list-style: none; list-style-image:none; padding-left:0; } .block-account li > * { padding:4px; display:block; text-transform:none; float:left; width:auto; } .block-account li {background:url(../images/my-account-left-bullet.png) no-repeat left 11px; padding-left:11px; font-size:14px; float:left; width:100%;} .block-account li strong { font-weight:normal; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .block-content { padding:0; } .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } /* List of filters */ .block-layered-nav dl { padding-left:14px; padding-top:0px; margin-top:-14px; } .block-layered-nav dt { font-weight:bold; padding:17px 0 8px 13px; font-size:16px; margin:-14px 0 0 -13px; } .block-layered-nav dt:hover.minus {/*background:url(../images/lft-listing-hover-bg.png) no-repeat center 2px; border-bottom:0px none; margin-bottom:-21px;*/padding-bottom:9px;} */.block-layered-nav dt.minus{ border-bottom:1px solid #cbc0b0;} .block-layered-nav dd { padding:0px 0 10px 13px; } .block-layered-nav dd.last { border-bottom:none; } .block-layered-nav dt span {float:right; margin-right:7px; margin-top:6px;} /*.block-layered-nav dt:hover.last.minus {margin-bottom:-7px!important;} */ /* Current filters */ .block-layered-nav .currently { margin:10px 0; } .block-layered-nav .currently .block-subtitle { display:block; padding:10px 10px 0; font-weight:normal; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom:4px; } .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove { float:right; margin-left:5px; } .block-layered-nav .actions { margin:0; } .block-layered-nav .actions a { float:right; } /* List items */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:1.48em; /*background:url(../images/img/bullet.png) 3px 5px no-repeat; padding-left:15px;*/ transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 5px; } .block-layered-nav dd li a {font-size:13px;} .block-layered-nav dd li a:hover {font-weight:900;} /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-wishlist li.item .btn-remove { margin-left:5px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .product-image { float:left; margin-bottom:10px; } .block-related-thumbnails .product-details { margin-left:110px; } .block-related-thumbnails .product-details > * { margin-bottom:5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; } .block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; } .block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#e5e5e5; } .compare-table .product-shop-row { border-bottom:1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color:#eee !important; } .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display:inline; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none; } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed {} /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .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 .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { 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 {} .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; padding-top:5px; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* Common styles for View Types: List & Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are modified for different number of columns */ font-size:12px; line-height:13px; /*16px 20px*/ font-weight:700; /*text-transform:uppercase*/; } .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } /* Product image -------------------------------------------------------------- */ /* Product alternative image */ .products-list .product-image .alt-img, .products-grid .product-image .alt-img { position:absolute; top:0; left:0; display: none; } /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img /* Grid only in category view */ { -moz-transform: translateZ(0); } /* View Type: List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .item { border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; background-color:#fff; position:relative; /* For hover effect */ transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } .products-list .product-shop {} .products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px } .products-list .right-column { float:right; } .products-list .product-name { margin:0 0 15px; } .products-list .product-image-wrapper {} .products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; } .products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; max-width:180px; } .products-list .button span { float:none; } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0; } /* Hover effect -------------------------------------------------------------- */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* View Type: Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Products grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {background:none #fbf9f5; } .featured-products.products-grid, .home-sow-fix-area .products-grid {background:none Transparent; -webkit-box-shadow: 0px 0px 0px 0px rgba(63, 46, 41, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(63, 46, 41, 0); box-shadow: 0px 0px 0px 0px rgba(63, 46, 41, 0);} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For hover effect */ } .products-grid .product-name { margin:15px 0 0; } .products-grid .product-image-wrapper { margin:0 auto; position:relative; } .products-grid .product-image { display:block; } .products-grid .price-box { margin:4px 0 10px; font-size:16px; font-weight:700; } .products-grid .price-box span {padding:0 1px 0 2px;} .products-grid .price-box .old-price {color:#444; font-size:12px; font-weight:700; display:inline; font-size:11px;} .products-grid .price-box .special-price {display:inline; font-size:13px;} .products-grid .ratings { margin:10px 0; } .products-grid .actions { margin:10px 0 0; } .products-grid .availability { float:none; margin:5px 0; } .products-grid .add-to-links { margin:10px 0 0; } /* Price: old/special */ /*.products-grid .old-price, .products-grid .special-price { display: inline-block; } .products-grid .old-price { margin-right: 2px; } .products-grid .special-price { margin-left: 2px; }*/ /* Grid: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Equal height of items (buttons displayed at the bottom of items) -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; width:100%; } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */ /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover { display:none; } /* Display grid item elements only on hover: fade-in (for sliders) */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Product name in a single line -------------------------------------------------------------- */ .products-grid.single-line-name .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .products-grid.single-line-name .item:hover .product-name { overflow: visible; white-space: normal; } /* Align to the center -------------------------------------------------------------- */ .products-grid.centered .item { text-align: center; border:0px none } .products-grid.centered .item .ratings .rating-box, .products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; } .products-grid.centered .item .ratings { display: inline-block; margin-bottom: 0; /* Remove margin from inline-block */ } .products-grid.centered .item .ratings .rating-box { display: inline-block; vertical-align: middle; float: none; /* Remove default float */ } .products-grid.centered .item .ratings .amount { display: inline-block; vertical-align: middle; margin-left: 3px; } .products-grid.centered .item input.checkbox { float: none; } .products-grid.centered .item .actions .add-to-links li { float: none; margin:0; } /*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/ /* Grid: only in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-products-grid .item { border-top:1px solid #e5e5e5; border-left:none; border-right:none; zoom:1; padding-top:2%; padding-left:1%; padding-right:1%; background-color:#fbf9f5; transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } /* Hover effect -------------------------------------------------------------- */ .category-products-grid.hover-effect .item:hover { /*margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out;*/ } /* Grid: override grid elements to change size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name -------------------------------------------------------------- */ .products-grid.size-s .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } .products-grid.size-xs .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* Buttons -------------------------------------------------------------- */ .products-grid.size-s .item button.btn-cart span span { padding:7px 15px; height:auto; line-height:2em; } .products-grid.size-xs .item button.btn-cart span span { padding:3px 8px; height:auto; line-height:2em; } .products-grid.centered .item button.btn-cart span span {padding:0 35px;} /* Product labels -------------------------------------------------------------- */ .products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; } .products-grid.size-s .item:hover .sticker { width:50px; height:50px; } .products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .products-grid.size-xs .item:hover .sticker { width:45px; height:45px; } .product-view .product-image img {margin:0 auto; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height:1.0833em; margin:15px 0 15px; } .ratings a { line-height:1.0833em; } .ratings strong { float:left; margin:1px 5px 0 0; } .ratings .rating-links .separator { display:inline-block; text-indent:-9999px; width:1px; background:url(../images/img/bg-separator1.gif) no-repeat; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(../images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:8px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } .ratings #goto-reviews-form { font-weight:700;} /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability - with details */ .availability-only { margin:15px 0; } a.availability-only { cursor:pointer; } .availability-only strong { font-weight:normal; } .availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); } .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; } .availability-only-details td.last { border-right:none; } /* Product increments */ .product-pricing { line-height:1.25em; /* TODO:15px */ } .extrahint-wrapper .product-pricing { padding:10px; background-color:#fcfbfa; } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price, .alert-stock { margin:15px 0; padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(../images/img/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(../images/img/icons.png) 0 -160px no-repeat; } /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price {} .price-box .price-label {} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label { color:#dd5555 !important; /* Override other color changes */ } .special-price .price-excluding-tax .price {} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { color:#ee001c; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 10px; padding-left: 10px; } .tier-prices li { line-height:15px; background:url(../images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#ee001c; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */ /* Add-to links as icons (with no text). Deprecated (will be removed in the next update). -------------------------------------------------------------- */ .addto-icons a.link-wishlist, .addto-icons a.link-compare, .addto-icons a.email-friend { display:block; padding:0; margin:0; width:27px; height:27px; text-indent:-9999em; overflow:hidden; background:url(../images/img/pix.png) no-repeat; background-color:#fff; /*border:1px solid #f5f5f5;*/ } .addto-icons a.link-wishlist:hover, .addto-icons a.link-compare:hover, .addto-icons a.email-friend:hover { background-color:#fff; } .addto-icons a.link-wishlist { background-position:-27px 0; } .addto-icons a.link-wishlist:hover { background-position:-27px -27px; } .addto-icons a.link-compare { background-position:0 0; } .addto-icons a.link-compare:hover { background-position:0 -27px; } .addto-icons a.email-friend { background-position:-54px 0; } .addto-icons a.email-friend:hover { background-position: -54px -27px; } /* If displayed in a group: add margin between icons */ .add-to-links.addto-icons .link-compare, .add-to-links.addto-icons .email-friend { margin-left:3px; } /* If displayed on product image */ .addto-icons.addto-onimage { float:right; margin-top:-31px; /* Move up: height (29px) + 2 additional pixels */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the image below icons. */ padding-right:4px; } /* Add-to links: simple icons (with no text) -------------------------------------------------------------- */ .addto-links-icons {} /* If displayed in a group: add margin between icons */ .add-to-links.addto-links-icons .link-compare { margin-left:3px; } /* If displayed on product image */ .addto-links-icons.addto-onimage { float:right; margin-top:-40px; /* Move up */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */ padding-right:4px; } /* Add to Cart box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-cart .qty-wrapper {} .add-to-cart .qty { text-align:center; margin-right:10px; } .add-to-cart .button { margin-right:10px; } .product-view .add-to-cart { float:left; } .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Box floating right -------------------------------------------------------------- */ .add-to-cart.right {} .add-to-cart.right label { margin-left:10px; } .add-to-cart.right .button { margin-right:0; } /* Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #messages_product_view { margin: 0 auto; width: 98%; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1 Column Layout -------------------------------------------------------------- */ /* Stretch content area (full page width) */ .catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; } /* 3 Columns Layout -------------------------------------------------------------- */ /* Uncomment if you're using 3-column layout on product page */ /*.catalog-product-view .col3-layout .product-img-column, .catalog-product-view .col3-layout .product-shop, .catalog-product-view .col3-layout .product-secondary-column, .catalog-product-view .col3-layout .box-additional { float: none; width: 100%; } .catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/ /* Main sections of product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic wrapper for product page collaterals */ .product-view .box-additional { margin-top:20px; } .product-view .box-tabs {} .product-view .box-sidebar {} .product-view .box-up-sell {} .product-view .box-tabs .gen-tabs.gen-tabs-style1.turkey { margin-top: -100px; } .product-view .box-tabs .gen-tabs.gen-tabs-style1.turkey li{ background:none;} /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float:left; margin-bottom:10px; position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */ } .col3-layout .product-view .product-img-column { float:none; margin:0 auto; } /* Product primary column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; width:68%; margin-right:0px!important } .product-view .product-shop .product-name { margin:0 0 0em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; font-size:16px; font-weight:700; color:#000; line-height:18px; padding:0px; margin:0px; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } /* Product secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ } /* Product primary column's elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ } .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Add-to links */ .product-view .action-box { margin:20px 0; } /* Add-to links in different places of the product page */ .product-view .add-to-links li { margin-right: 10px; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* The same style as "item-options" in cart */ .product-type-data .item-options dd { background:url(../images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices - common for product view and MAP popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .price-box .special-price { white-space:nowrap; /*Chrome*/ } .product-view .price-box .special-price .price-label { white-space:nowrap; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } /* Main containers (e.g. for add-to-cart, product options) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type specific data */ .product-view .product-type-data { margin:15px 0 0; } /* Lower part of the container */ .product-view .container1-wrapper, .product-view .container2-wrapper, .product-view .add-to-box { padding:0px; margin:0px; } /* Button container */ .product-view .add-to-box { margin-top:6px; border:none!important; } /* Background color for main containers */ /*.product-view .product-type-data, .container1-wrapper, .container2-wrapper, .product-view .add-to-box {}*/ /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description (for lists with no bullet class) */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } .product-view .short-description .std ul li, .product-view .box-tabs .std ul li { background:url(../images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; margin-bottom:15px; } .product-options dt { font-weight:normal; } .product-options dt label { display:inline-block; color:#333333;} .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:0px 0 10px; } .product-options dl.last dd.last { border-bottom:0; } .product-options dd input.input-text { width:100%; /*98%*/ } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:100%; /*width:92%;*/ height:8em; } .product-options dd select { width:100%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list li:nth-child(1) {padding-bottom: 15px;} .product-options ul.options-list input.radio { float:left; } .product-options ul.options-list input.checkbox { float:left; } .product-options ul.options-list .label { display:block; margin-left:22px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:0.9166em; } .product-options p.required { position:absolute; right:0; top:-15px; } .subscription-product.product-options ul.options-list label.del_label {margin-left:22px;} .subscription-product.product-options ul.options-list .del_select {margin-left: 22px; margin-top: 5px; width: 150px;} /* Override form colors */ /* .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; border-color:#ddd; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; border-color:#aaa; }*/ /*bottom*/ .product-options-bottom { margin-top:20px; } .product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom { 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-box { clear:both; float:left; padding-top:12px; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0; clear:both; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:14px; } /* Product collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide first h2 heading (which is the same as tab text) */ .box-tabs .panel > h2:first-child { display:none; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; /*11px*/ } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top:15px; } .product-view .box-reviews dl { margin:0 0 15px; } .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dt a { font-size:18px; margin-right:8px; } .product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; } .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; } .product-view .box-reviews .ratings-table { margin:5px 0; } .product-view .box-reviews .form-add {} .product-view .box-reviews .form-add h2 { text-transform:uppercase; } .product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add h4 { font-family:inherit; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box {} .product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; } .product-view .box-reviews .form-add .data-table { max-width:176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; } .product-view .box-reviews .form-add .data-table td .radio { margin:0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; font-size:1em; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:20px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; /* Complex form fields (e.g. price range) require floating for correct layout */ } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 5px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin:15px; } .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 {} .page-sitemap .pager { clear:both; } /* RSS */ .rss-title h1 { background:url(../images/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; display:inline-block; margin-right:32px; margin-top:129px; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:168px; display:block; } .cart-table .product-name { margin:0px; font-weight:700; font-size:12px; line-height:16px; color:#333; /*20px, 24px*/ text-transform:uppercase; } .cart-table .product-name a {color:#333;} .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; } .cart-table tfoot td { padding:5px 10px; border:none; } /* Table bottom - buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; } .cart-table tfoot button { padding:0; margin:0 34px 15px 10px; } .cart-table .btn-continue { float:left; margin-left:36px; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } /* Light Brown button ================= */ .cart-table .btn-continue span, .cart-table .btn-update span, .cart-table .btn-empty span{background-color:#a5957c;} .cart-table .btn-continue span span, .cart-table .btn-update span span, .cart-table .btn-empty span span {font-size:16px; font-weight:700;} /* Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:20px; } .cart .cart-right-column { float:right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell .product-image { /*float:left;*/ } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell .btn-cart { float:left; margin-right:10px; } .cart .crosssell .add-to-links { float:left; margin:12px 0 0; } .cart .crosssell .price-box { margin:7px 0; } .cart .crosssell li.item { padding:20px 0; } .cart .crosssell li.item.odd { margin-left:0; clear:left; } .cart .crosssell li.item.even { margin-right:0; float:right; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:15px 0 0; border:0; padding:0; text-align:left; } .cart .shipping .buttons-set button.button, .cart .discount .buttons-set button.button { float:right; margin-left:5px; margin-right:0px; } .cart .discount .buttons-set button.button span, .cart .shipping .buttons-set button.button span {background-color:#a5957c; font-size:16px;} .cart .discount .buttons-set button.button:hover span, .cart .shipping .buttons-set button.button:hover span {background-color:#f0b310;} .cart .discount .buttons-set button.button span span, .cart .shipping .buttons-set button.button span span {height:41px; line-height:41px; padding:0 23px;} /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display:block; margin:0 0 5px; } .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; color:#666666; font-size:14px;} .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color:#fcfbfa; } .cart .totals-inner { padding:6px 32px 20px 0px; } .cart .totals table { width:100%; } .cart .totals td { padding:1px 0px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:10px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Cart static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options { line-height:15px; } .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; } /* Item options in cart/checkout tables */ .data-table .item-options dt { background:url(../images/img/bullet.png) 0 4px no-repeat; padding-left:10px; white-space:normal; /* Override 'nowrap' */ } .data-table .item-options { margin:0 0 0 10px; } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin:15px 0 0; font-size:16px; } .sp-methods dd { margin: 3px 0 15px; font-size:14px; } .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding:10px 10px 10px 30px; } .sp-methods select.month { width:150px; margin-right:10px; margin-bottom:6px; } .sp-methods select.year { width:96px; margin-bottom:6px; } .sp-methods input.cvv { width:4em !important; text-align:center; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; float:left; margin-top:7px; } /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; } .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; } .gift-messages-form p { margin-bottom:10px; } .gift-messages-form label { float:none !important; position:static !important; } .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; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight:bold; color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements { padding:0 60px 20px; } .checkout-agreements li { margin:0 0 20px; } .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; } .opc .checkout-agreements { padding:15px 30px; } .checkout-agreements .agreement-content { max-height:250px; overflow:auto; padding-right:30px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* Other */ .block-progress .block-title { background:none; border:0; padding:10px 0;} .block-progress .block-title strong { font-family:inherit; text-transform:uppercase; font-weight:700; } .block-progress .block-content { background:none; padding:0; margin-top:6px; border:none; } .block-progress dt { background:url(../images/img/checkout-progress.png) 2px 5px no-repeat; line-height:18px; margin:0 0 5px; padding:5px 0 1px 26px; font-weight:400; font-size:13px; } .block-progress dd { line-height:15px; border-top:0 none; margin:0 0 6px; padding:6px 0px 6px 23px; color:#777777; } .block-progress dt.complete { background:url(../images/img/checkout-progress.png) 2px 5px no-repeat; } .block-progress dt.complete .separator {color:#333;} .block-progress dt.complete a { font-weight:normal; } .block-progress dd.complete {} .block-progress p { margin:0; } .opc .buttons-set { margin-top:0; padding-top:2em; } .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; font-size:14px; line-height:normal; } .opc { position:relative; width:98%; margin-top:52px; } .opc .section { margin:0 0 10px; padding:0; } .opc .step-title { background:#f7f2eb; padding:10px; text-align:right; -webkit-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); -moz-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); } .opc .step-title .number { float:left; background:Transparent; padding:8px 0px 8px 12px; margin:0 8px 0 0; font-size:16px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; } .opc .step-title h2 { float:left; margin:0; color:#333; font-size:16px; line-height:2.125em; } .opc .step-title a { display:none; float:right; margin-top:6px; } .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background:#fcfbfa; text-transform:uppercase; } .opc .allow .step-title:hover { background-color:#fcfbfa; } .opc .allow .step-title h2 { color:#333; } .opc .allow .step-title a { display:block; color:#000; } .opc .active .step-title { background-color:#fcfbfa; cursor:default; } .opc .active .step-title .number { color:#333; background-color:Transparent; } .opc .active .step-title h2 {} .opc .active .step-title a { display:none; } .opc .step { padding:10px 0px; margin-top:10px; position:relative; } .opc .step .grid12-6 {margin-left:0; margin-right:2%; } .opc .step .tool-tip { right:30px; } #opc-login .col-1 {} #opc-login .col-2 {} #opc-login h3 { margin-top:10px; } #opc-login h4 { font-family:inherit; font-weight:normal; } #opc-login .form-list { margin:15px 0 15px; } #opc-login .form-list li { margin:0 0 6px;} #opc-login .buttons-set { padding:0; } .opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;} .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 0px; } #opc-review .buttons-set button.button {margin-right:0px;} #opc-review .buttons-set p { margin:8px 0 0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:15px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:12px; font-weight:normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:13px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight:normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ce001a; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding:0 110px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; } .checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; } .multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; } .multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; } .multiple-checkout .data-table thead th { padding:10px; font-weight:normal; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .col2-set .col-1 { width:32%; } .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom:20px; } .account-login .new-users {margin-left:0; margin-right:2%;} .account-login .registered-users {margin-right:0; margin-left:2%;} .account-login p { margin-bottom:25px; font-size:14px; font-weight:400; color:#333; } .opc p, fieldset p {font-size:14px; font-weight:400; color:#333; } .account-login p.required { margin:0; display:none; } .account-login .buttons-set { clear:none; padding:0; margin:16px 0 0; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button { float:left; margin-left:0; } .account-login .buttons-set a, #opc-login .buttons-set a { float:left !important; margin:16px 0 0; font-size:14px; font-weight:700; color:#333333; } /* My Account Dashboard %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account {} .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 1.6666em; } .dashboard .welcome-msg .hello { font-size:18px; line-height:normal; /*20px, 24px*/ padding-bottom:5px; padding-top:7px; } .dashboard .welcome-msg .hello strong { font-weight: normal; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:6px; } .box-account .box-head a { float:right; margin-top:2px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; font-size:18px; font-weight:700;} .box-account.box-info .col-1 { border-right:0px none #e5e5e5; } .box-account.box-info .col-1 .box { padding-right:10px; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 {font-size:18px; font-weight:700;} /* Block: Account Information */ .dashboard .box-info .box-head h2 {font-size:18px; font-weight:700;} .dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; margin:0 0 4px; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 {font-size:18px; font-weight:700;} .dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 {font-size:18px; font-weight:700;} .dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-tags .details { margin-left:38px; } .dashboard .box-tags .tags { margin:5px 0 0; } .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 > */ /* Add left padding if icons are displayed in headings */ /*.box-account .box-head h2, .order-items h2, .order-about h2 { padding-left:38px; }*/ /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#fcfbfa; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:0px solid #e5e5e5; background:none #FCFBFA; } .my-account .pager { margin-bottom:20px; margin-left:0px; border:0px; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#ee001c; clear:both; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:5px 9px; } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:12px; } .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 {} .order-details h2 {} .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(../images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { background:#f8f8f8; } .my-wishlist .btn-cart { margin:10px 0 5px; } /* 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 TODO:deprecated %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { margin:0 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:12px; margin:5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(../images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup .remember-me-popup-head { position:relative; } /*.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px 'Lato', sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }*/ /* Additionally remove the button */ .remember-me-popup .remember-me-popup-close-button { display:none; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:lowercase; width:55px; line-height:15px; padding:2px 8px; } .map-cart-sidebar-total:hover { overflow:visible; white-space:normal; background-color:#fff; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); } .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading { width:240px; } .map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { display:none; /*border-color:transparent transparent #fff transparent; border-style:solid; border-width:10px; position:absolute; left:50%; top:-20px;*/ } .map-popup-content { overflow:hidden; text-align:left; width:270px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 15px; padding:15px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; /* + Common shadow styles for multiple items */ } .remember-me-popup h3, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-size:1.5em; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(../images/img/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .calendar { z-index:200; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container, .footer-container2 { background-repeat:repeat; background-position:center top; background-attachment: scroll; background-image:none; } .footer { width:960px; margin:0 auto; padding:0; text-align:left; } .footer .item-left { float:none; margin-right:20px; } .footer .item-right { float:right; margin-left:20px; } /* Footer elements */ .footer .heading, #subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:300; text-transform:uppercase; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top {} /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary {} /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { padding-top:20px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-primary-bottom-spacing { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; padding-bottom:20px; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-secondary {} /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container {} .footer-bottom { padding-top:10px; /* To counterbalance the bottom margin of footer elements */ } /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form {width:65%; position:relative;} #subscribe-form form { display:block; } #subscribe-form label {float:left; margin:0 0px 26px 0; line-height:normal; font-weight:normal; position: relative; clear:both; font-size:18px; color:#fff; text-transform:none; } #subscribe-form .input-box { float:left; margin:0 0px 9px 0; position:relative; } #subscribe-form .input-box .validation-advice { padding:10px 0; margin:0; width:140%; position:absolute; top:-103%; left:-20%; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.9); z-index:1; } #subscribe-form .input-text { height:41px; line-height:41px; width:221px; border:1px solid #e6e6e6;font-size: 15px; } #subscribe-form .input-text.validation-failed {} #subscribe-form .button { float:left; text-align:center; padding:0 16px; line-height:43px; font-size:24px; color:#fff; background:#ff8400; margin-left: 29px; } #subscribe-form button.button span { background-color: #ff8400; text-transform:none; font-size: 24px; font-weight: 300; color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 43px!important; line-height: 40px!important; float: right; } #newsletter-validate-detail #form_msg { width: 62%; margin-top: 4px; position: absolute; bottom: -13px;} /* Social services -------------------------------------------------------------- */ .social-links span.icon { margin-bottom:3px; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:1em; /*11px*/ line-height:1.6666em; font-weight:700; margin-bottom:10px; margin-left:10px; } /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display:none; position:fixed; width:50px; height:50px; bottom:30px; right:30px; z-index:9999; text-indent:-9999px; border-radius:50%; background:url(../images/sprite.png) -200px -100px no-repeat #e5e5e5; } #scroll-to-top:hover { background-position:-200px -150px; background-color:#333; } /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display:none; } /* Magento widgets %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .widget-new-products .products-grid .item, .widget-viewed .products-grid .item, .widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; } .widget-new-products .products-list, .widget-viewed .products-list, .widget-compared .products-list { list-style-type: none; padding: 0; } .widget-new-products .products-list .product-image, .widget-viewed .products-list .product-image, .widget-compared .products-list .product-image { float: left; } /* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, /* Additional clearing */ .my-account .order-info:after, #mini-cart .mini-products-list li.item:after, .block-related-thumbnails .product:after, .cart .crosssell:after, .section-line:after, .section-title:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* =========================== Tejas 31 March 2014 ========================== */ /* ------------------ Start Disply none ------------------ */ .the-slideshow-wrapper-outer .owl-buttons {display:none;} /* ------------------ End Disply none ------------------ */ .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span {margin:7px 4px!important;} .caption h2 {font-size:25px; font-weight:900; line-height:30px; color:#fff; text-shadow:2px 2px 6px #000; padding-bottom:27px; text-transform:uppercase;} .caption h3 {background:url(../images/banner-content-box.jpg) repeat-x left top; width:456px; margin:0 auto 39px; min-height:61px; -webkit-box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.45); -moz-box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.45); box-shadow: 0px 10px 14px -1px rgba(0,0,0,0.45);} .caption h3 span {font-size:18px; line-height:22px; color:#444444; padding:7px 38px; text-transform:none; display:block; font-weight:400;} .caption h4 {width:161px; margin:0 auto; padding:0;} .caption h4 a {text-align:center; background:none #7fa153; display:block; font-size:18px; font-weight:700; color:#ffffff; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; padding:18px 0; } .caption h4 a:hover {background:none #f0b310;} .caption.top h2, .caption.top h3, .caption.top h4 {clear:both; margin-left:auto; margin-right:auto; display:block; float:none; text-align:center;} /* ---------------------------- Knowledge Center ----------------------------- */ .kc-title{background:url(../images/llight-grey-dot.gif) repeat-x left 13px; text-align:center;} .kc-title h3 {text-transform:uppercase; font-size:24px; font-weight:700; color:#fff;} .kc-title h3 span {background:none #3c3431; padding:0px 13px;} .knowledge-center-area {/*width:100%;*/ min-width:100%; padding:41px 0 0; margin:0px auto; background:url(../images/knowledge-center-bg.jpg) repeat center top; float:none; clear:both;} .kc-four-box-area { margin:0 auto; padding:0 0px 34px; width:960px;} .kc-box-area {margin:0px 7px; padding:0px; display:inline-block;} .kc-box-content-area {background:none #f1f1f1; padding:12px 10px 14px; width:202px; min-height:inherit} .kc-box-content-area h3 {text-transform:uppercase; padding:0px 0px 8px; margin:0px; font-weight:700; font-size:13px;} .kc-box-content-area p {font-weight:300; line-height:16px; font-size:13px; min-height:97px;} .kc-box-content-area h4 {text-align:center; display:block;} .kc-box-content-area h4 a {border:2px solid #7fa153; font-weight:700; color:#fff; text-transform:uppercase; background:none #7fa153; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:6px 25px 7px; font-size:12px;} .kc-box-content-area h4 a:hover {background:none #fff; color:#7fa153;} /* -------------------------- Home page --------------------------- */ .cms-index-index .main.container {width:100%; max-width:100%; padding:0px; margin:0px;} .cms-index-index .col1-layout .col-main.grid-full, .category-shop-by-brand .grid-full {width:100%; padding:0px; margin:0px;} .footer-bottom .section {padding:4px 0px 2px;} .main-before-top-container .the-slideshow-wrapper {top:-142px;margin-bottom: -102px; position:relative;} /* =========== Footer tooltip start ====================== */ .footer-tt-content {background:url(../images/ftr-tooltip-bg.png) repeat left top; -webkit-box-shadow: 6px 6px 10px 0px rgba(78, 68, 51, 0.35); -moz-box-shadow: 6px 6px 10px 0px rgba(78, 68, 51, 0.35); box-shadow: 6px 6px 10px 0px rgba(78, 68, 51, 0.35); padding:18px; width:274px; z-index:99999; text-align:center; margin:-87px 0 0!important; font-size:14px; font-weight:700; position:absolute;} .footer-tt-content h2 {font-size:18px; font-weight:900; text-transform:uppercase; background:url(../images/footer-tt-heading-line.gif) no-repeat center bottom; margin-bottom:8px; padding-bottom:15px} .footer-tt-content p {padding:6px 0px; margin:0;} /* =========== Footer tooltip end ====================== */ /* =========== home page sow tooltip start ====================== */ .home-sow-title .block-content {float:left;} .sales-tooltip-content {background:url(../images/ftr-tooltip-bg.png) repeat left top; -webkit-box-shadow: 6px 6px 10px 0px rgba(78, 68, 51, 0.35); -moz-box-shadow: 6px 6px 10px 0px rgba(78, 68, 51, 0.35); box-shadow: 6px 6px 10px 0px rgba(78, 68, 51, 0.35); padding:18px; width:274px; z-index:999999; text-align:center; margin:-57px 0 0!important; font-size:14px; font-weight:700; position:relative;} .sales-tooltip-content h2 {font-size:18px; font-weight:900; text-transform:uppercase; background:url(../images/footer-tt-heading-line.gif) no-repeat center bottom; margin-bottom:8px; padding-bottom:15px} .sales-tooltip-content p {padding:6px 0px; margin:0;} .plushovericon-sales {position:absolute;} /* =========== Footer tooltip end ====================== */ .footer-secondary .grid-full {margin:0px; width:100%;} .footer-secondary .firstBlock {width:172px; margin-left:0px;} .footer-secondary .secondBlock {width:38%; margin:0px;} .footer-secondary .thirdBlock {width:34%; margin:0px;} .footer-secondary .forthBlock {width:28%; margin:0px;} .footer-secondary .fifthBlock {width:70%; margin:0px; margin-top:20px;clear:both;} .footer-secondary .sixthBlock {width:28%; margin:20px 0 0 1%} .footer-container .mobile-collapsible .block-title { font-size:30px; font-weight:300; color:#a7d470; text-transform:inherit;margin-bottom:15px;} .footer-secondary .sixthBlock .no-gutter.grid12-9, .footer-secondary .sixthBlock .grid12-3 { width: 100%;} .footer-secondary ul li {padding:0px 0px 0px; margin:0px; } .footer-secondary ul li a{font-size:18px; color:#fff; font-weight:300;line-height:22px;} .footer-secondary .fifthBlock ul li span.ftr-fb {background:url(../images/ftr-fb-icon.png) no-repeat left 2px; padding:0px 0px 0px 24px; margin:0px; display:block; height:20px;} .footer-secondary .fifthBlock ul li span.ftr-twitter {background:url(../images/ftr-twitter-icon.png) no-repeat left 2px; padding:0px 0px 0px 24px; margin:0px; display:block; height:20px;} .footer-secondary .fifthBlock ul li span.ftr-pinterest {background:url(../images/ftr-priintit-icon.png) no-repeat left 3px; padding:0px 0px 0px 24px; margin:0px; display:block; height:20px;} .footer-secondary .fifthBlock ul li span.ftr-instagram {background:url(../images/ftr-instagram-icon.png) no-repeat left 4px; padding:0px 0px 0px 24px; margin:0px; display:block; height:20px;} .footer-secondary .fifthBlock ul li span.ftr-blog {background:url(../images/ftr-blog-icon.png) no-repeat left 4px; padding:0px 0px 0px 24px; margin:0px; display:block; height:20px;} .footer-secondary .fifthBlock ul li span.ftr-fb:hover {background:url(../images/ftr-fb-icon-hover.png) no-repeat left 2px; color:#f8a140;} .footer-secondary .fifthBlock ul li span.ftr-twitter:hover {background:url(../images/ftr-twitter-icon-hover.png) no-repeat left 2px; color:#f8a140;} .footer-secondary .fifthBlock ul li span.ftr-pinterest:hover {background:url(../images/ftr-priintit-icon-hover.png) no-repeat left 3px; color:#f8a140;} .footer-secondary .fifthBlock ul li span.ftr-instagram:hover{background:url(../images/ftr-instagram-icon-hover.png) no-repeat left 4px; color:#f8a140;} .footer-secondary .fifthBlock ul li span.ftr-blog:hover {background:url(../images/ftr-blog-icon-hover.png) no-repeat left 4px; color:#f8a140;} .footer-secondary .fifthBlock ul li a:hover, .footer-secondary ul li a:hover {color:#f8a140;} .footer-secondary .sixthBlock li{float: left;height: 61px;width: 61px;margin-right:14%;} .footer-secondary .sixthBlock li:last-child{margin-right:0;} .footer-secondary .sixthBlock li a span { background:url("../images/social-icon.png") no-repeat; float:left;width:61px;height:61px;font-size:0; } .sixthBlock li a span.ftr-pinterest{margin-right:0;} .sixthBlock li a span.ftr-fb{background-position: left top;} .sixthBlock li a:hover span.ftr-fb{background-position: left bottom;} .sixthBlock li a span.ftr-twitter{background-position: -180px top;} .sixthBlock li a:hover span.ftr-twitter{background-position: -180px bottom;} .sixthBlock li a span.ftr-pinterest{background-position: -90px top;} .sixthBlock li a:hover span.ftr-pinterest{background-position: -90px bottom;} /* ============================= Header ================================= */ .footer-secondary .collapsible .block-title{ color: #a7d470; font-size: 30px; text-transform:capitalize; } .header-extra-links .top-links { float:left; /*width:326px;*/ margin:9px 0px 0 0px;} .header-extra-links .top-links li { float:left; display: inline; padding-left:0px; } .header-extra-links .top-links li.head_event{width:48px; padding:0 11px 0 11px;} .header-extra-links .top-links li.head_signin{width:58px; padding-left:10px; padding-right:4px;} .header-extra-links .top-links li{width:54px; padding:0 10px 0 10px;} .header-extra-links .top-links li.head_localad{width:58px;} .header-extra-links .top-links li.head_rewards{width:60px;} .header-extra-links .top-links li.head_call{width:46px; padding:0 4px 0 4px;} .header-extra-links .top-links li.head_locate{width:50px; padding-right:0px;} .header-main .user-menu .top-links{display:none;} .header-main .user-menu {width:45px; float:left;} #mini-cart .dropdown-toggle span.close-to-text { border-radius:0; height:40px; width:40px; margin:0; padding:41px 0 0; color:#fff; text-align:center; font-size:14px; font-weight:700; background-image: url(../images/top_cart.png); background-position:0 0; background-size:auto; } .header-extra-links .top-links img { padding-right:0px;} .header-extra-links .top-links a { font-weight:700; font-size:14px; color:#fff;} .header-extra-links .top-links a span.header-link-text {float:left; margin-top:0; width:100%; text-align:center;} .header-extra-links .top-links a span.header-link-icon-img {float:left; display:inline-block;margin-right: 0px;width:100%; text-align:center;} .user-menu {/*width:242px!important;*/} .top-links .contact_img { padding-top: 0px;} .main-before-top-container {padding-bottom: 0px;} .home-sow-area {padding:0px; margin:0px auto; background:url(../images/main-bg.jpg) no-repeat center bottom; width:927px; height:auto; } .home-sow-fix-area .itemslider-wrapper { clear: both; height: 375px; margin: 0 auto; width: 840px; } .home-sow-area .Upsell-div { height:auto!important} .home-sow-fix-area {margin:0px auto; padding:0px; width:100%; background:url(../images/home-page-sow-slider-area-bg.png) no-repeat center 44px; } .home-sow-fix-area.custome-home { background:none} .home-sow-fix-area .itemslider-wrapper { margin:0px auto 0; height:360px; clear:both; width:840px;} .Upsell-div .home-sow-fix-area .itemslider-wrapper { margin:0px auto 0; height:360px; clear:both; width:740px; padding-top:20px;} .home-sow-title { text-align:center; width:100%; clear:both;} .home-sow-title h3 {margin:0 auto; display:block; width:960px; position:relative; padding-top:12px;} .home-sow-title span.title-img {width:332px; height:134px; float:left; text-align:left; display:none;} .home-sow-title span.title-text {float:left; margin-bottom:15px; font-size:25px; font-weight:400; color:#fff; display:block; width:auto; text-align:left; font-weight:bold; font-family: 'MyriadProBold_0'; padding:7px 15px 12px 10px;} .custome-home .home-sow-title span.title-text { background-color:#59dac0; } .home-sow-area:nth-of-type(2) .home-sow-title span.title-text { background-color:#7ac913; } .home-sow-area:nth-of-type(1) .home-sow-title span.title-text { background-color:#19a866; } .home-sow-area:nth-of-type(4) .home-sow-title span.title-text { background-color:#ff8400; } .home-sow-area:nth-of-type(5) .home-sow-title span.title-text { background-color:#f04937; } .kc-four-box-area h3.title-text { background-color: #ff8400;clear: both;color: #ffffff;display: block;float: none;font-family: "MyriadProBold_0";font-size: 25px;font-weight: 700;margin-bottom: 15px;padding: 7px 10px 12px 10px;text-align: left;width: 200px;} div .kc-four-box-area:nth-child(2) h3.title-text{background:#f04937;} .show-bg div.kc-four-box-area .kc-box-area { margin-bottom: 30px; margin-top: 15px;} .home-sow-btn-area {padding:20px 0; margin:0px auto 0px; float:none; width:430px; display:flex;} .home-sow-btn-area h3 {padding:0px; margin:0px auto;} .home-sow-btn-area span {padding:0px 8px; float:left;} .home-sow-btn-area span a.view-all-specials {background:url(../images/vas-button-icon.png) no-repeat 14px 18px #a5957c; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; line-height:50px; font-size:15px; font-weight:700; color:#fff; text-transform:uppercase; float:left; padding:0px 21px 0px 41px;} .home-sow-btn-area span a:hover.view-all-specials, .home-sow-btn-area span a:hover.view-weekly-add {background-color:#f0b310; } .home-sow-btn-area span a.view-weekly-add {background:url(../images/vwk-button-icon.png) no-repeat 14px 18px #a5957c; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; line-height:50px; font-size:15px; font-weight:700; color:#fff; text-transform:uppercase; float:left; padding:0px 21px 0px 41px;} .home-sow-fix-area .owl-carousel .owl-wrapper-outer {width:840px; margin:0 auto; z-index:99;} .Upsell-div .home-sow-fix-area .owl-carousel .owl-wrapper-outer {width:740px; margin:0 auto; height:325px!important;} .home-sow-fix-area .products-grid.centered .item {padding:14px 0 0; width:154px; margin:0 auto;} .home-sow-fix-area .owl-carousel .owl-item {/*width:182px!important;*/ margin:0 auto; padding:0px; text-align:center;} .home-sow-fix-area .products-grid .product-name {margin:5px 0 0; font-size:11px; line-height:12px;} .home-sow-fix-area .products-grid .product-share {font-size:12px; line-height:18px;} .home-sow-fix-area .products-grid .price-box {font-size:13px;} .home-sow-fix-area .products-grid .price-box .old-price{font-size:11px;} .home-sow-fix-area button.btn-cart {width:100%; margin:0 auto!important;} .home-sow-fix-area button.btn-cart span {background-color:#7fa153; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; float:none;} .home-sow-fix-area button.btn-cart:hover span {background-color:#f0b310;} .home-sow-fix-area button.btn-cart span span {width:100%; color:#fff; text-transform:uppercase; font-size:13px; height:25px; line-height:25px; font-weight:700; padding:4px 0px!important;} .home-sow-fix-area .slider-arrows1 .owl-controls .owl-buttons .owl-prev {margin-left:-60px;} .home-sow-fix-area .slider-arrows1 .owl-controls .owl-buttons .owl-next {margin-right:-60px;} .home-sow-fix-area .grid-product-detail {min-height:87px;} /* ================= navigation ================== */ .nav.container {max-width: 960px;} #nav > li.level0.level-top {width:117px;} #nav > li.level0.level-top > a {line-height:17px; min-height:53px;} #nav > li.level0.level-top > a span {padding-top:10px; padding-bottom:9px;} .simple_slider .home-sow-title > h3 { overflow: hidden; padding: 0; } .simple_slider .home-sow-fix-area .itemslider-wrapper { height: auto; margin: 20px auto 55px; } /* ========================= Category page =============================== */ .list-block-hover {margin:14px 0px 16px; text-align:center;} .col-left.sidebar .block-vertnav .block-title { padding-top:0px; padding-bottom:0px; border-bottom:0px none #e5e5e5; font-weight:700; font-size:1.313em; /*18px*/ line-height:1.313em; /*22px*/} /*.catalog-category-view .col-main {background-color:#fbf9f5; -webkit-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); -moz-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); padding-bottom:16px;}*/ .catalog-category-view .category_detial {background-color:#fbf9f5; -webkit-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); -moz-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); padding:0 1% 16px;} .catalog-category-view .col-main h1 {font-size:22px; font-weight:400; text-transform:uppercase; text-align:center; padding:13px 0 11px; margin:0px 0px 16px; background:url(../images/fp-title-bg.jpg) no-repeat center bottom;} .block-layered-nav .block-title {padding-top:0px!important; margin-top:-10px; font-size:18px!important; font-weight:700!important; color:#444444!important; border-bottom:none 0px!important; background:url(../images/layered-nav-title-bg.png) no-repeat center bottom; padding-bottom:19px!important;} .special-price span.price-label {display:none;} .top-seller-category h2 {padding:13px 0px 10px; margin:0px; font-size:16px; line-height:normal; font-weight:700; } .topselling-product li {font-size:16px; line-height:normal; font-weight:400; padding-bottom:8px; padding-left:14px;} .sidebar .block.block-compare {width:100%;} .sidebar .block.block-compare .block-content {margin:0px 0 3px;padding: 10px 0 10px 0;} .sidebar .block.block-compare .actions {text-align:center;} .sidebar .block.block-compare .actions a { float:none; text-transform:uppercase; font-weight:700; color:#666666; float:left; margin-top:6px} .block.block-compare .actions {width:100%; margin:0 auto; padding:10px 0 0;} .sidebar .block.block-compare .block-title small{color:#666666;} .sidebar .block.block-compare button.button {width:130px; float:right; margin: 0 0 5px;} .sidebar .block.block-compare button.button span {background-color:#a5957c; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; float:none; padding:5px 0 4px;} .sidebar .block.block-compare button.button:hover span {background-color:#f0b310; } .sidebar .block.block-compare button.button span span {width:100%; color:#fff; text-transform:uppercase; font-size:13px; height:25px; line-height:25px; font-weight:700; padding:0px 0px!important;} .cat-banner-area {position:relative; background-color:#403631; min-height:250px;} .cat-banner-img {position:relative; background-color:#403631; /*min-height:250px;*/} .cat-content-area {text-align: center;margin-bottom:20px;} /*.catalog-category-view .header-container {position:absolute; width:100%; }*/ .catalog-category-view.categorypath-shop-by-brand .header-container {position: static;} .catalog-category-view .cat-content-area h1 {font-weight:900; text-transform:none; color:#5d5855; font-size: 40px;letter-spacing: 1px;margin-bottom: 5px; padding-top:0;} .catalog-category-view .cat-content-area .banner-contnet {font-size:18px; color:#5d5855; line-height:24px; font-weight: 600; } .subcategories-area ul.subcategories li{width: 32%; float: left; margin: 0 1% 3% 0; position: relative; border: 1px solid #5d5855;background: #fff; padding: 15px 0;} .subcategories-area ul.subcategories li.first {margin-left:0;} .subcategories-area ul.subcategories li.last {margin-right:0;} .subcategories .sub-cat-thumb-img {text-align: center;padding: 0;margin-bottom: 25px;} /*.subcategories .sub-cat-thumb-img {text-align: center;padding: 5px;}*/ .grid-product-detail {min-height:45px;} .sub-cat-detail {position: absolute; color:#000; display:block; height:100%; text-align:center; width:100%; top:0;} .sub-cat-detail h2.product-name {font-size:18px; font-weight:700; color:#ffffff; min-height:33px;padding-top: 5px; } .sub-cat-detail h2.product-name a {color:#000;} .sub-cat-detail a.shopnow-btn {display: block;padding:3px 0px;background-color: #7fa153;color: #fff;text-transform: uppercase;font-size: 12px;font-weight: 700;height: 22px;line-height: 22px;margin: 0 auto;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;width: 88px;left: 0px;right: 0;position: absolute;bottom: 7px;bottom: 8px;} .sub-cat-detail a:hover.shopnow-btn {background-color:#f0b310;} .sub-cat-detail .descriptions {min-height:38px;} .category-btm-banner-area {position:relative; display:block;} .category-btn-banner-img {text-align:center; position:relative;} .category-btm-banner-area .category-detail {position:absolute; color:#fff; display:block; height:100%; text-align:center; top:12%; width:700px; left:0; right:0; margin:0 auto;} .category-btm-banner-area .category-detail h1 {font-size:24px; font-weight:300; padding:4px 0 25px; margin:0px;} .category-btn-banner-content {display:block;} .category-btn-banner-content-learn-more {width:100%; text-align:center; padding:15px 0 17px; margin:0px;} .category-btn-banner-content-learn-more a {text-decoration:underline; font-size:14px; font-weight:700; color:#fff; text-transform:uppercase;} .category-btn-banner-content-learn-more a:hover {text-decoration:none;} .category-btn-banner-content-col {display: inline-block; margin: 0 1%; text-align: left; vertical-align: top; width: 47%; font-size:14px; line-height:20px; font-weight:400;} .products-grid .compare-checkbox {bottom: 0px; display: block; margin: 0 auto; padding-bottom: 0; position: absolute; width: 100%;} .products-grid .compare-checkbox span input {margin-right:4px; margin-top:-4px;} .cat-des-text {color:#666666;} .cat-cal-btm-block-area {position:relative; padding-bottom:0px; clear:both;} .cat-cal-btm-block-area .caption {position:absolute; margin:0 auto;} .cat-cal-btm-block-area .caption h2 {padding-bottom:12px; font-size:32px; font-weight:900;} .cat-cal-btm-block-area .caption h3 {margin:0 auto; min-height:47px; font-size:16px; line-height:47px;} .cat-cal-btm-block-area .caption h4 {width:365px; font-size:14px; color:#fff; font-weight:700; padding-bottom:20px;} /* ================ Sidebar tooltip ========================== */ .leftside-tooltip-content {background:url(../images/ftr-tooltip-bg.png) repeat left top; -webkit-box-shadow: 6px 6px 10px 0px rgba(78, 68, 51, 0.35); -moz-box-shadow: 6px 6px 10px 0px rgba(78, 68, 51, 0.35); box-shadow: 6px 6px 10px 0px rgba(78, 68, 51, 0.35); padding:18px; width:200px; z-index:99999; text-align:center; margin:-57px 0 0!important; font-size:14px; font-weight:700; position:absolute;} .leftside-tooltip-content h2 {font-size:18px; font-weight:900; text-transform:uppercase; background:url(../images/footer-tt-heading-line.gif) no-repeat center bottom; margin-bottom:8px; padding-bottom:15px} .leftside-tooltip-content p {padding:6px 0px; margin:0;} /* ====================== Product Listing page ================================== */ .sidebar .block-layered-nav {width:96%;} /* =========================== Product detail page ============================= */ .product-share {font-weight:700; font-size:13px; color:#666666; padding-bottom:3px; padding-top:2px;} .brand-product-name { width:100%; text-align:center; position:relative;} .pro-banner-img-area {position:absolute; height:217px; float:left; width:100%; top:-110px;} .product-banner-title {font-size:20px; font-weight:900; line-height:24px; color:#fff; text-shadow:2px 2px 6px #000; padding-bottom:0px; text-transform:uppercase; vertical-align:middle; position:relative; clear:both; width:100%; height:44px; padding-top:22px;} .product-banner-title span {position:relative; top:22px;} .product-shop .price-section {} .product-shop .price-section .regular-price {font-weight:700; font-size:13px; padding:0px; color:#666666;} .product-shop .price-section .special-price {font-weight:900; font-size:18px; padding:0px 0 0; color:#333333;} .product-shop .price-section .special-price span {color:#333333!important;} .product-shop .short-description {border-top:1px solid #b2a696; border-bottom:1px solid #b2a696; font-size:13px; color:#333333; padding:3px 0px; margin:2px 0px;} .product-shop .short-description p { margin:0px!important} .product-shop .price-section .price-discount {color:#666; text-transform:uppercase;} .product-shop .price-section .price-discount .percent-off {color:#dd5555;} .product-shop .price-section .price-discount .price-save {color:#82a357;} .product-shop .auto-reloader { background-color:#faf7f3; padding:7px 0px; margin:10px 0 5px 0px; float:left;} .product-shop .auto-reloader h4 { font-size:14px; font-weight:700; margin:0px; padding:0px 10px 5px 10px;} .product-shop .auto-reloader span { font-size:13px; border-bottom:1px solid #e0d9ce; padding:0px 10px 10px 10px; float:left; margin-bottom:5px;} .product-shop .auto-reloader span a { font-weight:700; text-decoration:underline;} .product-shop .auto-reloader p { padding:0px 10px; float:left;} .col-first {width:46%; float:left; margin:0px; padding:0px;} .col-last {width:46%; float:right; margin:0px; padding:0px;} /* ============================= Cart page ============================ */ .cart .page-title {height:175px;} /* .cart .page-title h1 {font-size:25px; text-transform:uppercase; text-align:center; width:40%; margin:6px 0 0 25%; float:none; display:inline-block;}*/ .cart .cart-table-wrapper {background:none #fbf9f5; -webkit-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); -moz-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15);} .cart .totals {text-transform:uppercase;} .cart .totals tbody td {font-size:13px; font-weight:700; color:#666;} .cart .totals tfoot td {font-size:16px; font-weight:700; color:#333;} .cart .discount {margin-top:63px; width:88%; margin-left:33%;} .cart .shipping {margin-left:10%; width:88%;} .cart .crosssell {margin-top:84px; margin-bottom:57px;} .cart .cart-table tbody td {vertical-align:middle;} .cart .cart-table .cart-img-area { float:left; width:114px; margin-right:5px;} .cart .cart-table .cart-product-detail {float:left; width:60%;} .cart-product-additional-info {font-size:12px; font-weight:700; padding-bottom:5px;} .cart-product-additional-info .cart-product-shape {color:#999; padding-bottom:9px; display:block;} .cart-product-additional-info .cart-product-description{color:#666666; display:block;} .cart-product-additional-info .cart-product-sku {color:#333333; display:block;} .cart-price {font-size:14px; color:#333; font-weight:700;} .crosssell .home-sow-area {padding:0px; margin:0px auto; height:auto; background:none; } .crosssell .home-sow-fix-area {margin:0px auto; padding:0px; width:100%; background:url(../images/home-page-sow-slider-area-bg.png) no-repeat center 43px; } .crosssell .home-sow-title h3 {margin:0px 0px 53px; font-size:25px; text-transform:uppercase; text-align:center;} .crosssell .home-sow-fix-area .grid-product-detail {min-height:90px;} .crosssell .home-sow-fix-area .itemslider-wrapper {height:340px;} /* ============================ Checkout ================================= */ .registered-users .content {margin-bottom:9px;} .sidebar .block.opc-block-progress {margin-top:153px!important;} .sidebar .block.opc-block-progress .block-title {font-size:16px; color:#333333; border-bottom:0px none;} .opc .form-list .input-box {margin-bottom:6px;} .opc .buttons-set {margin-left:0px; margin-right:0px;} .opc #opc-login ul.ul {margin-bottom:10px; margin-top:5px;} #checkout-review-table {font-size:14px; text-transform:uppercase; background:none #fbf9f5; -webkit-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); -moz-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15);} #checkout-review-table tfoot tr.last td {font-size:16px; font-weight:700;} .cart-empty {font-size:14px; line-height:20px;} .cart-empty a {font-weight:700; text-decoration:underline;} .cart-empty a:hover {text-decoration:none;} /* =================================== My Account ================================== */ .data-table {} .sidebar .block.block-account {margin-top:146px!important;} .my-dashboard-title {margin:35px 0 0; } .my-dashboard-title .box-head{border-bottom:1px solid #beb3a3; margin:0 0 10px; padding-bottom:6px;} .box-head h2, .box-head h3, .box-head h4 {margin:0px;} .my-account .box a {text-decoration:underline;} .my-account .box a:hover {text-decoration:none;} .my-account .box-account .box .box-content a{font-weight:700; text-decoration:none;} .my-account button.button span span {font-size:16px; line-height:51px; height:51px;} .my-account .fieldset h2.legend {font-size:22px; border-bottom:1px solid #beb4a4; padding-left:0px;} .customer-account-index .grid-col2-sidebar, .customer-account-edit .grid-col2-sidebar, .customer-address-index .grid-col2-sidebar, .sales-order-history .grid-col2-sidebar, .sales-billing-agreement-index .grid-col2-sidebar, .sales-recurring-profile-index .grid-col2-sidebar, .review-customer-index .grid-col2-sidebar, .tag-customer-index .grid-col2-sidebar, .wishlist-index-index .grid-col2-sidebar, .oauth-customer-token-index .grid-col2-sidebar, .newsletter-manage-index .grid-col2-sidebar, .downloadable-customer-products .grid-col2-sidebar {width:300px; margin-left:0px; } .customer-account-index .grid-col2-main, .customer-account-edit .grid-col2-main, .customer-address-index .grid-col2-main, .sales-order-history .grid-col2-main, .sales-billing-agreement-index .grid-col2-main, .sales-recurring-profile-index .grid-col2-main, .review-customer-index .grid-col2-main, .tag-customer-index .grid-col2-main, .wishlist-index-index .grid-col2-main, .oauth-customer-token-index .grid-col2-main, .newsletter-manage-index .grid-col2-main, .downloadable-customer-products .grid-col2-main {width:600px; margin-left:0px; margin-right:0px;;} #recently-viewed-items li {background:none; padding-left:0px;} /* ========================== CMS pages ================================== */ .cms-page-view .grid-full{width:100%; margin-left:0; margin-right:0; } .cms-page-view .grid-col2-main {width:81%; margin:0; padding:0;} .cms-aboutus .breadcrumbs, .cms-meratrim-seen-on-dr-oz .breadcrumbs {display:none;} .cms-link.grid-col2-sidebar {margin-top:120px; width:160px; margin-right:10px;} .cms-link.grid-col2-sidebar ul li {font-size:16px; color:#666666; padding-bottom:11px!important; } .cms-link.grid-col2-sidebar ul li a {font-size:16px; color:#666666; line-height:normal;} .cms-link.grid-col2-sidebar ul li a.active {font-size:16px; font-weight:700;} .cms-page-content .content {border-left:1px solid #cbc1b2; padding-left:26px; padding-right:26px; font-size:14px; color:#666666; } .cms-page-content .content .content-text h2 {font-weight:700; font-size:16px; padding:0px 0 10px; margin:0px;} .cms-page-content .content .content-text ul li {background:url(../images/bullet-dis.png) no-repeat left 7px; padding-left:16px;} .cms-page-content .content-three-col {border-left:1px solid #cbc1b2; padding-left:4%; padding-right:2%; font-size:14px; color:#666666; width:60%; float:left; } .cms-page-content .content-three-col .content-text h2 {font-weight:700; font-size:16px; padding:0px 0 10px; margin:0px;} .cms-page-content .content-three-col .content-text ul li {background:url(../images/bullet-dis.png) no-repeat left 7px; padding-left:16px;} .cms-page-content .cms-right-section {float:right; width:26%; border-left:1px solid #cbc1b2; padding-left:4%;} .cms-page-content .cms-right-section ul {padding-bottom:18px;} .cms-page-content .cms-right-section ul li {background:url(../images/bullet-dis.png) no-repeat left 7px; padding:0px 0px 0px 16px;} .cms-page-content .cms-right-section .cms-right-pro-area {width:98%; clear:both; padding:0 1%; margin:0 0 20px; background:none #fbf9f5; -webkit-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); -moz-box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); box-shadow: 2px 2px 6px 0px rgba(63, 46, 41, 0.15); } .cms-page-content .cms-right-section .right-product {margin:0 auto; padding:10px 0 10px; text-align:center; } .cms-page-content .cms-right-section .right-product .product-name {font-size:16px; font-weight:700; padding-bottom:10px;} .cms-page-content .cms-right-section .right-product .grid-product-detail {margin:0 auto; width:90%;} .cms-page-content .cms-right-section .right-product .grid-product-detail .price-section { padding-bottom:10px;} .cms-page-content .cms-right-section .right-product .grid-product-detail .price-section .regular-price {font-weight:700; font-size:13px; padding:4px 0 0; color:#666666;} .cms-page-content .cms-right-section .right-product .grid-product-detail .price-section .special-price {font-weight:700; font-size:16px; padding:0px 0 0; color:#333333;} .cms-page-content .cms-right-section .right-product .grid-product-detail .price-section .special-price span {color:#333333!important;} .cms-page-content .cms-right-section .right-product .grid-product-detail.short-description {border-top:1px solid #b2a696; font-size:13px; color:#333333; padding:0px; margin:0px;} .cms-page-content .cms-right-section .right-product .grid-product-detail .price-section .price-discount {color:#666;} .cms-page-content .cms-right-section .right-product .grid-product-detail .price-section .price-discount .percent-off {color:#dd5555;} .cms-page-content .cms-right-section .right-product .grid-product-detail .price-discount .price-save {color:#82a357;} .rgt-pro-more-info {width:130px; margin:0 auto;} .rgt-pro-more-info a {background:none #a5957c; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; text-align:center; color:#fff; text-transform:uppercase; margin-bottom:5px; padding:0 5%; line-height:33px; height:33px; display:block; } .rgt-pro-more-info a:hover {color:#fff; background-color:#7fa153;} /*===================== error page ====================================== */ .error-page {text-align:center; width:100%; float:none; padding:0px; margin:0px auto 261px; font-size:16px; color:#474747; font-weight:400;} .error-page h2 {padding:0px; margin:66px 0 44px;} .error-page h3 {font-size:20px; font-weight:900; color:#333; padding:0px 0px 40px; margin:0px;} .error-page h4 {font-size:18px; font-weight:400; color:#333; padding:0px 0px 12px; margin:0px;} .error-page a {font-weight:700; color: #718c4b;} .error-page p {margin-bottom:14px;} .error-page a:hover {color: #dfa50a;} .error-page .form-search {padding-top:0px;} .error-page .form-search label {display:none;} .error-page .form-search input.input-text {background:none fff; font-size:16px; color:#999999; border:1px solid #898989; outline:0px none; height:38px; padding:0px 9px; width:350px; margin:0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #999999; opacity: 1 !important; } .error-page .form-search button.button span { display:block; height:44px; border:0px none #de5400; background-color:#16479b; padding:0 38px; font:500 18px/42px "futura-pt",sans-serif; text-align:center; white-space:nowrap; color:#fff; text-shadow:0px -1px 1px #000; text-transform:uppercase; border-radius: 4px; -moz-border-radius:4px; -moz-box-shadow:inset 0px -2px 0px #0b234d; -webkit-box-shadow:inset 0px -2px 0px #0b234d; box-shadow: inset 0px -2px 0px #0b234d; } .error-page .form-search button.button span span {padding:0px; border-radius: 0px; -moz-border-radius:0px; } .error-page .form-search button.button:hover span {background-color:#85a7d7; -moz-box-shadow:inset 0px -2px 0px #42536b; -webkit-box-shadow:inset 0px -2px 0px #42536b; box-shadow: inset 0px -2px 0px #42536b; } .error-page p.click-class {padding-top:26px; padding-bottom:10px; margin-bottom:0px;} .error-page .form-search .search-autocomplete { left:0!important; /*Fix for IE*/ right:0; top:41px !important; position:relative; z-index:4100 !important; } .error-page .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .error-page .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .error-page .form-search .search-autocomplete li:hover {} .error-page .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* ================================== Search Result =================================================== */ .NosearchResult .form-search a {display:none;} .NosearchResult{ margin:0; padding:0px;} .NosearchResult ul{ margin:0; padding:20px 0 50px; font-size:12px; float:left;} .NosearchResult ul li{ margin:0; padding:0 0 15px 0; float:left; clear:both;} .NosearchResult ul li label{ font-size:16px; font-weight:700; color:#82a357; cursor:default; padding-bottom:5px; display:block; font-family: 'lato', sans-serif; text-transform:uppercase;} .NosearchResult ul li a {color:#82a357; text-decoration:underline;} .NosearchResult .form-search label{ display:none;} .NosearchResult .form-search input.input-text{ background:none #ffffff; font: italic normal 12px/23px Arial, Helvetica, sans-serif; color:#777777; border: 1px solid #eaeaea; height:auto; margin-right: 0px; padding:11px; width: 300px; float:left;} .NosearchResult ul li p{ margin:0 0 5px 0; background:url(../images/rgt-arrow.png) 5px 5px no-repeat; padding:0 0 0 5px;} .NosearchResult .form-search button {float:left; position:relative; right:0px;} .NosearchResult .form-search button.button span, .NosearchResult .form-search button.button:hover span {background:none; float:left; height:37px; padding:0px; margin:0px; border:0px none #eaeaea; border-left:0px none; display:block; width:auto} .NosearchResult .form-search button.button span span {background:none #718a49; padding:0px 10px; margin:0px; text-indent:0; line-height:36px; width:auto;} .NosearchResult .form-search button.button:hover span span {background:none #8f4b7c; padding:0px 10px; margin:0px; text-indent:0; line-height:36px; display:block;} .NosearchResult .page-title h1{ background: url("../images/border.png") repeat-x scroll left bottom rgba(0, 0, 0, 0); color: #93C33E; font-family: 'AvenirMedium'; font-size: 24px; margin: 0; padding: 0 0 8px; } .nsearch-index-index .nxt-bottom .nxt-logo img { margin-bottom: 10px; margin-left: 10px; margin-top: -9px; } /* =================================== Brand Page =============================== */ .brand-landing-main {padding:3%;} .brand-first-letters {margin:0px 0px 20px; clear:both;} .brand-first-letters a {border:1px solid #a5957c; width:20px; height:20px; margin:3px; text-align:center; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;} .brand-first-letters a:hover {background-color:#a5957c; color:#fff;} .brand-alphabatically {width:24%; display:inline-block; vertical-align:top; margin:0 0 10px; } #store_locator_form ul li { margin:0 5px 0 0; padding:0px;} #sidebar a { cursor:pointer; } #sidebar a:hover { } #storelocator-container { box-shadow: 0 0 4px 0 rgba(50, 50, 46, 0.32); width:94%; font-family: 'Lato', sans-serif; font-size:11px; border:0; background:white; padding:0 3% 3% 3%; float:left; margin-bottom:50px; } #sidebar { } #map { overflow: hidden; width:600px; height:430px; } .checkout-onepage-success .buttons-set button.button {float:left;} /*manu*/ .menu-first-column-top{ width:190px; float:left; margin-right:20px; clear:both} .menu-first-column-bottom{width:190px; float:right;} .menu-second-column-top{width:190px; float:left;} .menu-second-column-bottom {width:190px; float:right; margin-bottom: 15px;} .menu-first-column, .menu-second-column { float:left; width:400px;} .menu-first-column { margin-bottom:10px;} .knowledge-menu ul{ float:left; width:200px!important;} /*detail page*/ .catalog-product-view .breadcrumbs { padding-top:35px; margin:0 0 16px !important;} .product-view .box-tabs { padding:34px 0; clear:both;} .product-view { margin-top:20px;} #customer-reviews .pager { margin-left:0px!important} .product-view #product-tabs {padding:0px; } .product-view .gen-tabs-style1 .tabs a { font-size:14px; text-transform:uppercase; padding:0px 17px!important;} .product-view .gen-tabs .tabs a.current{ border:none!important; color: #000000; background:none!important; font-weight:900; margin:0px!important; } .product-view .gen-tabs-style1 .tabs a { border:none!important; color: #000000; background:none!important;} .product-view .gen-tabs-style1 .tabs a:hover { color:#000000;} .product-view .gen-tabs-style1 .tabs-panels { background-color:#f6f6f6; border:none; padding:32px 20px!important; overflow-y:auto; box-shadow: 0 0 4px 0 rgba(50, 50, 46, 0.32);} .product-view .gen-tabs-style1 .tabs-panels img { margin:5px 0 20px 0px;} .product-view .gen-tabs .tabs li {background: url("../images/divider-img.jpg") center right ; background-repeat:no-repeat; } .product-view .gen-tabs .tabs #tab-tabreviews { background:none!important} .product-view .gen-tabs .tabs #tab-description a{ padding:0px 17px 0 0!important;} .addthis_toolbox { background-color:Transprent; padding:0px 0px;} .addthis_default_style .Facebook { border-left:1px solid #d1cbc2; width:74px; float:left; margin-left:6%; padding-top:6px; padding-left:7%;} .addthis_counter a.atc_s { padding:0!important; margin-left:0px;} .addthis_button_tweet.at300b { width:61px; overflow:hidden; border-left:1px solid #d1cbc2; margin:0 0 0 7%; padding-left: 7%; height:25px; padding-top: 5px;} .addthis_default_style a { padding:5px 0px;} .free-delivery { text-align:center; padding:5px 10px; font-size: 16px; font-weight: 700;} .qty-wrapper{ float:left; color:#333333; font-size:14px; font-weight:700; padding:0px 15%; width:70%;} .qty-wrapper label { padding:0px 25px 0 0px;} .qty-wrapper input { border:1px solid #908d89; width:92px!important; text-align:center ; font-weight:700; font-size:14px;} .product-view .add-to-cart .btn-cart { width:100%; float:left; margin:10px 0 5px 0px;} .product-view .home-sow-fix-area .products-grid .price-box { font-size:11px;} .product-view .products-grid .price-box .old-price span { color:#444444; font-size:11px;} .product-view .add-to-cart .btn-cart span { color:#ffffff; font-size:18px; font-weight:900; padding:0px!important; text-align:center; width:100%; height:50px; line-height:50px; } .Upsell-div .home-sow-fix-area .products-grid .product-name { min-height:43px;} .Upsell-div .productshape { min-height:10px; color:#666666;} .Upsell-div .home-sow-fix-area { background:url(../images/bottom-shado.jpg) center bottom no-repeat; margin:0px; width:100%; float:left;} .product-view .add-to-compare { text-align:center; /*color:#666666;*/ text-transform:uppercase; font-size:16px; width:100%; float:left; cursor:auto;} .product-view .add-to-compare a:hover { color:#f0b310;} .product-view .add-to-compare span {cursor:pointer;} .container2-wrapper #product-options-wrapper { position:relative;} .container2-wrapper #product-options-wrapper select { border:none!important} .container2-wrapper .product-options dt { } .container2-wrapper .product-options select { height:30px!important; padding:5px!important; font-weight:700; color:#333333; font-size:13px; background-color:#faf6f1; -moz-border-radius:0px; -webkit-border-radius:0px; -khtml-border-radius:0px; border-radius:0px;} .product-shop .product-options p.required { display:none;} .box-up-sell .itemslider-wrapper { padding:0px; width:100%; background:url(../images/home-page-sow-slider-area-bg.png) no-repeat center 99px; float:left; } .box-up-sell .itemslider-wrapper { margin:0px auto 0; height:360px; clear:both; width:760px;} .box-up-sell .slider-arrows1 .owl-controls .owl-buttons .owl-next { margin-right:-180px;} .box-up-sell .section-title {color: #444444; display: block; font-size: 25px; font-weight: 400; margin: 0; padding:22px 0 50px 0!important; text-align: center; border:none; text-transform: uppercase;} .box-up-sell span {padding:0px 8px;} .box-up-sell span a.view-all-specials {background:url(../images/vas-button-icon.png) no-repeat 14px 18px #a5957c; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; line-height:50px; font-size:15px; font-weight:700; color:#fff; text-transform:uppercase; float:left; padding:0px 21px 0px 41px;} .box-up-sell span a:hover.view-all-specials, .box-up-sell span a:hover.view-weekly-add {background-color:#f0b310; } .box-up-sell span a.view-weekly-add {background:url(../images/vwk-button-icon.png) no-repeat 14px 18px #a5957c; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; line-height:50px; font-size:15px; font-weight:700; color:#fff; text-transform:uppercase; float:left; padding:0px 21px 0px 41px;} .box-up-sell .owl-carousel .owl-wrapper-outer {width:760px; margin:0 auto 0 80px; z-index:1000;} .box-up-sell .products-grid.centered .item {padding:14px 0 0; width:154px; margin:0 auto;} .box-up-sell .owl-carousel .owl-item {/*width:182px!important;*/ margin:0 auto; padding:0px; } .box-up-sell .products-grid .product-name {margin:5px 0 0; font-size:11px; line-height:12px;} .box-up-sell .products-grid .product-share {font-size:12px; line-height:18px;} .box-up-sell .products-grid .price-box {font-size:13px;} .box-up-sell .products-grid .price-box .old-price{font-size:11px;} .box-up-sell button.btn-cart {width:100%; margin:0 auto!important;} .box-up-sell button.btn-cart span {background-color:#7fa153; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; float:none;} .box-up-sell button.btn-cart:hover span {background-color:#f0b310; } .box-up-sell button.btn-cart span span {width:100%; color:#fff; text-transform:uppercase; font-size:13px; height:25px; line-height:25px; font-weight:700; padding:4px 0px!important;} .Upsell-div .section-title {color: #444444; background:url(../images/top-shado-bg.jpg) center bottom no-repeat; display: block; font-size: 25px; font-weight: 400; margin: 0; padding:97px 0 52px 0!important; text-align: center; border:none; text-transform: uppercase;} .Upsell-div .section-title.padding-right { padding-right:0px!IMPORTANT;} .Upsell-div .owl-buttons .owl-prev {margin-left:-80px;} .Upsell-div .owl-buttons .owl-next {margin-right:-80px;} .brand-product-name .product-top-banner { height:194px;} /*Storelocator*/ .storelocator-div { float:left; width:100%;} .storelocator-div .page-title1{ width:100%; padding-top:40px;} .storelocator-div .page-title1 h1{ color:#333333; font-size:25px; font-family: 'Lato', sans-serif; text-transform:uppercase; text-align:center; background:url(../images/storelocator-title-border.jpg) center bottom no-repeat; margin:0px; padding-bottom:35px;} .StoreLoactorsearch { width:60.5%; margin:0px auto; padding-top:10px; padding-bottom:30px;} .StoreLoactorsearch label { color:#333333; font-size:18px; font-family: 'Lato', sans-serif; padding-right:25px; float:left; padding-top:7px;} .StoreLoactorsearch input { width:282px; color:#999999; font-size:16px; padding:8px; height:auto; float:left;} .StoreLoactorsearch .form-button { background:url(../images/search-btn.png)left top no-repeat; width:118px; height:38px; cursor:pointer; text-indent:-999999px!important; float:right; border:none!important; padding:0px; float:left; margin-left:6px;} .StoreLoactorsearch .form-button:hover { background-position:left bottom} .newboxes table { width:100%; float:left;} .newboxes table .titlename { width:100%; color:#333333; font-size:14px; font-weight:700; text-transform:uppercase; border-bottom:1px solid #d3cec7; line-height:48px;} .newboxes table .titlename td { font-weight:700;} .newboxes table tr td { width:20%; font-size:14px; color:#333333; vertical-align:middle; margin-right:0; padding-right:15px;} .newboxes table .result { border-bottom:1px solid #d3cec7} #storelocator-results table { float:left; width:100%;} .leftalign #sidebar { font-size: 25px; padding:0px; text-align: center; text-transform: uppercase;} .divbtn { position:absolute; top:9px; right:8px;} .gm-style-iw{ top:0px!important; left:0px!important; width:100%!important; height:180px!important} .gm-style-iw .title { background: url(../images/header-bg.png) left top repeat; font-size:18px; text-transform:uppercase; text-align:center; color:#FFFFFF; padding:20px 0px;} .gm-style-iw .address { color:#444444; font-size:14px; padding:10px 0 0 10px; text-align:left; float:left; width:225px} .popup-info-main { float:left; padding:5px 5px 15px 5px; } .popup-info-main img{ float:left;} .more-information {} .more-information .getdirection{background: url(../images/directions-iocn.jpg) left 0px no-repeat; padding-left:25px; margin-left:27px; padding-right:58px; border-right:1px solid #726552; font-size:12px; cursor:pointer; font-weight:700;} .more-information .getdirection:hover { color:#ec9f38;} .more-information .contactus{background: url(../images/contact-icon.jpg) left 3px no-repeat; padding-left:21px; margin-left:45px; padding-right:27px; font-size:12px; font-weight:700; text-transform:uppercase; float:left!important; vertical-align:top} .coupons-form { float:left; width:100%; margin-bottom:7%;} .coupons-form .coupons-div{ width:64%; margin:3% auto 7% auto; color:#333333; font-size:16px; text-align:center;} .coupons-form .coupons-div strong { font-weight:700; text-transform:uppercase;} .coupons-form .coupons-div .divider{ width:300px; height:1px; background-color:#c4b9a9; margin:12px auto;} .coupons-form .coupons-div a { color:#718c4b; font-weight:bold;} .coupons-form .coupons-div a:hover { color:#dfa50a;} .coupons-form h3 { color:#333333; font-size:18px; font-weight:700; padding-bottom:18px;} .coupons-form .form-list .field { width:320px;} .coupons-form .form-list input.input-text{ width:298px;} .coupons-form .buttons-div { float:right;} .coupons-form .button {line-height:51px; height:51px;} .coupons-form .button span span { font-size:18px; font-weight:700; padding:0px 46px; line-height:51px; height:51px;} .coupons-form .reset-btn { color:#48413e; font-size:18px; text-transform:uppercase; padding-left:15px; margin-top:9px; background:none; border:none; cursor:pointer;} .coupons-form .reset-btn:hover { color:#dfa50a;} .last-sections input { float:left; margin:3px 8px 0 0;} .last-sections label{ color:#333333; font-size:14px;} .StorePopupContent { float:left; background-color:#494341; width:96%; padding:2%; color:#fff;} .StorePopupContent .Subheading{ float:left; padding-top:7px; padding-right:15px; color:#fff; text-transform:uppercase; font-size:14px;} .StorePopupContent input{ float:left; width:300px;} .StorePopupContent .form-button{ color:#fff; font-size:14px; text-transform:uppercase; text-align:center; height:36px; line-height:36px; padding:0px 10px; background-color:#82a357; border:none!important; width:auto; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; cursor:pointer;} .StorePopupContent .form-button:hover { background-color:#f0b310;} .direction-result{ box-shadow: 0 0 4px 0 rgba(50, 50, 46, 0.32); width:94%; font-family: 'Lato', sans-serif; font-size:11px; border:0; background:white; padding:0 3% 3% 3%; float:left; margin-bottom:50px; } .adp-text { padding-left:25px; line-height:25px; } img.adp-marker { width:18px!important; height:25px!important; margin-top:3px; margin-bottom:2px; padding-left:15px;} .adp-directions { float:left; width:100%} .adp-placemark { float:left;} .popup-info-main { float:left;} #payment-tool-tip {margin-top:30px; left:30px; right:auto;} #payment-tool-tip img {width:100%;} .MapBg {position: relative; overflow: hidden; max-width: 100%; height: auto; padding-bottom: 31.85%; margin:0px auto;} .MapBg #map { position: absolute; top: 0; left: 0; right:0; width: 100%; height: 100%; text-align:center; margin:0 auto;} /* =========================== Upcoming Event ================================= */ .event-top-section {clear:both; margin:16px 0 31px 0; padding:3px 0 0 31px; background-color:#fff; box-shadow:2px 2px 6px 0px rgba(63, 46, 41, 0.15); float:left; font-family: 'Lato', sans-serif;width:97%;} .event-prevWeek {padding:18px 0; border-bottom:1px solid #b0b1ac; float:left; width:100%;} .event-prevWeek:last-child {border-bottom:0px none;} .event-list-img{width: 145px; float:left;} .brief-right {float:left; width:70%;} .event-brief-title h3 {text-transform:uppercase; font-size:22px; color:#333; font-weight:600; margin:0px 0 4px; padding:0px; } .event-list-name {font-size:15px; color:#666; line-height:20px;} .event-list-name a {color:#666;} .event-brief-subtitle {font-size:16px; color:#333; line-height:20px; text-transform:uppercase; margin:-6px 0 5px;} .event-brief-message {display:inline-block; font-size:16px; font-style:italic; color:#333; line-height:20px; color:#666; padding-top:4px;} .brief-right .more-info {display:inline-block; font-size:14px; color:#7fa153; text-transform:uppercase; font-style:normal;} .brief-right .more-info a { color:#7fa153;} .brief-right .more-info a:hover { color:#f8a140;} .event-details-back {float:left; padding:7px 0 0; margin:0px; width:67px; } .event-details-back a {text-transform:uppercase; background:url(../images/back-arrow.png) no-repeat left 3px; padding: 0 0 0 16px;} .event-detail-right-area {float:left; width:87.5%; margin-bottom:140px;} .event-details {padding:14px; margin:0px 0 50px; background-color:#fff; box-shadow:2px 2px 6px 0px rgba(63, 46, 41, 0.15);font-family: 'Lato', sans-serif;} .event-detail-image {margin-bottom:20px;} .event-detail-name {text-transform:uppercase; font-size:22px; color:#333; font-weight:600; margin:0px 0 4px; padding:0px; } .event-detail-description {padding:2px 0 13px;} .rsvp-form {} .rsvp-header, .deals-header {float:left; width:100%; margin-bottom:2px;} .rsvp-header h3, .deals-header h3, .event-detail-bottom h3{padding:0px; margin:0px 10px 0 0; float:left; font-size:16px; line-height:normal;} .rsvp-fieldset, .deals-fieldset {float:left; width:100%;} .rsvp-fieldset .rsvp-form-list li, .deals-fieldset .deals-form-list li { margin:0 0 25px; } .rsvp-form-list label, .deals-form-list label { float:left; font-weight:400; position:relative; z-index:0; margin:10px 0 7px 0; color:#333; font-size:16px; } .deals-form-list label.deals-checkbox {font-size:14px;} .rsvp-form-list label.required em, .deals-form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .rsvp-form-list li.control label, .deals-form-list li.control label { float:none; } .preferred-screening { margin-bottom: 20px !important; width: 100%; } .rsvp-form-list li.control .input-box, .deals-form-list li.control .input-box { clear:none; display:inline; width:auto; } .rsvp-form-list .input-box, .deals-form-list .input-box { display:block; clear:both;margin-top:8px; } .rsvp-form-list .field, .deals-form-list .field { float:left; width:330px; /*margin-bottom:20px;*/ min-height:82px; } .rsvp-form-list input.input-text, .deals-form-list input.input-text { width:298px; /*244px;*/ } .rsvp-form-list select, .deals-form-list select{width:298px;} .rsvp-form-list li .field .input-box .input-radio, .deals-form-list li .field .input-box .input-radio {margin-right:5px; margin-top:4px; margin-bottom:5px;} .rsvp-form-list label.required em, .deals-form-list label.required em { color:#ee001c; } .rsvp-fieldset .buttons-set, .deals-fieldset .buttons-set {float:right; width:100%;} .rsvp-fieldset .buttons-set .button span span, .deals-fieldset .buttons-set .button span span{ min-width: /*120px;*/ auto; height:46px; line-height:46px; font-size:18px; font-weight:700; padding:0 37px; } .deals-form-list li.terms-condition input.deals-checkbox {float:left; margin:3px 8px 0 0;} .deals-form-list li.terms-condition a {text-decoration:underline;} .deals-form-list li.terms-condition a:hover {text-decoration:none; color:#333;} .deals-msgline, .event-detail-bottom-msgline {clear:both; width:100%; padding:0px; margin:0px; float:left;} .cms-shipping-returns .std h4, .cms-about-us .std h4 {font-weight:bold;} #facts { font-weight:bold; font-size:16px;} #product-attribute-specs-table tr.odd td table tr.odd, #product-attribute-specs-table tr.odd th table tr.odd { padding-bottom: 8px;padding-top: 8px;} #product-attribute-specs-table tr td, #product-attribute-specs-table tr th { padding:5px 0 2px !important; } #product-attribute-specs-table > tbody > tr > td{padding:5px 10px 2px !important;} #product-attribute-specs-table img { margin:0; padding:0;} #product-attribute-specs-table tr.odd table tr.odd { display:none;} #product-attribute-specs-table tr.even table tr.even { border-bottom:1px solid #000;} /*#product-attribute-specs-table tr.odd table tr.odd img { display:none;}*/ #product-attribute-specs-table tr.even table tr.even br { display:none;} #product-attribute-specs-table tr.odd #small { font-weight:600;} #product-attribute-specs-table tr.odd #tiny { font-weight:600;} #product-attribute-specs-table tr.even td img { width:100% !important; display:none; } #product-attribute-specs-table table { width:100% !important; } #product-attribute-specs-table .label-head { font-weight:bold; font-size:14px;} #product-attribute-specs-table .label-head .data { font-weight:normal; font-size:13px;} #product-attribute-specs-table tr.even td, #product-attribute-specs-table tr.even th { padding:0; } #product-attribute-specs-table .data.brand-nutrition table tr.odd td img {display:block;} .data.brand-nutrition.last { font-size: 16px; font-weight: bold; } /*#product-attribute-specs-table tr:nth-child(even) td table tr:nth-child(even), #product-attribute-specs-table tr.even th table tr:nth-child(even) { padding-bottom: 8px;padding-top: 8px;} #product-attribute-specs-table tr td, #product-attribute-specs-table tr th { padding:0 10px; } #product-attribute-specs-table img { margin:0; padding:0;} #product-attribute-specs-table tr:nth-child(even) table tr:nth-child(even) { display:none;} #product-attribute-specs-table tr:nth-child(even) table tr:nth-child(odd) { border-bottom:1px solid #000;} */ .product-view .product-shop .product-attribute { color: #666; font-size: 13px; font-weight: 700; margin-top: 10px; } .product-shop .attribute-img-details img { margin-right: -3px!important ;} .data.brand-nutrition { position:relative;} .data.brand-nutrition .attribute-images { position:absolute; right:0; top:-18px;} #product-attribute-specs-table tr td .attribute-images img { display:block !important; width: auto !important; float:left;} .data.brand-nutrition .attribute-images {position: absolute;right: 0;top: -48px;} .col-left .block-content .menu-first-column .shop-by-category {display:none; } #nav > li.level0.level-top:last-child ul {left: -136px; position: absolute;width: 210px; } .catalogsearch-result-index .page-title h1 {position: inherit;} .brand-landing-main .brand-listing{ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .brand-alphabatically { width: 100%;} ul.brand-alphabatically li:nth-child(1) { padding-top: 20px; font-size: 24px; padding-bottom: 10px; } .skip-link.skip-search { display: block; } .skip-content { display: none; } .skip-active{ display:block;} .customer-account-login .form-list .input-box, .customer-account-create .form-list .input-box { text-align: left; } .form-list li { text-align: left; } /*************** Style for New Header Start***********************/ /**************Style for cart text start*******/ .skip-links { display: none; } span.label-cart { display: block; color:#ffffff; font-weight:700; margin-left:10px; padding-top:1px; } #mini-cart .dropdown-toggle span.close-to-text{padding-top:0;} #mini-cart .dropdown-toggle .feature-icon-hover{cursor:pointer;} #mini-cart .dropdown-toggle .feature-icon-hover:hover span.label-cart{color:#f0b310;} #mini-cart .dropdown-menu{z-index:9999;} .cms-terms-and-conditions .show-bg .std table { border: 1px solid #a1a1a1; } .cms-terms-and-conditions .show-bg .std table tr td{ padding:5px; } .my-account .amount strong { padding-top: 2px; float: left; margin-right: 8px; } /**************Style for Contact Page *******/ .contact-form {float: left;margin-bottom: 30px;width: 60%;} .contact_info {float: right;line-height: 25px;font-size: 16px;margin-top: 58px;} .contact-form .form-list input.input-text {width: 538px;} .contact-form .form-list .field input.input-text { width:262px} .contact_info .cont_call {background: url(../images/cont_call.png) left 5px no-repeat;padding-left: 25px;} .contact_info .cont_cust {background: url(../images/cont_customer.png) left 5px no-repeat;padding-left: 25px;} .contact_info .cont_email {background: url(../images/cont_email.png) left 5px no-repeat;padding-left: 25px;} .faq_right { width: 85%; display: block; float: left; } .faq_left { float: left; width: 15%; } /**************Style for cart text End*******/ /**************Style for product widget page*******/ .cms-test-product-link-widget .main-container { margin-bottom: 30px; } .product_widget { clear: both; margin-top: 20px; } .product_widget .widget_content { width: 20%; text-align: center; margin-bottom:10px; } .product_widget.widget_left .widget_content { float:left;margin-right: 20px; } .product_widget.widget_right .widget_content { float:right;margin-left: 20px; } .product_widget .item h3.product-name { margin: 15px 0 0; } .product_widget .grid-product-detail .price-box .regular-price { font-size: 13px; font-weight: 700; padding: 0 1px 0 2px; } .product_widget .grid-product-detail .price-discount .price-save { color: #7fa153; font-size: 13px; font-weight: 700; } .product_widget .grid-product-detail .price-box { font-size: 16px; font-weight: 700; margin: 4px 0 17px; } .omega.norton_sec table { /* width: 93%;*/ } .omega.norton_sec table td { text-align: right; padding-right:10px; } @media screen and (max-width: 960px) { .product_widget.widget_left .widget_content, .product_widget.widget_right .widget_content {width:22.9%;} .product_widget.widget_left .widget_content:last-child { margin-right: 0; } } @media screen and (max-width: 768px) { .product_widget.widget_left .widget_content, .product_widget.widget_right .widget_content {width:30.9%;} .product_widget.widget_left .widget_content:last-child { margin-right: 20px; } .product_widget.widget_left .widget_content:nth-child(3n){ margin-right: 0px; } .product_widget.widget_right .widget_content:last-child { margin-left: 20px; } .product_widget.widget_right .widget_content:nth-child(3n){ margin-left: 0px; } .omega.norton_sec table td { padding-right:0px; } .omega.norton_sec table { float:right; } } @media screen and (max-width:639px) { .product_widget.widget_left .widget_content, .product_widget.widget_right .widget_content {width:46.6%;} .product_widget.widget_left .widget_content:nth-child(2n){ margin-right: 0; } .product_widget.widget_right .widget_content {float:left;} .product_widget.widget_left .widget_content:nth-child(3n) { margin-right: 20px; } .product_widget.widget_right .widget_content:nth-child(2n+1) { margin-left: 0;margin-right: 20px; } .product_widget.widget_right .widget_content:nth-child(3n) { margin-right: 20px; } .product_widget.widget_left .widget_content:last-child { margin-left: 0px; } } /**************Style for product widget page End*******/ @media screen and (max-width: 1024px) { .show-bg div.kc-four-box-area .kc-box-area { margin-bottom:0;padding-bottom:0; } } @media screen and (min-width: 960px) and (max-width: 975px) { #mini-cart .dropdown-toggle .label{right:-7px;} .home-sow-title span.title-text{margin-left:20px;} } @media screen and (max-width: 959px) { .header-extra-links .top-links li.head_signin { width: 75%; padding-left: 8px; padding-right: 8px; } .header-extra-links .top-links li.head_event { width: 11%; padding: 0 8px 0 14px; } .header-extra-links .top-links li { width: 11%; padding: 0 7px; } .header-extra-links .top-links li.head_localad { width: 12%; } .header-extra-links .top-links li.head_rewards { width: 11%; } .header-extra-links .top-links li.head_call { width: 12%; padding: 0 8px; } .header-extra-links .top-links li.head_locate { width: 11%; padding-right: 0px; } .header-main .user-menu{ width: auto!important; margin: 10px 7px 0 0; } #mini-cart .dropdown-toggle span.close-to-text{background-size:87%; text-indent:-9999px;} .header-primary-container .header-primary{padding-top:0px;} .header .logo-wrapper{width:185px;} .header-extra-links .top-links{margin-top:20px;} .header-main .header-extra-links .top-links:first-child{width:5%;} .header-main .header-extra-links .top-links{width:37%;} .header-main .user-menu{margin-top:18px;} span.label-cart {display:none;} #mini-cart .dropdown-toggle .feature-icon-hover:hover span.label-cart{color:#fff;} .contact-form {width: 60%;} .contact-form .form-list input.input-text {width: 338px;} .contact-form .form-list .field input.input-text { width: 338px;} .contact-form #contactForm .fieldset .form-list textarea {width: 338px;} .cart .discount { margin-left: 23%; margin-top: 83px; } .product-view .box-tabs .gen-tabs.gen-tabs-style1.turkey { margin-top: 0; } } @media screen and (max-width: 768px) { /*.header .logo-wrapper {width: 100%;margin: 0 auto;float: none;display: inline-block;}*/ .header .logo-wrapper {margin: 15px 0;} .header .logo {display: block;max-width: 220px;margin:0 auto;text-decoration: none !important;line-height: 0px;} } @media screen and (max-width: 767px) { .header .logo-wrapper{margin-left: 35% !important; width:165px !important;} .header-main .header-extra-links{display:inline; margin-left:0px ; width:33%;} .header-extra-links .top-links li.head_signin{width:12%;float:right; padding-left:0px; padding-right:0px;} .header-extra-links .top-links li{display:none;} .header-extra-links .top-links{margin:0px; width:98% !important;} .header-main .header-extra-links{margin-top:20px;} .header-extra-links .top-links li.head_signin{display:block;} .header-extra-links .top-links a span.header-link-icon-img{text-align:right;} .header-primary .header-main .user-menu{width:40px !important;} .nav-container #mobnav-trigger{margin-top: 0px;margin: 0 auto;display: inline-block;} .brand-landing-main .brand-listing{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .contact-form {width: 100%;} .contact_info {float: none;margin-bottom: 30px;clear: both;margin-top: 0px;} .contact-form .form-list .field { clear:both; width:100%;} .contact-form .form-list input.input-text {width: 338px;} .contact-form .form-list .field input.input-text { width: 338px;} .contact-form #contactForm .fieldset .form-list textarea {width: 338px;} .cart .cart-right-column > * { margin-bottom: 0px; } } @media screen and (max-width: 755px) { .header-main .header-extra-links{width:31%;} } @media screen and (max-width: 710px) { .header-main .header-extra-links{width:29%;} .header-extra-links .top-links li.head_signin{width:14%;} } @media screen and (max-width: 671px) { .header-main .header-extra-links{width:27%;} .header-extra-links .top-links li.head_signin{width:15%;} } @media screen and (max-width: 635px) { .header-main .header-extra-links{width:24%;} .header-extra-links .top-links li.head_signin{width:17%;} .header .logo-wrapper{margin-left: 30% !important;} .brand-landing-main .brand-listing{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .contact-form #contactForm .fieldset .form-list textarea {width:538px;} } @media screen and (max-width: 600px) { .header-main .header-extra-links{width:29%;} } @media screen and (max-width: 589px) { .header-main .header-extra-links{width:21%;} .header-extra-links .top-links li.head_signin{width:21%;} } @media screen and (max-width: 568px) { .header-main .header-extra-links{width:26%;} } @media screen and (max-width: 549px) { .header-main .header-extra-links{width:16%;} .header-extra-links .top-links li.head_signin{width:32%;} } @media screen and (max-width: 493px) { .header-main .header-extra-links{width:14.5%;} .header-extra-links .top-links li.head_signin{width:33%;} } @media screen and (max-width: 480px) { .header-main .header-extra-links{width:15%;} .header-extra-links .top-links li.head_signin{width:41%;} .header .logo-wrapper{margin-left: 31% !important;} #newsletter-validate-detail #form_msg {bottom: -23px;} } @media screen and (max-width: 479px) { .header-main .header-extra-links{width:13%; float:right} .header-extra-links .top-links li.head_signin{width:41%;} .header .logo-wrapper{margin-left: 25% !important;} .nav-container #mobnav-trigger{margin-top:0px;} .header-main .user-menu .top-links{display:none !important;} .header-extra-links .top-links{width:100% !important;} .header-extra-links .top-links li.head_signin{width:34%;} .header-main .header-extra-links{margin-top:23px;} } @media screen and (max-width: 445px) { .header-extra-links .top-links li.head_signin{width:41%;} } @media screen and (max-width: 399px) { .header-extra-links .top-links li.head_signin{width:45%;} } @media screen and (max-width: 359px) { .header-extra-links .top-links li.head_signin{width:50%;} } /*************** Style for New Header End***********************/ @media screen and (min-width: 768px) { .skip-content .form-search { display: none; padding: 20px; position: relative; } } @media screen and (max-width: 767px) { .header-primary-container {float: left; margin-bottom: 0; width: 35%; } .header-container { height: 145px; } .skip-links {display: block; float: left; margin:20px 12px 0 0; width: 50%;} .header-primary .header-main .user-menu {display: none;} .header-extra-links.grid {display: none;} .search-wrapper-centered.clearer.v-grid.grid12-4.search-wrapper.search-wrapper-mobile { display: block;} .header-main .search-wrapper-centered { border-top: 2px solid #665f5e; float: left !important; left: 0; margin: 14px 0 5px; padding-top: 10px; position: absolute; top: 60px; width: 100% !important; } .search-wrapper-centered .form-search { border: 2px solid #849d25; margin: 0 auto; overflow: hidden; width: 95%; } .search-wrapper-centered .form-search { margin: 0 auto; width: 95%; } .header-extra-links.grid {display: none;} .header .logo-wrapper{display:block;} .nav-container { float: left; margin:20px 0 10px !important; width: 12.2%;} .nav.container { float: right;margin: 0 !important;width: 100%;padding-right:0;} .nav-container #mobnav { float: left; width: 100% !important; } .skip-link.skip-search, .skip-link.skip-other-menu {color: #ffffff; display: inline-block !important; float: none; font-family: lato; font-size: 14px; font-weight: 700; line-height: 35px; margin: 0 auto; text-transform: capitalize; width: auto;} #mobnav-trigger .trigger-icon { margin-left: 45px; padding-top: 15px;} .home-sow-title span.title-text{width:96%;} #mobnav-trigger { line-height: 38px !important;} #mini-cart .dropdown-toggle .label {top: 8px;right:-25px;} #mobnav-trigger {display: inline-block;font-size: 14px;margin: 0 auto;padding-left: 0;text-align: center !important;} #mini-cart .dropdown-toggle span.close-to-text {height: 26px;margin-top: 8px;padding: 0;text-indent: 0;background-size: 25px;text-align: right;width: auto;background-position: top left;padding: 2px 25px 0 4px; float:left;} .header-minicart span.label-cart {color: #fff;line-height: 38px;vertical-align: middle;display:block; float:left;font-family: lato; font-size: 14px; font-weight: 700;} #mini-cart {float: left;text-align: center;width: 83% !important;line-height: 10px;} .header-minicart { border-right: 1px solid #ffffff; float: right; padding-right: 10px; width: 40%;} .skip-search .icon { background: rgba(0, 0, 0, 0) url("../images/reponsive-search.png") no-repeat scroll left center;border-radius: 0;float: none;height: 35px;line-height: 19px;margin: 0 auto;text-align: center;padding: 0;display: inline-block;height: 30px;vertical-align: middle;width: 30px;} .skip-other-menu .icon{background:url(../images/reponsive-myaccout.png) no-repeat left center; border-radius: 0;display: inline-block;float: none;height: 35px;line-height: 19px;margin: 0 auto;text-align: center;width: 30px;padding: 0;} .skip-div { border-right: 1px solid #ffffff; float: left; padding-right: 0; text-align: center; width: 54%;} .skip-content.skip-active {background: #fbf9f5;padding: 0;position: absolute;top:65px;width: 98%;left: 4px;} .skip-content .form-search {padding: 20px;position: relative; } .skip-content #search_mini_form .form-search .input-text{width:100%;height:38px;} .skip-content .form-search .button {position: absolute;right: 15px;top: 17px;} .skip-content .li-other-menu { background-color: #fbf9f5;} .skip-content .li-other-menu li{float: left;display: block;width: 96% !important;margin: 0;list-style-type: none;cursor: pointer;position: relative;font-size: 16px;line-height: 18px;padding: 15px 2%;text-transform:uppercase;} .skip-content .li-other-menu li:hover {background-color: #5b5654;color: #ffffff;} span.header-link-text.hide-below-960 {padding-left: 15px;} .skip-content .li-other-menu li:hover span.header-link-text.hide-below-960{color: #ffffff;} #mini-cart .dropdown-menu { top: 45px; } .header-container3 { margin: 0 auto; padding: 0 2%; width: 96%; } } @media screen and (max-width: 600px) { .header-primary-container { width: 38%; } .skip-div { text-align: center; width: 35%; } .skip-div span.label, #mobnav-trigger > span { display: none; } .header-minicart { float: left; padding-right: 0; text-align: center; width: 50%; } .nav-container { float: left; margin: 20px 8px 10px !important; width: auto; } .skip-links { margin: 20px 0;float:right; width: 35%;} .header-minicart span.label-cart{display:none;} #mini-cart .dropdown-toggle .label {right:-15px;} .yotpo .promoted-products-box .promoted-products .yotpo-promoted-product .yotpo-product-name, .yotpo .text-l {padding-left:10px !important;} .faq_left { width: 100% !important; float:left; margin-top: 15px; } .faq_right { width: 100% !important; margin-top: 5px; } } @media screen and (max-width: 479px) { span.label, .header-minicart span.label-cart { display: none; } .header-minicart { margin-left: 0; text-align: left; width: 4 0%; } ul.accordion.vertnav.vertnav-top.grid-full.mobile{ width: 395% !important;} .dropdown-menu.left-hand { /*left: -278px !important;*/ right: 0; width: 470% !important; top:46px; } .skip-link.skip-search, .skip-link.skip-other-menu { height: 41px; } /*.skip-content.skip-active { top: 113px; }*/ .skip-links { margin: 20px 0 10px; width: 31.5%; } .header-primary-container { width: 45%; } .header .logo-wrapper { margin: 20px 0 !important; } #mini-cart { width: 83% !important; } .header .logo-wrapper { margin: 20px 0 !important; } .header .logo { margin: 0; width: 150px; } #mini-cart .dropdown-menu {padding: 15px;} } @media screen and (max-width: 400px) { #mini-cart .dropdown-menu { top: 45px; left: -200px !important;width: 250px !important; } .header-minicart { margin: 0 8px; text-align: left; width: 46%; } #mini-cart { width: 69% !important; } } @media screen and (max-width: 360px) { .header-minicart { margin:0; } } .header-extra-links.grid { position:relative;} div#header-account {position: absolute; background: #4b4441; width: 100px; font-weight: bold; left: 43.5%; top: 71px; z-index: 9999; border: 1px solid #fff;} div#header-account li a:hover { color:#f0b310 !important;} @media screen and (max-width: 767px) { div#header-account-mobile, div#header-account-mobile1 { position: inherit; background: #fbf9f5; float: left; z-index: 999999; top: 6px; } div#header-account-mobile li, div#header-account-mobile1 li {padding: 0 2%;} .li-other-menu li.head_signin .opener { background: url(../images/infortis/ultra-megamenu/opener.png) center center no-repeat; position: absolute; right: 0; top: 0; display: block; cursor: pointer; width: 49px; height: 49px; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } .li-other-menu li.skip-active .opener { background: url(../images/infortis/ultra-megamenu/opener-active.png) center center no-repeat; } } .owl-item.extra .item.slide img { width:100%} .yotpo .promoted-products-box .promoted-products{width:100%; float:left;} .yotpo .promoted-products-box .promoted-products li{width:33.3%;} .yotpo .promoted-products-box .promoted-products .yotpo-promoted-product .yotpo-product-image{min-width:inherit;} .yotpo .promoted-products-box .promoted-products .yotpo-promoted-product .yotpo-product-image img {max-width:inherit;width:100%;} .yotpo .star-clickable .text-m{margin-left:10px;} @media screen and (max-width: 990px) { .pro-banner-img-area{height:inherit;top:0;} .brand-product-name .product-top-banner {height: auto;} .page .brand-product-name{margin-bottom:15px;} } @media screen and (max-width: 900px) { .sidebar .block.block-compare button.button {width:90px;} .faq_right { width: 83%; } .faq_left { width: 17%; } } @media screen and (max-width: 768px) { .page .brand-product-name{margin-bottom:10px;} .cart .totals-inner { padding: 6px 0 20px; } } @media screen and (max-width: 700px) { .yotpo .promoted-products-box .promoted-products li{width:50%;} .yotpo.yotpo-main-widget.yotpo-small .promoted-products-box .yotpo-promoted-products .yotpo-promoted-product{ margin-left:5px !important; margin-right:5px !important; } .yotpo.yotpo-main-widget.yotpo-small .promoted-products-box .yotpo-promoted-products .yotpo-promoted-product .yotpo-product-image img{min-width:inherit;} .yotpo.yotpo-main-widget.yotpo-small .promoted-products-box .yotpo-promoted-products .yotpo-promoted-product .yotpo-product-image{min-width:inherit; height:auto;} .yotpo.yotpo-main-widget.yotpo-small .promoted-products-box .yotpo-promoted-products .yotpo-promoted-product{width:100% !important;} } @media screen and (max-width: 480px) { .brand-product-name .product-top-banner { height: 95px; } .home-sow-fix-area .owl-carousel .owl-item{text-align:center;} } ::i-block-chrome, #subscribe-form .input-text {line-height: 1px;} #mini-cart button.button span { background-color: #a5957c; } #mini-cart button.button.btn-checkout span { background-color: #7fa153; } #mini-cart button.button:hover span, #mini-cart button.button.btn-checkout:hover span { background-color: #f0b310; color: #ffffff; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* Portrait iPad display */ /*.kc-four-box-area h3.title-text, .home-sow-title span.title-text { padding: 10px 10px; line-height:25px; } .kc-four-box-area h3.title-text{width:235px; text-align:center;} ::i-block-chrome, .kc-four-box-area h3.title-text {width:200px;padding:7px 10px 12px 10px;} */ _::-webkit-full-page-media, _:future, :root .kc-four-box-area h3.title-text {width:232px; padding: 10px 10px 7px; line-height:1; } _::-webkit-full-page-media, _:future, :root .home-sow-title span.title-text { padding: 10px 10px 7px; line-height:1; } } .grid-product-detail .price-box .regular-price {font-size: 13px;} .grid-product-detail .price-box .regular-price .price {color: #333;} .grid-product-detail .price-discount .percent-off {color: #dd5555;font-size: 15px;} .grid-product-detail .price-discount .price-save {color: #7fa153;font-size: 13px;} .owl-wrapper .price-box .regular-price .price {color: #333;} .owl-wrapper .price-discount .percent-off {color: #dd5555;font-size: 15px;} .owl-wrapper .price-discount .price-save {color: #7fa153} .skip-content .skip-active a {color: #f0b310 !important;} /*-----------tooltip------------*/ .footer-secondary .sixthBlock li { position: relative; display: inline-block; } .footer-secondary .sixthBlock li > span { display:none; width: 70px; background-color: #4b4441; color: #f0b310; text-align: center; border-radius: 6px; padding: 3px 0; position: absolute; z-index: 1; left:-5px; top:-27px; font-weight:700; } .footer-secondary .sixthBlock li:hover > span { display:block; } .sixthBlock li a span.ftr-blog { background-position: -271px top; } .sixthBlock li a:hover span.ftr-blog { background-position: -271px bottom; } .sixthBlock li a span.ftr-insta { background-position: -362px top; } .sixthBlock li a:hover span.ftr-insta { background-position: -362px bottom; } .footer-secondary .sixthBlock li{margin-right:6.5%;} .footer-secondary .fifthBlock{width:55%;} #subscribe-form{width:80%;} .footer-secondary .sixthBlock{width:44%;} /*@media only screen and (max-width: 959px) and (min-width: 768px){ .footer-secondary .fifthBlock {width: 60% !important;} #subscribe-form {width: 90% !important;} .footer-secondary .sixthBlock{width:40% !important;} .footer-secondary .sixthBlock li{margin-right:5% !important;} .footer-secondary .sixthBlock li:last-child{margin-right:0 !important;} }*/ /* Cart boxes styles start 18-7-2016 */ .cart .cart-left-column.grid12-8{width:48%; float:left; background:#fff;} .cart .cart-right-column.grid12-4{width:48%; float:right; } .cart .cart-left-column.grid12-8 .grid12-6.mobile-grid-half{width:100%; margin:0 0 20px;} .cart .cart-left-column.grid12-8 .grid12-6.mobile-grid-half .discount{width:100%; margin-left:0; margin-top:0px;} .cart .cart-left-column.grid12-8 form#discount-coupon-form{padding:0 36px; display:block; clear:both;} .cart .cart-left-column.grid12-8 .discount .buttons-set button.button{float:left; margin-left:0px; margin-bottom:0px;} .cart .cart-left-column.grid12-8 .discount .buttons-set{margin-top:20px;} .cart .cart-left-column.grid12-8 .discount h2{padding-top:15px;} .cart .cart-left-column.grid12-8 .discount-form{margin-top:17px;} .cart .cart-right-column.grid12-4 .totals.grid-full.alpha.omega{background:#fff;} .cart .cart-right-column.grid12-4 .totals-inner{padding:28px 32px 20px 0px;} .cart .cart-right-column.grid12-4 .totals tfoot td{padding-top:10px;} .cart .cart-right-column.grid12-4 .totals .checkout-types li{margin:30px 0 10px;} .cart-table .btn-continue{margin-left:10px;} .cart-table tfoot button{margin-right:10px;} .cart .cart-table-wrapper{padding:0 24px 0 26px;} .cart .cart-table tbody td{border-bottom:1px solid #aaa9a7;} .cart .cart-table.data-table tr.even td, .cart .cart-table.data-table tr.even th{border-right:none;} .cart-table thead th.first{text-align:left !important;} .cart-table thead th{border-bottom:1px solid #aaa9a7;} .cart .cart-table .cart-product-detail{padding-top:20px;} .cart .cart-table input.qty{background:none;} .alpha.omega.norton_sec { position:absolute;left: 8px; top:0px;} @media screen and (max-width: 767px) { .cart .cart-left-column.grid12-8 { margin-bottom:20px} .alpha.omega.norton_sec { position:inherit; margin: 10px -7px;} } /* Cart boxes styles end 18-7-2016 */ .webcode { padding:14px 0 28px; } .webcode p { margin: 00; } .coupon-content div { padding: 0 0 12px; } .yotpo-reviews-carousel .carousel-display-wrapper .scroller{width:100% !important;} /***************** New Challenge page Start ************************/ #challenge-custom-form{float:left; width:100%; margin-bottom:50px;} #challenge-custom-form label { float: left; font-weight: 400; position: relative; z-index: 0; margin: 0 0 9px 0; color: #333; font-size: 16px; display:block; width: 100%; } #challenge-custom-form div p{ font-size: 16px; line-height: 20px; font-weight: 700; border-bottom: 0px none #c2c1bf; padding-bottom: 10px; color: #333; padding-top: 10px; margin: 0; float: left; width: 100%; } #challenge-custom-form label .required{color:#ee001c;} #challenge-custom-form .ch-nmem ul li{float:left; width:48%;} #challenge-custom-form .ch-nmem ul li:last-child{float:right;} #challenge-custom-form ul{float:left; width:100%; margin:0px; padding:0px;} #challenge-custom-form .ch-nmem input{width:100%;} #challenge-custom-form .ch-msrs ul li{float:left; width:32%;margin-bottom:10px;} #challenge-custom-form .ch-msrs input{width:100%;} li.ch-se.comn, li.ch-fi.comn, li.ch-eght.comn { margin: 0 2%; } #challenge-custom-form .ch-upimgs ul li{float:left; width:32%;margin-bottom:10px;} #challenge-custom-form .ch-upimgs ul li:nth-child(2){margin:0 2%;} #challenge-custom-form .ch-upimgs ul li input{background:none; border:0;padding:0px;} .ch-ckbx { float: left; width: 100%; } #challenge-custom-form .ch-ckbx .input-box{float:left; width:auto;} #challenge-custom-form .ch-ckbx .input-box .checkbox{margin-top:0px;} #challenge-custom-form .ch-ckbx label{ float:left; margin-bottom:30px; width:97%; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); } #challenge-custom-form input[type="submit"]{ background:#7fa153; height:51px; width:117px; text-align:center; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; font-size:18px; font-weight:700; color: #fff; border:0; cursor:pointer; margin-top:30px; } #challenge-custom-form input[type="submit"]:hover{background:#f0b310;} .challenge-index-index h4{font-weight:bold;} .challenge-index-index p{margin-bottom:10px;} .challenge-index-index .ch-page-main ul{padding-bottom:15px;} .challenge-index-index .ch-page-main ul li{padding-bottom:5px;} .ch-nmem { float: left; width: 100%; margin-bottom: 10px; } .ch-msrs { float: left; width: 100%; margin-bottom: 8px; } #challenge-custom-form div.field{float:left; width:100%;} #challenge-custom-form div.field li{list-style:none;} #challenge-custom-form div.field li:first-child{float:left;width:210px;} #challenge-custom-form div.field li:first-child .input-text{width:190px;} #challenge-custom-form div.field li img#captcha-reload{cursor:pointer;padding-top: 9px;margin-right:15px;} #challenge-custom-form div.field li .captcha-img{height:36px;} .ch-page-main p.ch-cms-img{float:right;margin-left:5px;} #challenge-custom-form .ch-upimgs input[type="file"] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } #challenge-custom-form .ch-upimgs label.custom-file-upload { border: 1px solid #ccc; box-sizing: border-box; display: inline-block; padding: 7px 0 0; cursor: pointer; background: #7fa153; height: 35px; width: 120px; text-align: center; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; font-size: 16px; font-weight: 700; color: #fff; border: 0; cursor: pointer; } #challenge-custom-form .ch-upimgs label.custom-file-upload:hover{ background: #f0b310; } .box { background-color: #dfc8ca; padding: 6.25rem 1.25rem; } .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .inputfile-1 + label { color: #f1e5e6; background-color: #d3394c; } .inputfile + label { max-width: 80%; font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; } .inputfile + label * { pointer-events: none; } #challenge-custom-form .ch-upimgs .input-box label{ width:150px; padding: 7px 0 0; cursor: pointer; background: #7fa153; height: 35px; text-align: center; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; font-size: 16px; font-weight: 700; color: #fff; box-sizing:border-box; margin-bottom:2px; } #challenge-custom-form .ch-upimgs .input-box label:hover{background: #f0b310;} #challenge-custom-form p.frontfacing_filename { padding: 0 0 10px; float: left; width: 93%; overflow: hidden; font-size:14px; font-weight:normal; } #challenge-custom-form .gtrw li{float:left; width:48%;} #challenge-custom-form .gtrw li input{width:100%;} .gtrw { float: left; width: 100%; margin-bottom: 15px; } @media screen and (max-width: 800px) { #challenge-custom-form label{font-size:15px;} #challenge-custom-form div p{font-size:15px;} } @media screen and (max-width: 767px) { #challenge-custom-form .ch-msrs ul li{width:48%;} li.ch-se.comn, li.ch-fo.comn, li.ch-eght.comn, li.ch-sx.comn{margin:0 0 0 4%;} li.ch-fi.comn{margin:0;} #challenge-custom-form .ch-upimgs ul li{width:48%;margin-bottom:10px;min-height:95px;} #challenge-custom-form .ch-upimgs ul li:nth-child(2) { margin: 0 0 10px 4%; } #challenge-custom-form .ch-upimgs ul li input{float:left; width:100%;} #challenge-custom-form div.field li:first-child{margin-right:5px;} #challenge-custom-form .gtrw li {width: 100%;} } @media screen and (max-width: 479px) { #challenge-custom-form .ch-nmem ul li{width:100%; margin:0px 0 10px;} #challenge-custom-form .ch-msrs ul li { width: 100%; margin-left: 0; margin-right: 0; } #challenge-custom-form .ch-upimgs ul li{width:100%;margin-left: 0; margin-right: 0;} #challenge-custom-form .ch-upimgs ul li:nth-child(2) {margin: 0 0 0 0;} #challenge-custom-form div.field li:first-child { float: left; width: 100%; margin-bottom: 20px; } .chtop-site img{float:left;margin:10px 0;width:100%;} .ch-page-main p.ch-cms-img { float: left; margin-left: 5px; width: 100%; text-align: center; } #challenge-custom-form .ch-upimgs ul li{margin-bottom:0px;min-height:auto;} #challenge-custom-form .ch-nmem{margin-bottom:0px;} } . /***************** New Challenge page End ************************/