/** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package enterprise_default * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Reset ================================================================================= */ /* Set the correct viewport size */ @viewport { zoom: 1.0; width: extend-to-zoom; } @-ms-viewport { zoom: 1.0; width: extend-to-zoom; } * { margin:0; padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { background:#fff; height: 100%; font:12px/1.35 Arial, Helvetica, sans-serif; color:#000; text-align:center; } img { border:0; vertical-align:top; } a { color:#000; text-decoration:none; } a:hover { text-decoration:none; } :focus { outline:0; } *:focus, :focus { outline: 0; } .reset { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML 5 Definitions */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Headings */ h1 { font-size:18px; font-weight:normal; } h2 { font-size:16px; font-weight:normal; } h3 { font-size:14px; font-weight:bold; } h4 { font-size:13px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small { font-size:10px; } big { font-size:1.2em; } /*sup { font-size:1em; vertical-align:top; }/*/ /* Lists */ ul,ol { list-style:none; } /* Tools */ .show { display: block !important; } .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* ========================================================================================================= @layout ====================================================================================================== */ .wrapper { background:#fff; min-height: 100%; margin-bottom: -550px; } .wrapper:after { content: ""; display: block; height: 550px; } .page { position: relative; margin: 0 auto; padding-bottom: 70px; text-align: left; } .page-empty { background:#fff; padding: 20px; } .main { width: 960px; margin:auto; min-height:350px; text-align:left; } body.hero .main { width: 100%; } .sidebar { min-height:350px; } /* Base Columns */ .col-left { float:left; width:182px; padding:0 0 0; margin:0 0 -1px; } .col-main { float:left; width:715px; padding:0 20px 20px; } .col-right { float:right; width:182px; padding:0 0 0; margin:0 0 -1px; } /* 2 Columns Layout */ .units-two > * { float: left; width: 470px; margin-left: 20px; } .units-two > *:first-child { margin-left: 0; } /* 4 Columns Layout */ .units-four > * { float: left; width: 214px; margin-left: 34px; } .units-four > *:first-child { margin-left: 0; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .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%; } /* ========================================================================================================= @global ====================================================================================================== */ .site-container { width: 960px; margin: auto; } .clear-box:before, .clear-box:after { content: ""; display: table; } .clear-box:after { clear: both; } .clear-box { *zoom: 1; } .clr-skyblue { color: #1e324b; } .clr-grey { color: #999;} .labelesque { font-size: 12px; line-height: 16px; } a.labelesque:hover { text-decoration: underline; } .link-sky-blue { display: inline-block; color: #1e324b; font: 12px/11px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } /* @fonts */ /*.fut-book { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; }*/ .fut-book { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; } .fut-bold, .futura-bold { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-weight: lighter; } .geo-itl, .georgia-itl { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; } /* @breadcrumbs */ .bread-crumbs { padding: 30px 0; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; width: 960px; margin: 0 auto; font-size: 11px; } .bread-crumbs li { display: inline-block; position: relative; margin-right: 5px; padding-right: 8px; } .bread-crumbs li a:hover { text-decoration: underline; color: #1e324b; } .bread-crumbs li:before { content: ">"; display: block; top: -1px; right: -5px; font-size: 11px; width: 8px; height: 9px; position: absolute; } .bread-crumbs li.last { margin: 0; padding: 0; font-weight: 500; } .bread-crumbs li.last:before { display: none; } .col2-left-layout .bread-crumbs { display: none; } .my-acct .col2-left-layout .bread-crumbs { display: block; } /* @buttons */ .btn-skyblue { background: #1e324b; cursor: pointer; display: inline-block; border: none; padding: 9px; color: #ffffff; font: 12px/12px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .btn-skyblue.blue-m { padding: 13px 40px; } .btn-skyblue.blue-l { padding: 10px 50px; } .btn-skyblue.dark-grey { background: #6d6f71; } .btn-dark { background: #1e324b; cursor: pointer; display: inline-block; border: none; padding: 9px; color: #ffffff; font: 12px/13px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; margin: 20px 0; width: 100%; text-align: center;} .btn-dark.dark-m { padding: 13px 35px; } .black { background: #000; cursor: pointer; display: inline-block; border: none; padding: 9px; color: #ffffff; font: 12px/12px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .btn-black-arrow { background: none; cursor: pointer; display: inline-block; position: relative; border: none; padding: 0 10px 0 0; color: #000000; font-size: 11px; line-height: 10px; text-decoration: none; text-transform: uppercase; } .btn-black-arrow:before { content: ">"; display: block; position: absolute; top: 0; right: 0; font-size: 7px; } .btn-black-arrow:hover { color: #1e324b; } /* @headers */ .pg-subtitles { margin-bottom: 30px; border-bottom: 1px solid #cccccc; padding-bottom: 10px; font-size: 18px; font-weight: normal; line-height: 16px; text-transform: uppercase; } .hdr-section { margin-bottom: 10px; border-bottom: 1px solid #cccccc; padding-bottom: 10px; font: 14px/12px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .hdr-group { margin-bottom: 5px; font: 14px/12px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .hdr-space { margin-top: 20px; } .hdr-book { font-size: 18px; line-height: 16px; text-transform: uppercase; } .hdr-book.book-underline { position: relative; margin-bottom: 10px; border-bottom: 1px solid transparent; padding-bottom: 10px; } .hdr-book.book-underline:before { background: #cccccc; content: ""; display: block; position: absolute; width: 140px; height: 1px; bottom: -1px; left: 50%; margin-left: -70px; } /* @radio */ .rdio-wrap, .chbx-wrap { background: url('../images/bg-custom-radio.png') left top no-repeat; display: block; position: relative; width: 15px; height: 15px; } /* .option div.custom-attribute { background: url('../images/bg-custom-radio.png') left top no-repeat; display: block; position: relative; top: 10px; } */ .rdio-wrap input, .chbx-wrap input { position: absolute; z-index: 2; cursor: pointer; width: 100% !important; height: 100%; top: 0; left: 0; margin: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .rdio-wrap.slctd, .chbx-wrap.slctd { background-position: right top; } .rdio-wrap.cnt-slct, .chbx-wrap.cnt-slct { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .rdio-wrap.cnt-slct input, .chbx-wrap.cnt-slct input { cursor: default; } /* @select */ select { color: #000000; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-size: 12px; } .slct-wrap { background: #ffffff; cursor: pointer; display: inline-block; zoom: 1; position: relative; border: 1px solid #b2b2b2; padding: 14px 30px 13px 10px; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-size: 12px; line-height: 9px; width: auto; } .slct-wrap:after { background: url('../images/arrow-select.png'); content: ""; display: block; position: absolute; width: 9px; height: 5px; top: 50%; right: 10px; margin-top: -2px; } .slct-wrap.focus { border-color: #1e324b; } .slct-wrap select { position: absolute; z-index: 2; -webkit-appearance: menulist-button; cursor: pointer; width: 100% !important; height: 100%; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .slct-wrap select option { padding: 5px 3px; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-size: 12px; line-height: 9px; } .slct-wrap select option:hover { background: #1e324b; color: #ffffff; } .slct-wrap .slct-txt { display: block; font-style: normal; } /* ========================================================================================================= @header ====================================================================================================== */ .header-container { position: relative; height: 57px; z-index: 45; border-bottom: 1px solid #cccccc; text-align: left; } .header-container.no-bottom { border-color: transparent; } .branding { float: left; margin-top: 5px;} .logo { display: block; } /* Main Nav Menu */ .main-menu { float: left; font-size: 11px; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; padding-left: 18px;} .main-menu .main-nav-item { float: left; position: relative; } .main-nav-item .nav-header { display: block; position: relative; height: 56px; padding: 22px 0; margin: 0px 13px; } .main-nav-item:hover .nav-header:before, .main-nav-item.active .nav-header:before, .main-nav-item .nav-header:hover:before { background: #000000; content: ""; display: block; position: absolute; width: 100%; height: 4px; left: 0; bottom: -1px; z-index: 2; } .main-nav-item:hover > .sub-menu { height: auto; opacity: 1; } .main-nav-item .sub-menu { background: #ffffff; display: block; position: absolute; height: 0; top: 56px; left: -16px; padding: 8px 0; opacity: 0; overflow: hidden; -ms-transition: all 255ms ease-in-out; -moz-transition: all 255ms ease-in-out; -webkit-transition: all 255ms ease-in-out; -o-transition: all 255ms ease-in-out; transition: all 255ms ease-in-out; } .main-nav-item .sub-menu a, .main-nav-item .sub-menu li { display: block; } .main-nav-item .sub-menu a { padding: 12px 16px; font-size: 11px; white-space: nowrap; } .main-nav-item .sub-menu a:hover { color: #1e324b; } /* Quick Access */ .quick-access { float: right; padding-top: 15px; } .quick-access .additional-links, .quick-access .top-cart-link, .quick-access .user-login-block { float: right;} .quick-access .additional-links { position: relative; padding-bottom: 15px; font-size: 10px; text-transform: uppercase; } .quick-access .additional-links a { display: inline-block; } .quick-access .additional-links a:after { content: ">"; display: inline-block; position: relative; top: -2px; right: 1px; font-size: 7px; } .quick-access .additional-links a:hover { text-decoration: underline; } .additional-links a .tooltip { display: none; position: absolute; bottom: 0; right: 5px; font: 300 11px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: none; white-space: nowrap; } .additional-links a:hover > .tooltip { display: block; } .user-not-logged, .user-is-logged { display: block; height: 26px; margin: 0 15px 0 0; color: #ffffff; font-size: 12px; line-height: 12px; vertical-align: top; } .user-not-logged { background: #000000; padding: 8px 14px 7px; text-transform: uppercase; } .user-is-logged { background: #6d6f71; padding: 6px 14px 8px; } .user-is-logged a { display: inline; margin-left: 3px; color: #ffffff; border-bottom: 1px solid #ffffff; } .user-is-logged a:hover { color: #1e324b; border-color: #1e324b; } .user-is-logged a.users-first-name { position: relative; max-width: 105px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .quick-access .top-cart-link { background: url('../images/icon-cart.gif') left center no-repeat; display: block; padding-left: 18px; margin: 4px 15px 10px 0; color: #000000; font-size: 12px; } /* Static Pages Nav Menu */ .nav-static-pages { border-bottom: 1px solid #cccccc; padding: 20px 0; font: 15px/1.55em 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; margin-bottom: 22px; } .nav-static-pages a:hover { color: #1e324b; } .nav-static-pages li { display: inline-block; margin-left: 35px; border-left: 1px solid #444444; padding-left: 35px; } .nav-static-pages li:first-child { margin-left: 0; border-left: none; padding-left: 0; } .nav-static-pages li.active { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; } /* ========================================================================================================= @footer ====================================================================================================== */ .footer-container { height: 550px; margin: 0; padding: 0; text-align: left; text-transform: uppercase; } .footer { padding: 30px 0 0; } .footer-cntnt { background: #f7f7f7; } /* Footer Links */ .footer-links, .footer-links > li { float: left; } .footer-links > li:nth-child(1) { width: 165px; } .footer-links > li:nth-child(2) { width: 175px; } .footer-links > li:nth-child(3) { width: 230px; } .footer-links .menu-header { font-size: 14px; line-height: 14px; } .footer-links .sub-menu a { display: block; margin-top: 20px; font-size: 12px; line-height: 12px; } .footer-links .sub-menu a:hover { text-decoration: underline; } /* Newsletter Signup */ .newsletter { float: right; width: 170px; font-size: 11px; line-height: 1.7em; } .newsletter .form-subscribe .input-text { display: block; width: 100%; height: 26px; margin-top: 7px; border: 1px solid #999999; background-color: #EFF8FF; padding: 6px 6px 6px; font-size: 12px; line-height: 12px; } .newsletter .form-subscribe button { margin-top: 12px; } .newsletter .form-subscribe button span { color: #ffffff; padding: 0; height: 10px; } .social-links { display: inline-block; width: 180px; font-size: 10px; } .social-links .button span { padding: 5px 10px; } .social-links strong { font-size: 12px; } /* Social Block */ .footer-social-block { clear: right; float: right; width: 170px; margin-top: 40px; font-weight: bold; } .footer-social-block span {display: none;} .footer-social-block .icon-social { display: inline-block; width: 21px; height: 20px; margin-left: 5px; overflow: hidden; text-indent: 250%; vertical-align: middle; white-space: nowrap; } .footer-social-block .icon-social.fb-icon { background: url('../images/facebook.png'); } .footer-social-block .icon-social.tw-icon { background: url('../images/twittr.png'); } .footer-social-block .icon-social.instagram-icon { background: url('../images/instagram.png'); } /* Copyright */ .footer-bottom { margin-top: 40px; border-top: 1px solid #c6c6c6; padding: 40px 0; } .footer-bottom .copyright { color: #8b8b8b; font-size: 10px; line-height: 10px; } .footer-bottom .copyright a { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; text-decoration: underline; font-weight: bold; color: #767676; } .footer-bottom .copyright a:hover { color: #767676; } /* News Block */ .news-logo-block { display: block; border-top: 1px solid #cccccc; padding-bottom: 15px; } /* No Press Block */ .no-press .wrapper { margin-bottom: -465px; } .no-press .wrapper:after { height: 465px; } .no-press .footer-container { height: 465px; } .no-press .news-logo-block { display: none; } /* ========================================================================================================= @pix-modal ====================================================================================================== */ /* Modal - main styles */ .modal-box { background: #ffffff; display: none; position: relative; width: 840px; border: 5px solid #ffffff; } .modal-box .btn-close { position: absolute; top: 15px; right: 15px; } .modal-cntnt { padding: 50px; } /* Modal - container styles */ .pixafy-modal-container { display: none; } .pixafy-modal-overlay { background: rgba(0,0,0,0.8); display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 998; } .pixafy-modal-overlay.twenty { background: rgba(0,0,0,0.2); } .pixafy-modal-wrapper { background: #333332; display: none; height: auto; z-index: 999; box-shadow: 0 0 3px rgba(0,0,0,0.4); max-height: 100%; overflow: scroll; } .pixafy-modal-body { overflow-x: hidden; overflow-y: auto; } /* Modal - press styles */ .mbox-press a { color: #666666; font-size: 14px; line-height: 18px; } .mbox-press a:hover { color: #1e324b; } .mbox-press img { width: 100%; height: auto; margin-bottom: 15px; } /* ========================================================================================================= @pix-slider ====================================================================================================== */ .pix-slider-nav-container { bottom: 0px; margin-bottom: 20px; } .pix-slider-left-arrow, .pix-slider-right-arrow { background: url('../images/pixslider-arrows.png') no-repeat; cursor: pointer; display: block; position: absolute; width: 17px; height: 37px; top: 50%; margin-top: -18px; } .pix-slider-left-arrow { background-position: left top; left: 10px; } .pix-slider-left-arrow:hover { background-position: left bottom; } .pix-slider-right-arrow { background-position: right top; right: 10px; } .pix-slider-right-arrow:hover { background-position: right bottom; } .pix-slider-nav-button { background: url('../images/pixslider-bullets.png') no-repeat center 0; cursor: pointer; display: inline-block; width: 22px; height: 20px; } .pix-slider-nav-button.active { background: url('../images/pixslider-bullets.png') no-repeat center -22px; } /* ========================================================================================================= @home ====================================================================================================== */ #slider-home { height: 576px; text-align: center; } .pix-slider-container { visibility: hidden; } /* showcase blocks */ .home-showcase-block { margin-top: 34px; } .showcase-blocks .showcase-title { margin-top: 10px; border-bottom: 1px solid #999999; padding-bottom: 10px; font-size: 13px; letter-spacing: 1px; line-height: 14px; text-transform: uppercase; font-weight: lighter; text-align: center; } .showcase-blocks .showcase-txt { margin-top: 7px; font-size: 13px; line-height: 20px; min-height: 60px; text-align: center; } .showcase-blocks .btn-skyblue { margin-top: 20px; text-align: center; padding: 10px 0px; width: 187px; } /* ========================================================================================================= @about ====================================================================================================== */ .cms-our-story .main, .cms-how-it-works .main, .cms-why-altonlane .main, .cms-press .main { margin-bottom: 30px; } .pg-about h3 { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-size: 18px; line-height: 16px; text-transform: uppercase; } .pg-about p { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; } .story-content h3 { margin-top: 10px; border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .story-content p { margin-top: 8px; font-size: 14px; line-height: 18px; } .story-content .btn-skyblue { margin-top: 18px; padding: 9px 40px 10px; } .story-content.full h3 { margin-top: 30px; border-top: 1px solid #cccccc; border-bottom: none; padding-top: 30px; } /* @our-story */ .quote { margin: 20px 0 25px 10px; font-size: 30px; line-height: 35px; } .quote img { float: right; margin-top: -10px; } /* @how-it-works */ .cms-how-it-works .stories-wrap { margin-top: 20px; } /* @why-altonlane */ .whyaltonlane-pics { float: left; width: 630px; } .whyaltonlane-pics img { max-width: 100%; margin-bottom: 10px; } .whyaltonlane-cntnt { float: right; width: 305px; } .whyaltonlane-cntnt h3 { margin-bottom: 25px; } .whyaltonlane-cntnt p { font-size: 14px; line-height: 18px; } .cms-why-altonlane .nav-static-pages { margin: 0; } .cms-why-altonlane .pg-static h3 { font-size: 18px; } .cms-why-altonlane .pg-static p { font-family: Georgia; font-style: italic; line-height: 19px; font-size: 14px; letter-spacing: 0; } .cms-why-altonlane .nav-static-pages { display: none; } /* @showroom */ .pixbooking-showroom-list .btn-skyblue, .pixbooking-showroom-fitting .btn-skyblue { font-weight: bold; 'Raleway', "Trebuchet MS", Arial, sans-serif; padding: 13px 11px 12px; } /* @press */ .cms-press .main-nav-item.active .nav-header:before { display: none; } .cms-press .page { padding-bottom: 0; } .cms-press .press-hdr h3 { font-size: 18px; margin-bottom: 12px; } .cms-press .news-logo-block { display: none; } .press-hdr { border-bottom: 1px solid #cccccc; text-align: center; padding-bottom: 20px; } .press-hdr h3 { display: inline-block; margin-bottom: 10px; border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .press-hdr p { width: 520px; margin: auto; font-size: 14px; line-height: 18px; } .cms-press .features { margin-top: 20px; border-bottom: 1px solid #cccccc; padding-bottom: 20px; } .cms-press .al-feature { float: left; width: 270px; margin-left: 60px; text-align: center; } .cms-press .al-feature:first-child { margin-left: 15px; } .cms-press .al-feature .feature-img { display: block; width: 100%; height: 115px; margin-bottom: 30px; } .cms-press .al-feature p { font: 14px/18px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .cms-press .al-feature p:before { content: "\0022"; } .cms-press .al-feature p:after { content: "\0022"; } .press-logos { padding: 0 0 20px 0; } .logo-item { cursor: pointer; float: left; margin: 24px 0 0 24px; font: 10px/10px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .logo-item:first-child, .logo-item:nth-child(6n+1) { margin-left: 0px; } .logo-item .logo-img { background: #e8e8e8; display: block; margin: 0 0 10px; overflow: hidden; } /* ========================================================================================================= @static ====================================================================================================== */ .pg-static h3 { margin-bottom: 5px; font: 13px/1.55em 'Raleway', "Trebuchet MS", Arial, sans-serif; } .pg-static p { padding-bottom: 20px; font-family: Georgia, Times, "Times New Roman", serif; letter-spacing: 2px; font-size: 12px; font-weight: 300; line-height: 18.60000px; font-style: italic; } .pg-static ul { margin-bottom: 20px; } .pg-static .std a { color: #0085CF; } .pg-static .std a:hover { color: #444; } .nav-static-pages li { letter-spacing: 1.1px; } .pg-static .std { padding: 0 10px; } .pg-static .underline { text-decoration: underline; } .cms-careers .std { padding: 60px 0 10px 0; } /* Contact Page */ .cms-contact-us .std { overflow: hidden;} #main_faq div.faq_right { overflow: hidden; padding-left: 5px; } #main_faq .faq_right .contact-sidebar p, .contact-sidebar p{ margin:0; padding:0; font:normal 13px/16px; letter-spacing: 1px; } .contact-sidebar a{ text-decoration:none; color:#fff; } .contact-sidebar { width:960px; clear: both; margin:0 20px 0 0; letter-spacing: 1px; } .contact-sidebar .contact-info-box { float: left; width: 285px; margin-right: 35px; } #main_faq .faq_right .contact-sidebar p, .contact-sidebar .contact-info-box p { font-style: normal; } #main_faq .faq_right .contact-sidebar p.georgia-itl, .contact-sidebar .contact-info-box p.georgia-itl { font-style: italic; } .contact-sidebar h4 { border-bottom: solid 1px #CCC; margin: 22px 0 6px 0; padding: 0; color: #000; text-transform: uppercase; font: normal 16px/18px; } .contact-sidebar table { letter-spacing: 1px; } .contact-content { float: left; width: 520px; } .contact-content h2.legend { margin-bottom: 10px; border-bottom: 1px solid #cccccc; font-size: 13px; line-height: 14px; text-transform: uppercase; } .cms-contact-us .frm-contact .input-box textarea { width: 512px; } .cms-contact-us .btn-skyblue.blue-m { font-weight: bold; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-style: normal; padding: 8px 55px; } .cms-contact-us .input-box { margin-bottom: 2px; } .frm-contact { width: 490px; } .frm-contact .form-list label { display: block; float: none; width: auto; margin-bottom: 16px; padding: 0; font-size: 12px; font-weight: normal; line-height: 10px; text-align: left; } .frm-contact .form-list .input-box { float: none; } .frm-contact .form-list input.input-text, .frm-contact .form-list textarea, .frm-contact .slct-wrap { float: none; width: 250px; } .frm-contact input.input-text:focus,.input-box textarea:focus, .frm-contact .input-box select:focus, .frm-contact .slct-wrap.focus { border-color: #b2b2b2; } /* Careers Page */ .frm-contact .fields { margin-bottom: 5px; } .frm-contact .field { float: right; width: 47%; } .frm-contact .fields .field:first-child { float: left; } body.cms-careers { color: #444; } .careers-listing { float: left; width: 250px; } .career-display { float: right; width: 605px; } .resumator-job { margin-bottom: 30px; } .career-display .resumator-job-title.resumator-jobs-text, #resumator-jobs .resumator-job-title.resumator-jobs-text { margin: 0; padding: 0; color: #2b2b2b; font: bold 18px/1.3em Arial,Verdana,sans-serif; } .career-display .resumator-job-title.resumator-jobs-text { margin-bottom: 10px; border-bottom: 1px solid #cccccc; padding-bottom: 5px; } #resumator-jobs .active .resumator-job-title.resumator-jobs-text { color: #2b2b2b; } .career-display .resumator-jobs-text, #resumator-jobs .resumator-jobs-text, .career-display .resumator-job-info, #resumator-jobs .resumator-job-info { color: #2b2b2b; font: italic 14px/18px Georgia, Times, "Times New Roman", serif; } .career-display .resumator-job-info-details { display: block !important; float: right; margin-right: 0; } .career-display .resumator-job-description li, .career-display .resumator-job-description p { letter-spacing: normal; } .career-display .resumator-job-department:before, .career-display .resumator-job-experience:before, #resumator-jobs .resumator-job-department:before { content: ""; display: block; } #resumator-jobs .resumator-job-description { padding-bottom: 0 } .career-display .resumator-hide-details, #resumator-jobs .resumator-jobs-text .resumator-job-link { color: #1e324b; text-decoration: underline; } .career-display .resumator-hide-details, #resumator-jobs .resumator-hide-details.resumator-jobs-text { color: #ff0000; } .career-display .resumator-hide-details:hover, #resumator-jobs .resumator-jobs-text .resumator-job-link:hover { color: #000000; } #resumator-jobs a.resumator-hide-details { margin-top: 0; } .career-display .resumator-job-description.resumator-jobs-text { display: inline-block !important; margin-top: 15px; border-top: 1px solid #cccccc; padding-top: 10px; } #resumator-jobs .resumator-job-info-details, #resumator-jobs .resumator-job-description-text, #resumator-jobs .resumator-buttons { display: none !important; } #resumator-wrapper #resumator-logo { float: none; margin-left: -10px !important; } /* ========================================================================================================= @bookings ====================================================================================================== */ .book-aptmnt, .simple-page-container { margin-bottom: 20px; font-size: 14px; line-height: 18px; text-align: center; } .simple-page-container { width: 40%; margin: 50px auto; } .simple-page-container .buttons-set p.back-link, .simple-page-container p.required { text-align: right; float: none; } .book-aptmnt .hdr-book { margin-top: 50px; } .book-aptmnt.book-cal .hdr-book { margin-top: 20px; } .book-aptmnt .txt-apt-blurb { width: 600px; margin: auto; } .txt-apt-blurb.underline { position: relative; margin-bottom: 20px; border-bottom: 1px solid transparent; padding-bottom: 20px; } .txt-apt-blurb.underline:before, .apt-question-wrap:before { background: #cccccc; content: ""; display: block; position: absolute; width: 60px; height: 1px; bottom: -1px; left: 50%; margin-left: -30px; } .book-aptmnt .txt-apt-blurb span { font-weight: bold; } /* Booking Calendar */ .book-aptmnt .calendar_table { margin-top: 50px; } .slot-col { width: 235px; float: right; text-transform: uppercase; } .slot-col:first-child { float: left; } .book-option { display: block; margin-bottom: 6px; } .book-option .rdio-wrap { float: left; margin-right: 7px; } .book-option input { float: left; position: relative; right: 21px; bottom: -1px; } .first-time-here label { text-transform: uppercase; } .gen-info { margin: 50px 0 35px; } .pixbooking-appointment-create .gen-info label { margin-bottom: 4px; font-style: normal; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-style: normal; font-size: 16px; } .gen-info .info-comments { width: 560px; margin: 15px auto 0; text-align: left; } .gen-info .info-comments textarea { display: block; width: 100%; height: 60px; } .pixbooking-appointment-create .apt-question { margin-bottom: 35px; } .pixbooking-appointment-success .main a { color: #ffffff; text-decoration: underline; } .book-new { text-align: center; } .frm-aptmnt h4 { margin-bottom: 20px; font-size: 12px; line-height: 10px; font-weight: normal; text-transform: uppercase; } .frm-aptmnt label { font: italic 12px/10px Georgia, Times, "Times New Roman", serif; } .frm-aptmnt .btn-continue .btn-skyblue { padding: 7px 40px 7px 40px; } .apt-question-wrap, .returning_only, .first_timers_only { display: none; } .apt-question-wrap { position: relative; margin-top: 20px; border-top: 1px solid transparent; padding-top: 20px; } .apt-question-wrap:before { top: -1px; bottom: inherit; } .apt-question-wrap .validation-advice { margin: 0 auto; } .apt-question-wrap > div { margin-bottom: 20px; } .apt-question-wrap label { display: inline-block; } .apt-question-wrap .required.caps { display: inline-block; margin-bottom: 35px; font-size: 12px; line-height: 10px; } .apt-question-wrap .rdio-wrap, .first-time-here .rdio-wrap { display: inline-block; position: relative; top: 3px; margin-right: 5px; } .first-time-here .rdio-wrap { right: 19px; bottom: 1px; } .pixbooking-appointment-createfitting .validation-advice, .apt-question .validation-advice, .pixbooking-appointment-create #options-time-container .validation-advice, .pixbooking-appointment-create #options-first-time-container.validation-advice { margin: 10px auto; } .pixbooking-appointment-create #options-first-time-container.validation-advice.visible { display: block; } .pixbooking-appointment-create #options-first-time-container { display: none; } .pixbooking-appointment-create #options-time-container { background: none; margin: 0 auto; } .pixbooking-appointment-create .btn-continue.btn-skyblue.blue-l { margin-top: 10px; } .boolean label:first-child { margin-left: 0; } .boolean label { margin: 0 30px; } .apt-question input[type="radio"] { margin-right: 8px; } .apt-question label input, .apt-question label span { display: inline-block; } .apt-question-wrap label, .first-time-here label:nth-of-type(1), .use-gift-card label { margin-right: 5px; } .desired-product { margin-bottom: 30px; } .prdt-list { width: 380px; margin: auto; } .prdt-list li { position: relative; float: left; width: 95px; margin-bottom: 20px; text-align: left; } .prdt-list li input { position: relative; top: -2px; margin-right: 10px; } .prdt-list li .input-text { position: absolute; top: -1px; left: 65px; } .off-the-rack { width: 530px; margin: 0 auto 35px; text-align: left; } .off-the-rack .ques-option { display: inline-block; position: relative; width: 235px; margin: 0 25px 15px 0; } .off-the-rack .radio-option-container { text-align: center; } #gift_card_number_wrap { margin-top: 20px; } .off-the-rack.apt-question label, .comp-name.apt-question label, #gift_card_number_wrap label, .captcha-wrap label { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-style: normal; } .comp-name.apt-question label { display: block; line-height: 14px; margin-bottom: 15px; } .off-the-rack .input-text { position: absolute; width: 60px; top: -1px; right: 0; } .comp-name .input-text { width: 310px; } .how-you-heard li, .wedding-is li, .wedding-guests li { display: inline-block; margin-right: 15px; } .how-you-heard .input-text { position: relative; top: -1px; } .add-comments textarea { width: 665px; height: 60px; } .fav-brand { width: 720px; margin: 0 auto 25px; } .fav-brand label { position: relative; } .fav-brand li { display: inline-block; width: 120px; margin: 0 20px 25px 0; text-align: left; vertical-align: top; } .fav-brand li input[type="checkbox"] { position: relative; top: -2px; margin-right: 10px; } .fav-brand .input-text { position: absolute; top: -6px; left: 65px; } .apt-question-wrap .captcha-wrap, .fitting-aptmnt .captcha-wrap { float: none; margin-bottom: 50px; } /* Reschedule Form */ .book-reschedule .captcha-wrap { float: none; } /* ========================================================================================================= @product-view ====================================================================================================== */ .catalog-product-view .window-overlay.active { position: fixed; } .catalog-product-view .page { padding-bottom: 0; } /* Product Images */ .product-imgs-box { float: left; width: 630px; } .product-imgs-box .flex-control-thumbs li { width: 144px; height: 94px; margin: 0 18px 22px 0; overflow: hidden; } .product-imgs-box .flex-control-thumbs li:first-child { margin-left: 0; } .product-imgs-box .flex-control-thumbs li:nth-child(4n+4) { margin-right: 0px; } /* Product Information */ .product-info-box { float: right; width: 310px; text-align: left; } .product-info-box h2 { font-size: 18px; } .product-info-box .al-name { margin-bottom: 2px; text-transform: uppercase; } .product-info-box .product-descrip { font-size: 14px; line-height: 18px; } .product-info-box .product-id {color: #999;} .product-shirt .product-id {display: none;} .product-suit .product-id {display: none;} .product-main-info .product-ids, .product-main-info .availability { display: none; } .product-main-info .price-box { margin: 30px 0; } .product-main-info .price-box .price { font: 18px/14px Arial, sans-serif; } .product-builder p.geo-itl { float: left; clear: both; } /* Product Options */ .unvisible { display: none !important; } .custom-attribute { margin-bottom: 5px; float: left; clear: both; } .custom-attribute .rdio-wrap, .custom-attribute input.radio, .custom-attribute input.radio + span, .custom-attribute .chbx-wrap, .custom-attribute input.checkbox { float: left; } .custom-attribute .rdio-wrap, .custom-attribute .chbx-wrap { clear: both; } .option input.radio { position: relative; right: 13px; bottom: -1px; opacity: 0; } .option input.radio + span { position: relative; left: -11px; bottom: 0; display: inline-block; } .option-grouping, .three-piece { position: relative; border-top: 1px solid #cccccc; padding: 18px 0; overflow: auto; overflow: visible; float: left; clear: both; width: 310px; height: auto; } .custom-attribute-group.closed { background: none; } .custom-attribute-group:first { border-top: none; } .txt-steps-completed.geo-itl { display: inline-block; position: absolute; top: 20px; right: 45px; font-size: 12px; line-height: 10px; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none; } .txt-steps-completed.missing { color: #999; } .txt-steps-completed.finished { color: #00b800; } .option-grouping.singularity .txt-steps-completed { display: none; } .btn-option-ctrl { background: url('../images/btn-option-ctrl.png') right top no-repeat; cursor: default; display: block; position: absolute; width: 12px; height: 11px; top: 20px; right: 15px; } .closed .btn-option-ctrl { background-position: left top; cursor: pointer; display: block; } .hdr-option-group { cursor: default; margin-bottom: 0; font-size: 18px; font-weight: normal; line-height: 14px; text-transform: uppercase; } .closed .hdr-option-group { cursor: pointer; } .option-grouping li.option:first-child. .three-piece li.option:first-child { padding-top: 10px; } .option-grouping li.option, .three-piece li.option { display: block; margin-top: 20px; float: left; clear: both; white-space: nowrap; } .option-grouping .option:first-child { margin-top: 20px; } .three-piece .option:first-child { margin: 0; } .option-grouping .option-title, .three-piece .option-title { display: block; margin-bottom: 8px; font-size: 12px; line-height: 10px; text-transform: lowercase; } .option-grouping .option-title span, .three-piece .option-title span { color: #ff0000; float: none; padding: 0; margin: 0; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none; } .option-grouping .rdio-wrap, .three-piece .rdio-wrap { display: inline-block; } .option-grouping span, .three-piece span { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; margin: 0 5px 6px 5px; } .option-grouping .option-item, .three-piece .option-item { display: inline-block; margin: 0 0 0 0; font: 12px/10px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; vertical-align: middle; clear: both; width: 100%; } .option .option-container.clear { clear: both; min-width: 153px; } .option .option-container { float: left; min-width: 0px; } .option .custom-attribute { padding-top: 6px; } .option select { width: 125px; height: 40px; position: relative; } .option-item select { opacity: 0; position: absolute; } .option .slct-wrap { width: 140px !important; height: 40px; position: relative; display: block; } .option .slct-wrap span { position: absolute; width: 85%; } .option-item input.input-text { padding: 11px 13px; } .option-item span { position: relative; p: -2px; } .option-item .slct-txt { height: 10px; top: 0; min-width: 125px; } .hey-look-options { /*width: 310px !important;*/ overflow: hidden; float: left; clear: both; } .hey-look-options input[type='checkbox'] { float: left; z-index: 9; position: relative; left: 2px; bottom: 18px; opacity: 0; } .hey-look-options .chbx-wrap + input[type='checkbox'] { clear: both; bottom: 14px; } .hey-look-options .option-txt .txt-limit .txt-bold { font-weight: bold; } .option-select span:nth-child(7n+7) { margin-right:75px; } .option-grouping.closed .hey-look-options { height: 0; } .validation-failed { background: none repeat scroll 0 0 #FAEBE7 !important; border: 1px solid #EB340A !important; color: #333333 !important; } .option-item.unvisible { margin: 0; } .option-item .swatch { width: 42px; height: 42px; margin: 0 9px 17px 0; outline: 1px solid transparent; border-color: #b2b2b2; padding: 0; line-height: 40px; } .option-item .large_swatch .swatch {height: 68px; width: 68px; overflow: hidden; line-height: 70px; } .option-item .swatch.selected { outline-color: #1e324b; border-color: #1e324b; } .option-item .swatch div, .option-item .swatch img { height: 100%; } .option-item .swatch .swatch-color { width: 44px; } .option-grouping .swatch-anchor { display: inline-block; position: relative; margin-left: 5px; color: red; font: italic bold 12px/12px Georgia,Times,"Times New Roman",serif; letter-spacing: 2px; } .option-grouping .swatch-anchor div { cursor: default; max-width: 261px; max-height: 261px; min-width: 41px; min-height: 41px; top: initial !important; right: 0; bottom: 16px; left: initial !important; border: 2px solid #000000; overflow: hidden; } .option-grouping .swatch-anchor div img { width: 100%; height: auto; } .option-grouping .swatch-anchor img { position: fixed; margin: 0px; padding: 0px; display: none; max-height: 263px; border: 2px solid #000000; z-index: 1000; } .product-builder .buttons-set { margin: 0; border-top: 1px solid #cccccc; padding: 5px 0 0; } form .buttons-set .btn-cart { margin-top: 25px; display: none; } .catalog-product-view .popup-block { width: 375px; } .popup-block .block-content { border: 4px solid #aeaeae; } #popup-validate .txt-steps-completed.finished, #popup-validate .btn-option-ctrl, #popup-validate h4 { display: none; } #popup-validate .option-grouping .option:first-child { margin: 0; } #popup-validate .option-grouping { border-top: none; padding: 0; } #popup-validate .option-grouping .option-title { display: inline; } #popup-validate .option-grouping .option-item { display: block; } #popup-validate .option-grouping.closed .hey-look-options { height: auto; } #popup-validate .input.option-item { margin: 0; } #popup-validate .input.option-item input { width: 318px; } #popup-validate .input.option-item .validation-advice { margin-top: 8px; } #popup-validate .option-item .slct-wrap { width: 154px !important; } #popup-validate .option-item .slct-txt { min-width: 0; width: 80px; text-transform: none; padding-top: 15px; } #popup-validate .hey-look-options { height: auto !important; } #popup-validate .hey-look-options li:first-child { display: block; padding-top: 10px; width: 319px; } #popup-validate .hey-look-options li:first-child .validation-advice { width: 220px; } #popup-validate .hey-look-options li .validation-advice { width: 142px; } #popup-validate .hey-look-options li.option { white-space: normal; margin-top: 5px; } #popup-validate .hey-look-options li { display: inline-block; width: 155px; } #popup-validate .hey-look-options li:last-child .option-item { margin-right: 0; } #popup-validate .popup-button-panel { margin: 0 0 10px 0; } #popup-validate .popup-button-panel a { padding: 9px 0 7px; text-align: center; width: 151px; margin-right: 5px; 'Raleway', "Trebuchet MS", Arial, sans-serif; font-weight: bold; margin-top: 5px; } #popup-validate .option .custom-attribute { width: 100%; } #popup-validate .hey-look-options li:nth-child(2) { float: left; } #popup-validate .hey-look-options li:nth-child(3) { float: right; clear: none; } #popup-validate .option select { width: 153px !important;} /* Products with multiple fabric options */ .custom-attribute-group.fabric-option-grouping { border-top: none; padding-top: 0; } ul.altonlanecatalog_qualityselector { border-top: 1px solid #cccccc; width: 100%; padding: 0px 0px 0px 2px; } .altonlanecatalog_qualityselector li { display: inline-block; padding: 20px 0px; position: relative; } .altonlanecatalog_qualityselector li span { border: 1px solid #ffffff; } .altonlanecatalog_qualityselector li a { color: #ffffff; padding: 9px 7px; margin-right: 1px; background: #b2b2b2; font-size: 15px; font-weight: bold; } .altonlanecatalog_qualityselector li a:before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; border: 1px solid #ffffff; } .altonlanecatalog_qualityselector li a.active { background: #06006f; border: 2px solid #1e324b; position: relative; } .altonlanecatalog_qualityselector_container #related-please-wait { padding-bottom: 8px; float: left; } /* Product Overview */ .product-detail-container { margin-top: 50px; } .prdt-overview-box { float: left; width: 465px; margin-bottom: 45px; } .product-specification .prdt-overview-box:nth-child(2n+1) { margin-left: 30px; } .prdt-overview-title { margin-bottom: 18px; font-size: 11px; line-height: 10px; text-transform: uppercase; font-weight: normal; } .prdt-overview-box span { display: block; width: 100%; height: 170px; overflow: hidden; } .prdt-overview-box span img { width: 100%; height: auto; } .prdt-overview-box h4 { margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #999999; padding-bottom: 15px; font-size: 13px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; } .prdt-overview-box p { margin-bottom: 20px; font-size: 13px; font-style: normal; line-height: 18px; } .product-extras-box { clear: both; } .product-details { clear: both; } /* Product Details */ .product-detail { margin: 24px 30px 0 0; width: 484px; float: left; } .product-detail.right { margin: 24px 0 0 0; } .product-detail .product-detail-header { font-size: 20px; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; color: white; width: 100%; padding: 10px 0; letter-spacing: 2px; border-bottom: 1px solid white; } .product-detail p { padding: 20px 0 0; line-height: 21px; letter-spacing: 0.3px; font-family: 'Garamond'; font-size: 16px; } .product-detail p.extra { padding: 5px 0 0; } .product-descrip .product-id {color: #999; text-transform: uppercase; font-size: 10px;} /* ======================================================================================================= */ .tab-list { position:relative; } .tab-list .tab { float:left; cursor:pointer; } .tab-list .last {} .tab-list .active { cursor:default } .tab-list .tab-container { position:absolute; left:0; width:100%; } .tab-list .tab-content {} .collateral-tabs { padding-bottom:20px; margin:0; } .collateral-tabs .tab { position:relative; z-index:2; margin-right:3px; background:#dedede; color:#222; padding:0 0 0 17px; font-size:12px; } .collateral-tabs .tab span { padding:0 17px 0 0; line-height:24px; float:left; } .collateral-tabs .last {} .collateral-tabs .active { color:#000; font-weight:bold; z-index:3; border-bottom:0; background:#fff; } .collateral-tabs .active span { background-position:100% 0; padding-bottom:1px; } .collateral-tabs .tab-container { z-index:1; top:24px; background:#fff; } .collateral-tabs .tab-content { padding:30px 25px; background:#fff; border:1px solid #c4c4c4; font-size:12px; } .collateral-tabs .tab-content object, .collateral-tabs .tab-content embed { width:100% !important; height:auto !important; } /* Product Images */ .product-view .product-img-box { float:left; width:370px; padding:26px 46px 26px 45px; } .product-view .product-img-box .product-image img { background:#fff; } /*IE8 PNG Fix */ .product-view .product-img-box p.notice { text-align:center; padding:5px 0; font-size:11px; } .product-view .product-img-box .product-image { position:relative; width:370px; height:370px; overflow:hidden; z-index:3; } .product-view .product-img-box .product-image-zoom { position:relative; width:370px; height:370px; overflow:hidden; z-index:3; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views { margin:10px 0 0; padding:0 0 0; } .product-view .product-img-box .more-views h2 { display:none; } .product-view .product-img-box .more-views ul {} .product-view .product-img-box .more-views li { float:left; border:1px solid #ddd; margin:0 6px 6px 0; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { clear:none; line-height:28px; margin:0 0 10px; float:right; width:150px; text-align:right; } .product-image-popup .buttons-set .button { vertical-align:middle; float:none; } .product-image-popup .image { display:block; clear:both; margin:15px auto 15px; } .product-image-popup .image-label { font-size:14px; text-align:left; clear:both; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .product-image-popup .nav { text-align:center; margin:0 auto; width:120px; } .product-image-popup .nav .prev, .product-image-popup .nav .next { margin:0 15px; display:inline; background:url(../images/bkg_slide-button.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer; width:28px; height:28px; z-index:2; overflow:hidden; float:left; } .product-image-popup .nav .prev { left:-19px; float:left; } .product-image-popup .nav .next { right:-19px; float:right; background-position:0 -40px; } /* jQzoom */ div.jqZoomTitle { z-index:5000; text-align:center; position:absolute; top:0; left:0; width:100%; color:#fff; background:#999; } .jqZoomPup { overflow:hidden; background-color:#fff; z-index:10; border-color:#fff; border-style:solid; cursor:crosshair !important; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; opacity:0.6; */ } a.product-image { cursor:pointer !important; } p.product-image { cursor:default !important; } .zoom-activated {} .jqZoomPup img { border:0; } .preload { text-decoration:none; border:1px solid #ccc; padding:8px; text-align:center; background:#fff url(../images/zoomloader.gif) no-repeat 43px 30px; width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); } .jqZoomWindow { border:1px solid #ccc; background-color:#fff; } /* Availability */ .availability { font-weight:bold; } .availability.in-stock { color:#1b6800; } .availability.out-of-stock { color:#cf3a00; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(../images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat ; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#d12c01; } .availability-only-details { margin:0 0 7px; border:1px solid #d9d9d9; } .availability-only-details thead { background:url(../images/bkg_thead.gif) repeat-x scroll 0 0 #e8e8e8; } .availability-only-details th, .availability-only-details td { padding:2px 8px; } .availability-only-details th { border-bottom:1px solid #d9d9d9; font-size:10px; text-transform:uppercase; } .availability-only-details td { background:#fff; font-size:11px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } /* Product Prices [start] ================================================================ */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:normal; } /* Old price */ .old-price { text-decoration:line-through; color:#989696; } .old-price .price-label { white-space:nowrap; color:#989696; } .old-price .price { font-weight:normal; text-decoration:line-through; color:#989696; } .sidebar .old-price .price-label { display:none !important; } /* Special price */ .special-price {} .special-price .price-label { white-space:nowrap; color:#c73615; font-weight:bold; } .special-price .price { font-weight:bold; color:#c73615; } .sidebar .special-price .price-label { display:none !important; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; margin:5px 0; text-decoration:none; } a.minimal-price-link:hover { text-decoration:underline; } .minimal-price-link .label { font-weight:bold; } .minimal-price-link .price { font-weight:bold; } /* 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 { font-weight:bold; } /* Configured price */ .configured-price {} .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:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* 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 {} .price-from .price-label { white-space:nowrap; } .price-from .price { white-space:nowrap; } .price-to {} .price-to .price { white-space:nowrap; } .price-to .price-label { white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label {white-space:nowrap; } .price-as-configured .price { font-size:14px; color:#e55100; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Product Prices [end] ================================================================== */ /* Tier Prices */ .product-pricing { background:#fbf4de; border:1px solid #e2d4c7; padding:8px; margin:20px 0; } .product-pricing li { line-height:1.35; margin:2px 0; } .product-pricing li .price { font-weight:bold; } .product-pricing li .benefit { font-weight:bold; } /* Add to Cart */ .add-to-cart {} .add-to-cart label { font-size:12px; vertical-align:middle; font-weight:bold; margin-right:5px; text-transform:capitalize; } .add-to-cart .qty { vertical-align:middle; margin-right:10px; width:60px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .add-to-cart-alt { white-space:nowrap; padding:5px 0; } .add-to-cart-alt .qty { margin-right:5px; } .add-to-cart-alt .qty, .add-to-cart-alt .button { vertical-align:middle; } button.btn-cart span {} /* On product view */ .product-view .product-essential button.btn-cart span, .add-to-cart button.btn-cart span {padding:0 0 0 13px !important; height:27px!important; } .product-view .product-essential button.btn-cart span span, .add-to-cart button.btn-cart span span { border:0; padding:1px 32px 0 19px !important; color:#fff; font:bold 15px/26px Arial, Helvetica, sans-serif !important; height:26px; text-transform:none; } .product-view .product-essential button.btn-gr span span, .add-to-cart button.btn-gr span span { font-size:14px !important; padding:1px 18px 0 10px !important; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Product Options */ .product-options { margin:10px 0 0; } .product-options dt label { font-weight:bold; font-size:12px; } .product-options dt .required em { margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:5px 0 15px; padding:0 0 12px; border-bottom:1px solid #e7e7e7; } .product-options dl.last dd.last {} .product-options dd .input-box { display:block; padding-right:20px; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd .time-picker select { vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list li { vertical-align:middle; margin:0; padding:2px 0; line-height:1.315; } .product-options .options-list input.radio { float:left; margin:2px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:2px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options .validation-error .options-list, .product-options ul.validation-failed { padding:2px 1px !important; position:relative; z-index:2; top:-3px; left:-2px; margin-right:-2px; } .options-container-small .product-options .validation-error .options-list, .options-container-small .product-options ul.validation-failed { padding:0 1px !important; position:relative; z-index:2; top:-1px; left:-2px; margin-right:-2px; } .product-options li { margin:3px 0; } .product-options-bottom .product-pricing { clear:both; } .product-view .product-options-bottom { padding:0; margin:0 0 5px; } .product-view .product-options-bottom .add-to-cart { float:left; padding-right:15px; padding-bottom:20px; } .product-view .product-options-bottom .price-box { margin:0 !important; float:right; } .product-view .product-options-bottom p.required { padding:5px 0 0; clear:both; text-align:right; width:auto; } /* Options in product info column */ .options-container-small { margin:20px 0 0; } .options-container-small .product-options-bottom { float:left; } .options-container-small .product-pricing { display:none; } .options-container-small .price-box { display:none; } .options-container-small .add-to-cart { padding:13px 15px 0 0 !important; } .options-container-small .product-options-bottom p.required { padding:0 0 0 90px; width:auto; float:left; clear:left; text-align:left; } .options-container-small dt { clear:left; float:left; line-height:1.2; width:10em; padding:3px 5px 3px 0; margin:0 0 8px; } .options-container-small dd { float:left; width:275px; border-bottom:0; padding:0; margin:0 0 8px; } .options-container-small .product-options { margin:0 0 0; } /* Options after product info column */ .options-container-big { clear:both; border-top:1px solid #cccccc; } /**/ #bundle-product-wrapper { margin:-1px -20px -21px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; float:left; width:938px; overflow:hidden; position:relative; z-index:1; } #bundleProduct { width:1877px; background:#fff; z-index:1; position:relative; } #productView { margin:0; position:static; border:0; } #options-container { min-height:510px; width:938px; position:relative; z-index:2; float:right; border-left:1px solid #cfcfcf; background:#fff url(../images/bkg_cols.gif) repeat-y 460px 0; left:-1px; } #options-container h1 { text-align:left; } #bundleProduct .add-to-links { float:none; } /* Bundle Product 2 column design */ .col2-left-layout #bundle-product-wrapper, .col2-right-layout #bundle-product-wrapper { width:755px; } .col2-left-layout #bundleProduct, .col2-right-layout #bundleProduct { background-position:574px 0; width:1511px; } .col2-left-layout #options-container, .col2-right-layout #options-container { background-position:277px 0; left:-1px; width:755px; } .col2-left-layout #options-container .product-options, .col2-right-layout #options-container .product-options { width:459px; } .col2-left-layout #options-container .product-options-bottom, .col2-right-layout #options-container .product-options-bottom { width:429px; } .col2-left-layout .bundle-summary, .col2-right-layout .bundle-summary { left:460px; } /* Bundle Product 3 column design */ .col3-layout #bundle-product-wrapper, .col3-layout #options-container { width:572px; } .col3-layout #bundleProduct { background-position:390px 0; width:1144px; } .col3-layout #options-container { background-position:94px 0; } .col3-layout #productView { margin-right:-10px; } .col3-layout #options-container .product-options { width:276px; } .col3-layout #options-container .product-options-bottom { width:246px; } .col3-layout #options-container .product-options-bottom .price-box { float:none; } .col3-layout .bundle-summary { left:277px; } #options-container .product-options { font-size:12px; margin-top:0; font-size:11px; z-index:1; margin:0; width:600px; padding:20px 20px 0; clear:both; position:relative; z-index:1; } #options-container .product-options-bottom { padding:0 20px 20px; width:600px; margin:0 0 5px; } #options-container .product-options-bottom .add-to-cart { float:right; margin:0 0 0 20px; } #options-container .product-options-bottom .price-box { margin:0 0 15px; float:right; } #options-container .product-options-bottom p.required { padding:5px 0 0; width:auto; clear:both; text-align:right; } .moving-now {} .bundle-summary { background:#fff; position:absolute; z-index:2; left:643px; margin-top:0; padding:20px; width:256px; } .bundle-summary .product { background:#fff; border-bottom:1px solid #ddd; margin-bottom:10px; padding:10px 8px; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .product .block-title { background:none; border:solid #e6e6e6; border-width:0 0 1px; margin:0 0 10px; padding:5px 0; position:relative; } .bundle-summary .product .block-title h2 { color:#5a5a5a; font-weight:normal; padding-left:5px; } .bundle-summary .product-image { border:1px solid #d6d6d6; float:left; margin:0 -60px 0 0; } .bundle-summary .product-details {} .bundle-summary .product-details p.availability { font-weight:bold; font-size:11px; margin:28px 0 0; position:relative; } .bundle-summary .price-box { margin-bottom:35px; } .bundle-summary .price-box .price-as-configured .price { font-weight:normal; } .bundle-summary .price-box .price-as-configured .price-label { color:#010101; font-size:14px; font-weight:normal; margin-right:10px; } .bundle-summary .product-name { font-size:16px; color:#111; } .bundle-summary .product .add-to-links { border-top:1px solid #e6e6e6; margin-top:10px; padding:7px 0 2px 5px; } .bundle-summary .product .add-to-links .clickable > strong, .bundle-summary .product .add-to-links a { color:#ef5d24; font-weight:bold; } .bundle-summary .product .add-to-links li { display:inline-block; } .bundle-summary .product .add-to-links li:first-child { margin-right:15px; } .bundle-summary .summary { padding:10px 8px !important; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .summary h4 { border-bottom:1px solid #e6e6e6; color:#5a5a5a; font-size:14px; font-weight:normal; padding:0 0 5px 5px; } .bundle-summary .summary ul { margin:6px 0 10px; } .bundle-summary .summary li { background:url(../images/bkg_dots.gif) repeat-x bottom; margin:0; padding:11px 0 7px; } .bundle-summary .summary .last { background:none; padding-bottom:0; } .bundle-summary button.btn-cart span, .bundle-summary button.btn-cart span span { background-image:url(../images/bg_bundle_btn.gif); font-weight:normal !important; height:23px !important; line-height:23px !important; padding:0 0 0 18px !important; } .bundle-summary button.btn-cart span span { padding:0 18px 0 0 !important; } .bundle-summary .add-to-cart .qty { margin-right:80px; } .bundle-summary .add-to-cart button { margin:10px 0 0; } .bundle-summary .add-to-cart .paypal-logo { text-align:left; } .bundle-summary .add-to-cart .paypal-or { margin:5px 0 5px 42px; } #bundleProduct .page-title a { color:#ef5d24; position:relative; text-decoration:none; top:4px; } #bundleProduct .page-title a:hover { text-decoration:underline; } #bundleProduct .page-title a small { font-size:14px; font-weight:bold; } #bundleProduct .product-options { padding:0; width:642px; } #bundleProduct .product-options dt, #bundleProduct .product-options dd { background:url(../images/bg_bundle_options.png) repeat-x; } #bundleProduct .product-options dd { background-position:0 -33px; border-bottom:1px solid #bfbfbf; margin:0; padding:20px 10px 20px 30px; } #bundleProduct .product-options dt { border-bottom:1px solid #e6e6e6; color:#010101; line-height:32px; padding:0 10px 0 30px; } #bundleProduct .product-options dl.last .last { border-bottom:none; } #bundleProduct .product-options p.required { padding:0; position:absolute; right:10px; top:10px; } #bundleProduct .product-options-bottom { background:url(../images/bg_bundle_options_bottom.png) repeat-x 0 0; padding:11px 15px 0; width:612px; } #bundleProduct .product-options-bottom a { color:#ef5d24; font-size:11px; font-weight:bold; text-decoration:none; } #bundleProduct .product-options-bottom a:hover { text-decoration:underline; } #bundleProduct .product-options-bottom a small { font-size:14px; } #bundleProduct .product-options-bottom .price-as-configured { font-size:11px; } #bundleProduct .product-options-bottom .price-as-configured .price { font-size:12px; vertical-align:baseline; } #bundleProduct .product-options-bottom .price-as-configured .price-label { color:#010101; font-weight:bold; margin-right:15px; } /* Grouped Product */ .groped-product-type { position:relative; z-index:2; margin:20px -30px -20px; background:#fff; border-top:1px solid #cfcfcf; padding:20px 30px 0; } .grouped-items td { vertical-align:middle; padding:5px 10px; } /* Gift Card product */ .product-gift-card .rdio-wrap, .product-gift-card .chbx-wrap { display: inline-block; } .product-gift-card input.radio, .product-gift-card input.checkbox { position: relative; vertical-align: top; left: -14px; top: 1px; opacity: 0; } .product-gift-card input + span { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; position: relative; vertical-align: top; left: -10px; } .product-gift-card .send-card { margin: 15px 0 10px; font-weight: bold; } .product-gift-card input.input-text, textarea { padding: 10px 10px; } .product-gift-card .product-view .product-options-bottom { margin:20px 0 0; } .product-gift-card .options-container-big { border-top: none; } .product-gift-card .form-list .validation-advice { padding-top: 5px !important; } .product-gift-card .form-list label { padding: 0 15px 0 0; } .giftcard-form {} .product-gift-card .product-options { margin: 0; } .giftcard-amount-form .radio { vertical-align: top; } .giftcard-amount-form { margin:0 0 10px; } .giftcard-amount-form label { width:120px; text-align:left; padding-right:5px; } .giftcard-amount-form .form-list .input-text { width:70px; } .giftcard-amount-form .form-list select { width:90px !important; } .giftcard-amount-form .form-list .input-box { padding-right:20px; margin-right:9px; } .giftcard-amount-form .form-list .input-box .v-fix { white-space:nowrap; } .giftcard-amount-form .form-list .input-box p.notice { float:left; padding:0; clear:left; width:55px; margin:5px -100px 0 0; white-space:nowrap; font-size:11px; position:relative; z-index:1; } .giftcard-amount-form .form-list .input-box p.notice span { margin-right:5px; display:block; } .giftcard-send-form { background:#fff; z-index:2; position:relative; padding:10px 0px 10px; margin:0 -30px -30px; } .giftcard-send-form .fields .field { margin-bottom: 10px; } .giftcard-send-form label { width:120px; text-align:left; padding-right:5px; padding-bottom:5px; } .giftcard-send-form .field label { padding-bottom:0; } .giftcard-send-form .field .input-text { width:249px !important; } .product-gift-card .product-info-box { padding: 0 22px; } .product-gift-card span.validation-error, .product-gift-card div.validation-error, .product-gift-card span.validation-passed, .product-gift-card div.validation-passed { padding: 0; } .product-gift-card .product-info-box { width: 330px; } .product-gift-card .giftcard-amount-form { display: inline-block; width: 50%; margin-bottom: 0; } .product-gift-card .giftcard-quantity { display: inline-block; vertical-align: top; } .product-gift-card .giftcard-quantity label, .product-gift-card .giftcard-quantity input { float: left; clear: both; vertical-align: top; width: 30px; } .product-gift-card .giftcard-amount-form .form-list .input-box { padding-right: 0; } .product-gift-card .std.al_related_description { margin-bottom: 25px; } .product-gift-card .add-to-cart { margin-top: 10px; } .product-gift-card #options-selector-container.validation-advice { background: none; } /* Block: Related */ .product-view .box-related { font-size:11px; } .product-view .box-related p { margin:0; } .product-view .box-related .product-name { font-size:12px; } .product-view .box-related .price-box { margin:8px 0; } .product-view .box-related .note { padding:5px 20px; margin:0; font-size:12px; background:#f7edda; } .product-view .box-related .note, .product-view .box-related .note a { color:#d02600; } .product-view .box-related input.checkbox { position:absolute; margin:3px 0 0 105px; } .product-view .box-related ol { padding:20px 0 20px 20px !important; } .product-view .box-related li.item .item-info { margin-right:20px; } .product-view .box-related li.item { width:31.5%; float:left; margin-right:1%; } .product-view .box-related li.item p a { color:#999; } .product-view .box-related li.item .product-image { float:left; margin-right:-100px; width:100px; } .product-view .box-related li.item .product-details { margin-left:125px; } /* 3 Column Block: Related */ .col3-layout .product-view .box-related li.item .product-image { display:block; float:none; margin:0 auto; } .col3-layout .product-view .box-related li.item .product-details { margin-left:0; } .col3-layout .product-view .box-related input.checkbox { margin-left:135px; } /* Block: Upsell */ .product-view .box-up-sell .products-grid { padding:30px 0 10px 61px; margin:0; } .product-view .box-up-sell .products-grid li { width:176px; margin-right:40px; display:inline; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags h3 { font-size:12px; font-weight:normal; } .product-view .box-tags .form-add-tags { padding:5px 0 0 0; } .product-view .box-tags .form-add-tags label { margin:0; font-weight:bold; font-size:12px; padding:2px 15px 0 0; height:4em; float:left; } .product-view .box-tags .form-add-tags .input-box { margin:0; display:inline-block; } .product-view .box-tags .form-add-tags div.validation-passed, .product-view .box-tags .form-add-tags div.validation-error { padding-right:17px; } .product-view .box-tags .form-add-tags input.input-text { width:300px; } .product-view .box-tags .form-add-tags button.button { margin-left:5px; vertical-align:top; } .product-view .box-tags .form-add-tags p { padding:5px 0; font-size:11px; } .product-view .box-tags .tags-list { margin:15px 0; line-height:1.5em; } .product-view .box-tags .tags-list li { display:inline; font-size:10px; margin:0 5px 0 0; } .product-view .box-tags .tags-list li a { text-decoration:none; font-size:12px; margin:0; padding:3px; background:#fffcf0; } .product-view .box-tags .tags-list li a:hover { text-decoration:underline; } .product-view .box-tags .form-add-tags .input-box, x:-moz-any-link { float:left; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .button, x:-moz-any-link { margin-bottom:15px; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .input-box, x:-moz-any-link, x:default { float:none; }/* FireFox 3 restore */ .product-view .box-tags .form-add-tags .button, x:-moz-any-link, x:default { margin-bottom:0; }/* FireFox 3 restore */ /* Block: Reviews */ .product-view .product-main-info .review-summary-table { margin:10px 0; } .review-summary-table { border:0; margin:0 0 10px; } .review-summary-table th, .review-summary-table td { padding:2px 5px; } .review-summary-table tr.last td { border:0; } .review-summary-table th.label, .review-summary-table td.label { width:1px; white-space:nowrap; padding-left:0; background:none; } .product-view .box-reviews .pager { border-width:1px 0; margin:0; } .product-view .box-reviews dt { margin:10px 0; font-style:italic; } .product-view .box-reviews dt a { font-weight:bold; font-style:normal; margin-right:10px; } .product-view .box-reviews dd { margin:10px 0 20px; padding:0 0 10px; } .product-view .box-reviews dd p { margin:0 0 10px; } .product-view .box-reviews dd .date { margin:0 0 10px; font-style:italic; } .product-view .box-reviews dd.last { background:none; margin-bottom:0; } /* Add Review Form */ .product-view .box-reviews .product-name { font-weight:normal; margin-bottom:20px; } .product-view .box-reviews .product-name span { font-weight:bold; } .product-view .box-reviews .form-list { margin:15px 0; } .product-view .box-reviews .form-list .input-box {} .product-view .box-reviews .form-list .review-summary-table thead { background:none; } .product-view .box-reviews .form-list .review-summary-table thead th { background:none; border:0; } .product-view .box-reviews .form-list .review-summary-table .value { text-align:center; } /* ========================================================================================================= @measurement-pages ====================================================================================================== */ .measurement .page { padding-bottom: 15px; } .measurements-wrapper em { font-weight: bold; } .measurements-wrapper h2 { text-transform: uppercase; font-size: 18px; } .measurements-heading { text-align: center; margin: 20px 0; } .measurements-heading h2 { border-bottom: 1px solid #cccccc; display: inline; padding-bottom: 5px; } .measurements-heading hr { margin-bottom: 15px; } .measurements-wrapper .third { display: inline-block; width: 31%; margin-left: 24px; vertical-align: top; text-align: center; } .measurements-wrapper .third:first-child { margin-left: 0; } .measurements-wrapper .third h2 { font-size: 1.7em; margin-top: 4px; margin-bottom: 8px; } .measurements-wrapper .third hr { margin-bottom: 15px; } .measurements-wrapper .third p { margin-bottom: 20px; font-size: 14px; height: 70px; } .measurements-wrapper .third a.btn-skyblue { padding: 6px 40px; } .measurements-wrapper .measurements-content { padding-bottom: 55px; border-bottom: 1px solid #cccccc; } .measurements-wrapper .left { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; } .measurements-wrapper .left h2 { font-size: 18px; } .measurements-wrapper .left span { font-size: 14px; } .measurement .homepage-bottom-nav-container { clear: both; } .measurements-wrapper.send-garment-wrapper h2, .measurements-wrapper.send-garment-wrapper p { text-align: left; } .measurements-wrapper.send-garment-wrapper div { margin-top: 25px; text-align: left; } .measurements-wrapper.send-garment-wrapper .third a { color: #1e324b; } .measurements-wrapper.send-garment-wrapper .third p { font-size: 14px; } .measurements-wrapper.send-garment-wrapper .third { border-bottom: 1px solid #cccccc; padding: 0 10px 20px; margin-left: 0; width: 34%; } .measurements-wrapper.send-garment-wrapper .third .btn-skyblue { padding: 11px 24px; } .measurements-wrapper .measurement-form { display: inline-block; vertical-align: top; } .measurements-wrapper.measure-yourself-wrapper .measurements-content { padding: 40px 0 40px 45px; background-color: #e5e5e5; margin: 10px 0 10px; position: relative; } .measurements-wrapper.measure-yourself-wrapper .left { margin-top: 0; padding-top: 30px; border-top: 1px solid #cccccc; } .measurements-wrapper.measure-yourself-wrapper .measurement-form { padding-left: 45px; width: 32%; } .measurements-wrapper.measure-yourself-wrapper .buttons { position: absolute; bottom: 0; } .measurements-wrapper.measure-yourself-wrapper .measurement-form #error-msg { color: #df280a; padding-top: 10px; width: 245px; text-align: center; font-weight: bold; margin-bottom: 10px; } .measurements-wrapper.measure-yourself-wrapper .measurement-form .btn-skyblue { width: 120px; padding: 11px 0; position: relative; bottom: 45px; } .measurements-wrapper.measure-yourself-wrapper .measurement-form .btn-skyblue[disabled="disabled"] { opacity: .5; } .measurements-wrapper.measure-yourself-wrapper .measurement-form .btn-skyblue.next { margin-left: 20px; } .modal-box { border: 4px solid #aeaeae; } .modal-box .btn-close { background: url('../images/btn-option-ctrl.png') right top no-repeat; cursor: pointer; display: block; position: absolute; width: 12px; height: 15px; top: 15px; right: 15px; text-indent: -9999px; } #confirm-modal, #leaving-measurements { font-family: Georgia; font-size: 16px; font-style: italic; text-align: center; width: 514px; } #confirm-modal .pixafy-modal-dismiss, #leaving-measurements .pixafy-modal-dismiss { font-size: 12px; text-decoration: underline; font-weight: bold; cursor: pointer; } #confirm-modal .modal-cntnt { padding: 30px 50px } #confirm-modal label { font-size: 12px; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; font-style: normal; margin: 22px; display: block; } #confirm-modal button span, #confirm-modal button { margin: 0px; } #confirm-modal button span { height: 12px; color: #fff; padding: 0px 60px; } #confirm-modal .btn-skyblue { padding: 10px 10px; } #confirm-modal .pixafy-modal-dismiss, #leaving-measurements .pixafy-modal-dismiss { font-size: 12px; text-decoration: underline; font-weight: bold; cursor: pointer; } .progress-bar { text-align: left; height: 10px; width: 100%; overflow: hidden; background: #e5e5e5; } .progress-bar div { height: 10px; background: #1e324b; } /* Option to use existing pattern */ .altonlanemeasurements-index-existingpattern .simple-page-container p { margin-bottom: 15px; } /* ========================================================================================================= @acct-login ====================================================================================================== */ .acct-login .page-head { margin:0; padding: 0; height: 60px; visibility: hidden; } .acct-login .registered-users, .acct-login .new-users { width: 410px; } .acct-login .new-users { float: right; } .acct-login .login-box label, .acct-login .login-box textarea, .acct-login .login-box .input-text, .acct-login .customer-dob.input-box { float: none; } .acct-login .login-box label { } .acct-login .login-box input.input-text { width: 100%; margin-top: 6px; } .acct-login .login-box textarea { width: 100%; height: 80px; } .registered-users .form-list li { margin-bottom: 30px; } .registered-users p.required { clear: right; padding-top: 10px; } .new-users .contact-fields .input-wrap { float: right; width: 47%; } .new-users .contact-fields .input-wrap:first-child { float: left; } .ipt-whole { margin-top: 30px; } .new-users .button-set { margin-top: 45px; } .captcha-wrap { float: left; } .acct-login .login-box .captcha-wrap label { float: left; text-align: left; } .acct-login .login-box .captcha-wrap input.input-text { float: left; width: 40px; margin: 0 0 0 20px; padding: 11px 10px 10px; } .registered-users p.required, .new-users p.required { clear: right; padding-top: 10px; } /* ========================================================================================================= @my-account ====================================================================================================== */ .my-acct .bread-crumbs { margin-bottom: 28px; border-bottom: 1px solid #cccccc; } .inner-head { position: relative; text-align: left; } .inner-head h4 { float: none; } .inner-head a, .inner-head .blue-link { position: absolute; top: 0px; left: 71%; } .blue-link { position: relative; padding-right: 10px; color: #1e324b; font-size: 14px; font-weight: bold; line-height: 12px; text-decoration: underline; text-transform: lowercase; } .blue-link:before { background: url('../images/arrow-right-blue.png') left top no-repeat; content: ""; display: block; position: absolute; width: 6px; height: 7px; top: 4px; right: 0px; } .blue-link:hover { color: #6d6f71; } .blue-link:hover:before { background-position: right top; } button.blue-link { background: none; cursor: pointer; border: none; border-bottom: 1px solid; text-decoration: underline; } .acct-box { margin-bottom: 40px; } .float-link { position: relative; } .float-link .blue-link { position: absolute; bottom: 4px; left: 71%; } .float-link .blue-link.link-one { bottom: 32px; } /* Left Column */ .my-acct .col-left { width: 280px; font: 14px/12px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .my-acct .col-left li { margin-bottom: 20px; } .my-acct .col-left li.current { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; } .my-acct .col-left li.current strong { font-weight: normal; } .my-acct .col-left li.current span { background: url('../images/arrow-right-bold.png') right center no-repeat; display: inline-block; width: 8px; height: 10px; } .my-acct .col-left li a:hover { color: #1e324b; } .my-acct .col-main { width: 605px; float: right; padding: 0; font-size: 14px; line-height: 20px; } /* User Information */ .customer-account-edit {} .acct-info { margin: 20px 0 40px; } .acct-info .form-list, .acct-info .buttons-set { width: 490px; } .acct-info .form-list label { display: block; float: none; width: auto; margin-bottom: 7px; padding: 0; font-size: 12px; font-weight: normal; line-height: 10px; text-align: left; } .acct-info .form-list .input-box { float: none; } .acct-info .form-list input.input-text, .acct-info .form-list textarea, .acct-info .slct-wrap { float: none; width: 100%; } .change-usr-info.fieldset { margin-bottom: 40px; } .acct-info .fields { margin-bottom: 21px; } .acct-info .fields .field:first-child { float: left; } .acct-info .field { float: right; width: 47%; } .acct-info .form-list .customer-dob .dob-year { margin-left: -1px; margin-right: 0; } .acct-info .form-list .customer-dob .dob-year .input-text { width: 95px; } .form-list .control.ctrl-pswrd .input-box { margin-left: 115px; } /* User Addresses */ .add-address .address-info { margin-top: 50px; } .form-list .control.set-defaults .input-box { margin-left: 215px; } .customer-addresses .float-link .blue-link { left: 66%; } /* My Orders */ #my-orders-table { font-size: 12px; } #my-orders-table a { color: #1e324b; } #my-orders-table a:hover { color: #6d6f71; text-decoration: underline; } .links-blue { float: right; } .links-blue a { color: #1e324b; font-size: 14px; font-weight: bold; line-height: 12px; text-decoration: underline; text-transform: lowercase; } .links-blue a:hover { color: #6d6f71; } .sales-order-view .order-info dt { padding-left: 0; color: #444; font: 14px/12px 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; } .sales-order-view .order-info dd { border-bottom: 1px solid #c4c4c4; } #my-orders-table h1, #my-orders-table h2, #my-orders-table h3, #my-orders-table h4, #my-orders-table h5, #my-orders-table h6, #my-orders-table strong { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-weight: normal; } /* Giftcard */ .giftcardaccount .form-list label, .giftcardaccount .form-list .input-box { float: none; } /* Forgot Password page */ .customer-account-forgotpassword .simple-page-container li { float: none; text-align: left; } /* Reset Password Page */ .customer-account-resetpassword .simple-page-container .fieldset { margin-top: 15px; } .customer-account-resetpassword .simple-page-container .fieldset .field { padding-top: 15px; text-align: left; } .customer-account-resetpassword .simple-page-container .buttons-set { margin-top: 15px; } /* Log Out page */ .simple-page-container.log-out { text-align: left; margin-top: 150px; width: 45%; } .simple-page-container.log-out h2 { text-transform: uppercase; font-size: 24px; } .simple-page-container.log-out p { font-size: 17px; line-height: 20px; } /* ========================================================================================================= @cart ====================================================================================================== */ .cart .pg-banner .blue-link { top: 50%; right: 0; bottom: inherit; left: inherit; margin-top: -7px; } .tbl-shop-cart { width: 100%; font-size: 12px; text-transform: uppercase; } .tbl-shop-cart thead { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-weight: bold; } .tbl-shop-cart thead th { border-bottom: 1px solid #cccccc; padding-bottom: 5px; font-size: 10px; font-weight: bold; line-height: 8px; text-transform: uppercase; } .tbl-shop-cart tbody td { border-bottom: 1px solid #cccccc; padding: 15px 0 25px; vertical-align: middle; } .tbl-shop-cart .cart-price .price { padding-left: 0; } #shopping-cart-table.tbl-shop-cart .attributes-col a { display: block; float: left; margin-right: 18px; } .td-prod-img a { display: block; margin-right: 18px; } .tbl-shop-cart .td-prod-img a img { border: 1px solid #cccccc; padding: 5px; } .tbl-shop-cart h4.product-name { float: left; font-size: 18px; line-height: 16px; text-transform: uppercase; } .tbl-shop-cart h4.product-name a { color: #000000; text-decoration: none; } .tbl-shop-cart h4.product-name a:hover { color: #000000; cursor: text; } #shopping-cart-table button, .checkout-types button.btn-skyblue { 'Raleway', "Trebuchet MS", Arial, sans-serif; font-weight: bold; padding: 9px 50px 7px; } #shopping-cart-table.tbl-shop-cart .button.dark-grey { padding-left: 15px; padding-right: 15px; margin-left: 10px; } .td-qty input.input-text { width: 20px; padding: 2px 1px 1px; text-align: center; } .td-remove a { display: inline-block; width: 18px; height: 18px; border: 1px solid #cccccc; } .td-remove a img { padding: 5px; } .tbl-shop-cart tfoot td { padding: 30px 0; } .tbl-shop-cart .dark-grey { margin-left: 15px; } /* Cart Collaterals and Gift Card */ .cart .col3 { border-top: 1px solid #cccccc; padding: 25px 0; } .col3 .col { float: left; width: 33%; margin-right: 5%; } .col3 .col.col-3 { float: right; width: 22%; margin-right: 0; } .shopping-cart-collaterals h4.sub-title { min-height: inherit; margin: 0 0 5px; padding: 0; color: #000000; font-size: 11px; line-height: 8px; text-transform: uppercase; } .shopping-cart-collaterals p { margin-bottom: 10px; } .shopping-cart-collaterals input.input-text { padding: 5px 10px 4px; } .shopping-cart-collaterals .credit-payment { margin-bottom: 45px; font-size: 12px; line-height: 14px; } .shopping-cart-collaterals .discount { margin-bottom: 50px; } .shopping-cart-collaterals .discount-cntnt input.input-text, #giftcard-form input { float: left; } .shopping-cart-collaterals .discount-cntnt button, #giftcard-form button { display: block; float: left; margin: 8px 0 0 13px; } .shopping-cart-collaterals .discount-cntnt button.no-top { margin-top: 0; } #giftcard-form { width: 400px; } #shopping-cart-totals-table { text-transform: uppercase; margin-bottom: 20px; float: right; width: 175px; } #shopping-cart-totals-table tbody { font-size: 12px; line-height: 10px; } #shopping-cart-totals-table tfoot { font-size: 18px; line-height: 16px; } #shopping-cart-totals-table td { padding-right: 15px; } #shopping-cart-totals-table tbody td { padding-top: 13px; } #shopping-cart-totals-table tbody tr:first-child td { padding-top: 0; } #shopping-cart-totals-table tfoot td { padding: 35px 15px 10px 0; } #shopping-cart-totals-table strong { font-weight: normal; } #shopping-cart-totals-table .price { float: left; } .shopping-cart-collaterals .totals .checkout-types { text-align: right; } #shopping-cart-totals-table tr th.a-right { text-align: left !important; padding-top: 10px; } /* Cart Shipping Quote */ .shipping-quote .ship-country, .shipping-quote .ship-state { float: right; width: 47%; } .shipping-quote .ship-country { float: left; } .ship-region .form-list label { display: block; float: none; width: auto; } .ship-region .slct-wrap { display: block; } .form-list .ship-region label, .form-list .ship-region input.input-text, .form-list .ship-region textarea { float: none; width: 100%; } .ship-region.ship-country, .ship-region.ship-state { margin-bottom: 20px; } #co-shipping-method-form { border-top: 1px solid #cccccc; padding-top: 15px; } /* Cart Footer */ .cart-footer { border-top: 1px solid #cccccc; padding-top: 25px; padding-bottom: 25px; } .cart-footer h3 { margin-bottom: 18px; font-size: 18px; line-height: 16px; text-transform: uppercase; } .cart-footer p { width: 83%; font-size: 14px; line-height: 17px; } .cart-footer p a { color: #000000; font-weight: bold; } .cart-footer p a:hover { color: #1e324b; } /* ========================================================================================================= @checkout ====================================================================================================== */ /* Progress bar on the left column */ .opc-wrapper { overflow: auto; } .opc-wrapper .opc-progress-container { width: 290px; text-transform: uppercase; color: #000000; } .opc-wrapper .opc-block-progress span { font-weight: bold; } .opc-progress-container .block-progress.opc-block-progress > div { padding: 0px 11px 4px 0px; margin-top: 2px; } .opc-wrapper .opc-progress-container .block-title span { font-size: 15px; } .opc-wrapper .opc-progress-container .opc-block-progress .block-content { font-size: 15px; font-weight: normal; padding: 3px 11px 17px 0px; } .opc-wrapper .opc-progress-container .block-content dt { padding: 5px 0; font-weight: normal; } .opc-wrapper .opc-progress-container .opc-block-progress .block-content dt a { float: right; font-weight: bold; text-decoration: underline; } .opc-wrapper .opc-progress-container .opc-block-progress .block-content dt a:before { background: url('../images/arrow-right-blue.png'); content: ''; width: 6px; height: 7px; position: relative; right: 1px; float: right; top: 9px; margin-left: 5px; } .opc-wrapper .opc-progress-container .opc-block-progress .block-content dt a:hover:before { background-position: right top; } .opc-wrapper .opc-progress-container .opc-block-progress dt.complete { border-width: 0 0 1px 0; border-color: #cccccc; border-style: solid; padding-bottom: 6px; text-transform: none; } .opc-wrapper .opc-progress-container .opc-block-progress dd.complete { padding: 0; font-size: 14px; margin-bottom: 20px; } .opc-wrapper .opc-progress-container .block-progress .cards-list .info-table th { font-weight: bold; padding-right: 5px; } /* Main checkout form on the right column */ .opc#checkoutSteps { width: 605px; } .opc#checkoutSteps li .step-title a.geo-itl.clr-skyblue { visibility: hidden; } .opc#checkoutSteps li.allow .step-title a.geo-itl.clr-skyblue { visibility: visible; } .opc#checkoutSteps li.allow .step-title a.geo-itl.clr-skyblue:before { background: url('../images/arrow-right-blue.png'); content: ''; width: 6px; height: 7px; position: relative; right: 2px; float: right; top: 6px; margin-left: 5px; } .opc#checkoutSteps li.allow .step-title a.geo-itl.clr-skyblue:hover:before { background-position: right top; } .opc#checkoutSteps label[for=billing-address-select] + div { padding-bottom: 25px; } .opc#checkoutSteps li .step { background: #ffffff; } .opc#checkoutSteps li .step form { border: none; padding: 0; } .opc#checkoutSteps li .step-title a { float: right; text-decoration: underline; font-weight: bold; text-transform: lowercase; padding-right: 62px; } .opc-wrapper .opc-progress-container .opc-block-progress .geo-itl.clr-skyblue:hover, .opc#checkoutSteps li .step-title a:hover { color: #9a6f71; } .opc#checkoutSteps li:first-child .step-title, .opc#checkoutSteps li.active, .opc#checkoutSteps li .step-title { border-width: 0 0 1px 0; border-color: #cccccc; border-style: solid none; } .opc#checkoutSteps li .step-title { padding: 6px 0; font-size: 16px; text-transform: uppercase; line-height: 15px; } .opc#checkoutSteps em { color: #000000; margin-left: 4px; } .opc#checkoutSteps .input-box { width: 100%;} .opc#checkoutSteps #checkout-step-billing { background: #ffffff;} .opc#checkoutSteps .step-title h3 { display: inline-block; font-size: 15px; } .opc#checkoutSteps .please-wait { color: #1e324b; border: 5px solid #1e324b; } .opc#checkoutSteps .fields .field { display: inline-block; vertical-align: top; } .opc#checkoutSteps .add-field .input-box { margin-left: auto; } .opc#checkoutSteps #opc-shipping .form-list label { width: auto; } .opc#checkoutSteps #opc-shipping .control input { float: left; } .opc#checkoutSteps #opc-shipping .control label { margin-left: 3px; } .opc#checkoutSteps .fields .field input, .opc#checkoutSteps .fields .slct-wrap { width: 244px; } .opc#checkoutSteps .control { float: left; width: 155px;} .opc#checkoutSteps .control .input-box { margin-left: 0; } .opc#checkoutSteps .control label { margin-left: 17px; } .opc#checkoutSteps .required#required-fields { font-size: 12px; color: #000000; margin-bottom: 24px; } .opc#checkoutSteps p.back-link { float: left; text-transform: uppercase; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; } .opc#checkoutSteps .buttons-set .btn-skyblue { padding: 3px 50px; float: right; } .opc#checkoutSteps .buttons-set .btn-skyblue span { color: #ffffff; 'Raleway', "Trebuchet MS", Arial, sans-serif; font-size: 14px; } .opc#checkoutSteps #opc-shipping_method label { font-style: italic; } .opc#checkoutSteps .sp-methods label { font-weight: normal; } .opc#checkoutSteps .sp-methods dd li { display: inline-block; } .opc#checkoutSteps .sp-methods dd li#authorizenet_cc_type_cvv_div { width: 200px; } .opc#checkoutSteps .v-fix { margin-right: 16px; } .opc#checkoutSteps .form-list .input-box a { font-weight: bold; font-style: italic; text-decoration: underline; font-size: 12px; margin-left: 0; } .opc#checkoutSteps .form-list .input-box a:hover { color: #1e324b; cursor: pointer; } .opc#checkoutSteps .sp-methods .form-list select { width: 200px; height: 38px; } .opc#checkoutSteps .sp-methods .form-list label { width: 200px; } .opc#checkoutSteps .sp-methods .form-list .input-text { width: 410px; } .opc#checkoutSteps .sp-methods input.cvv { width: 120px !important; } .opc#checkoutSteps .input-box { clear: both; margin-right: 23px; } .opc#checkoutSteps #billing\:company, .opc#checkoutSteps #billing\:street1, .opc#checkoutSteps #billing\:street2, .opc#checkoutSteps #shipping\:company, .opc#checkoutSteps #shipping\:street1, .opc#checkoutSteps #shipping\:street2 { float: left; width: 514px; } .opc#checkoutSteps #checkout-step-review .data-table { float: right; width: 425px; padding-right: 40px; text-transform: uppercase; font-size: 10px; } .opc#checkoutSteps .data-table thead, .opc#checkoutSteps .data-table tfoot { background: #ffffff; } .opc#checkoutSteps .data-table thead th, .opc#checkoutSteps .data-table tbody td { padding: 20px 4px; } .opc#checkoutSteps .data-table thead th:first-child, .opc#checkoutSteps .data-table tbody td:first-child { padding-left: 0; } .opc#checkoutSteps .data-table tbody .cart-price span { float: left; } .opc#checkoutSteps .data-table thead th.a-center { padding: 20px 5px; } .opc#checkoutSteps .data-table td { padding: 0; } .opc#checkoutSteps #checkout-step-review tfoot .price { float: right; } .opc#checkoutSteps #checkout-step-review .data-table tfoot td:first-child { padding-left: 258px; } .opc#checkoutSteps #checkout-step-review .data-table tfoot td { padding-top: 13px; border-bottom: 0; } .opc#checkoutSteps #checkout-step-review .data-table tfoot span.price { float: left; padding-left: 4px; } .opc#checkoutSteps #checkout-step-review .buttons-set { padding-top: 38px; } .opc#checkoutSteps #checkout-step-review .buttons-set .button { float: right; } .opc#checkoutSteps #checkout-step-review .buttons-set p { float: right !important; clear: both; font-size: 10px; font-style: italic; padding-top: 9px; } .opc#checkoutSteps #checkout-step-review .buttons-set p a { font-weight: bold; text-decoration: underline; } .opc#checkoutSteps #checkout-step-review .buttons-set p a:hover { color: #1e324b; } .opc#checkoutSteps #opc-review .buttons-set .btn-skyblue { padding: 10px 45px; border-bottom: 0; } .opc#checkoutSteps #opc-review .buttons-set .btn-skyblue span { font-size: 12px; font-weight: bold; } .opc#checkoutSteps .opc-progress-container .block-progress .cards-list .info-table th { font-weight: bold; } .opc#checkoutSteps span.validation-passed, .opc#checkoutSteps div.validation-passed, .opc#checkoutSteps span.validation-error, .opc#checkoutSteps div.validation-error { padding: 0; } .opc#checkoutSteps .validation-advice { background: url(../images/validation_advice_bg.gif) no-repeat 2px 4px; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; } .opc#checkoutSteps input:focus, .opc#checkoutSteps textarea:focus { border-color: #c9e1ef } .opc#checkoutSteps .payment-methods { font-style: italic; } .opc#checkoutSteps .payment-methods dt { margin-bottom: 5px; } .opc#checkoutSteps ul#payment_form_authorizenet label, .opc#checkoutSteps ul#payment_form_authorizenet .input-box, .opc#checkoutSteps ul#payment_form_authorizenet .v-fix { width: auto; margin-right: 0; } .opc#checkoutSteps ul#payment_form_authorizenet { margin-top: 15px; } .opc#checkoutSteps ul#payment_form_authorizenet li { display: inline-block; } .opc#checkoutSteps ul#payment_form_authorizenet select { width: 190px; height: 40px; margin-right: 30px; } .opc#checkoutSteps ul#payment_form_authorizenet #advice-validate-cc-type-select-authorizenet_cc_type { max-width: 200px; } .opc#checkoutSteps ul#payment_form_authorizenet #authorizenet_cc_type_cvv_div .input-box { max-width: 190px; } .opc#checkoutSteps ul#payment_form_authorizenet #authorizenet_cc_type_cvv_div .cvv-what-is-this { overflow-wrap: break-word; position: relative; left: 10px; top: 3px; } .opc#checkoutSteps ul#payment_form_authorizenet #authorizenet_cc_type_cvv_div #authorizenet_cc_cid { width: 120px; height: 40px; } .opc#checkoutSteps ul#payment_form_authorizenet #authorizenet_cc_number { width: 410px; height: 40px; } .opc#checkoutSteps ul#payment_form_authorizenet #authorizenet_cc_type_exp_div .validation-advice { display: inline-block; width: auto; margin-right: 60px; } .opc#checkoutSteps .payment-methods .checkout-onepage-payment-additional-giftcardaccount { margin-top: 10px; } .opc#checkoutSteps .payment-methods .checkout-onepage-payment-additional-giftcardaccount .note a { color: #1e324b; text-decoration: underline; font-weight: bold; } .opc#checkoutSteps .payment-methods .checkout-onepage-payment-additional-giftcardaccount .note a:hover { color: #6d6f71; } .opc#checkoutSteps #payment-tool-tip { margin-top: 15px; } .opc#checkoutSteps #payment-tool-tip .btn-close a { font-style: italic; color: #1e324b; font-weight: bold; text-decoration: underline; } .opc#checkoutSteps #payment-tool-tip .btn-close a:hover { color: #6d6f71; } /* ========================================================================================================= @Order Confirmation ====================================================================================================== */ .checkout-onepage-success .page-title { background: #ffffff; padding: 23px 0px 29px; } .checkout-onepage-success .page-title h1 { float: left; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; color: #000000; text-transform: uppercase; font-size: 16px; } .checkout-onepage-success .main .page-title p { float: right; font-size: 11px; font-style: normal; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; padding-top: 9px; margin: 0; } .checkout-onepage-success .page-title p.fut-book a:hover, #order-assistance p span a:hover { color: #1e324b; text-decoration: underline; } .checkout-onepage-success .sub-title, .checkout-onepage-success .main p { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-size: 15px; margin: 6px 0 18px 0; } .checkout-onepage-success .sub-title + p { margin-bottom: 40px; } .checkout-onepage-success .main .buttons-set { margin: 0 0 0 0; display: inline-block; } .checkout-onepage-success .main .buttons-set a { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold; float: left; clear: both; padding: 7px 10px; width: 190px; margin-top: 5px; text-align: center; } #order-assistance { margin-top: 92px; border-top: 1px solid #cccccc; padding: 23px 0 50px 0; } #order-assistance h2 { font-size: 18px; text-transform: uppercase; margin-bottom: 18px; } #order-assistance p { font-size: 14px; width: 83%; } #order-assistance p span { font-weight: bold; } /* ========================================================================================================= @Category Page ====================================================================================================== */ #category-header { margin-top: 10px; } .catalog-category-view .category-nav #category-list { padding: 20px 0px 10px 0; font-size: 13px; } .catalog-category-view .category-nav .category-item { display: inline; text-transform: uppercase; } .catalog-category-view .category-nav .category-item.first a { padding-left: 0; } .catalog-category-view .category-nav .category-item a { letter-spacing: 1px; line-height: 1.3em; padding: 0 24px; font-weight: 400; color: #000; font-size: 11px; } .catalog-category-view .category-nav .category-item a:hover { color: #1e324b; } .catalog-category-view .category-nav .category-item a.active { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; } .catalog-category-view .category-header { padding-top: 10px; } .catalog-category-view .category-products { overflow: auto; margin-bottom: 30px; clear: both; } .catalog-category-view .category-nav { width: 960px; margin: 0 auto; } .catalog-category-view .category-products .products-grid li.item:first-child { padding: 0 5px 5px 0; } .catalog-category-view .category-products .products-grid li.item { display: inline-block; padding: 0 5px 5px 7px; margin: 0 0 25px 0; width: auto; max-width: 242px; } .catalog-category-view .category-products .products-grid li a { width: auto; } .catalog-category-view .category-products .products-grid li .product-image { margin: 0; } .catalog-category-view .category-products .products-grid li img { width: 230px; height: auto; } .catalog-category-view .category-products .item .price-box { margin-bottom: 10px; } .catalog-category-view .category-products .item .price { clear: both; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .catalog-category-view .category-products .item div { margin: 0; } .catalog-category-view .category-products .item h2 { text-transform: uppercase; font-weight: bold; margin: 20px 0 7px 0; font-size: 11px; letter-spacing: 1px; } .catalog-category-view .category-products .desc.std a { text-transform: uppercase; font-weight: bold; font-size: 9px; text-decoration: underline; } .catalog-category-view .category-products .desc.std a:after { content: ""; font-size: 7px; font-weight: bold; position: relative; top: -2px; left: -2px; } .catalog-category-view .toolbar, .catalog-category-view .toolbar-bottom { display: none; } /* Filter Button */ .view-all { margin-top: 15px; } .filter-by { font-weight: normal; float: left; text-transform: uppercase; font-size: 11px; margin: 13px;} .filter-button-container { text-align: left; position: relative; font-size: 10px; display: block; width: 166px; text-transform: uppercase; background-color: #ffffff; border: solid 1px #b2b2b2; float: left; letter-spacing: 1px; } .filter-button-container.show-children { border: none; } .filter-button-container .block-title { color: #1e324b; font-weight: bold; padding: 12px; } .filter-button-container .block-title:hover { cursor: pointer; } .filter-button-container span.label { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; color: #000000; } .filter-button-container.show-children .block-title { border: solid 3px #aeaeae; border-bottom: 0; } .filter-button-container .product-filter-menu { border: solid 3px #aeaeae; border-top: 0; width: 166px; z-index: 1000; position: absolute; display: none; } .filter-button-container.show-children .product-filter-menu { display: block; } .filter-button-container hr { background: none repeat scroll 0 0 #B2B2B2; border: medium none; height: 1px; margin-left: 10px; margin-right: 10px; visibility: visible; } .filter-button-container .block-title.filter-button span { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; } .filter-button-container .block-title.filter-button span:after { content: '>'; display: block; float: right; color: #525252; font-size: 12px; right: 0; transform: rotate(270deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); font-weight: normal; } .filter-button-container .block-content { display: none; z-index: 1000; background-color: #ffffff; width: 160px; padding: 0px 8px 8px 8px; } .filter-button-container.show-children .block-content { display: block; } .filter-button-container .block-content a:hover { text-decoration: underline; } .filter-button-container .block-content .actions { padding-left: 15px; } .filter-button-container .block-content .actions a { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-weight: normal; } .filter-button-container .block-content .filter-state { padding-top: 12px; } .filter-button-container .block-content .filter-options { color: #000000; padding-top: 12px; } .filter-button-container .block-content .filter-options dt { padding-bottom: 8px; } .filter-button-container .block-content .filter-options ol { padding-left: 12px; } .filter-button-container .block-content .filter-options li { padding-bottom: 2px; } .filter-button-container .block-content .filter-options li:last-child { padding-bottom: 20px; } .filter-button-container .block-content .block-subtitle { color: #000000; } .filter-button-container a { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; } /* Addutuibak Swatches */ .additional-swatches-line { text-align: center; font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; position: relative; font-size: 14px; margin-bottom: 20px; } .additional-swatches-line:before { content: ""; border-top: 1px solid #cccccc; width: 39%; height: 1px; position: absolute; top: 9px; left: 18px; } .additional-swatches-line:after { content: ""; border-top: 1px solid #cccccc; width: 39%; height: 1px; position: absolute; top: 9px; right: 18px; } /* ========================================================================================================= @404 Page ====================================================================================================== */ .cms-index-noroute .std { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-size: 11px; color: #000; } .cms-index-noroute .std a { color: #0085CF; } .cms-index-noroute .std a:hover { text-decoration: underline; } .cms-index-noroute .std > div { margin: 40px 0 0 20px; } .cms-index-noroute .std h3 { font-family: 'Raleway', "Trebuchet MS", Arial, sans-serif; font-size: 12px; } .cms-index-noroute .std li { list-style-type: disc; margin-left: 16px; } /* ========================================================================================================= @email-popup ====================================================================================================== */ .page header { z-index: 5; } #darkscreen{ position: fixed; top:0px; left:0px; width:100%; height:100%; background:#000; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); z-index:10; display:none; } #email-popup { background-image: url('/skin/frontend/enterprise/altonlane/images/home-popup/bg.jpg'); color: #fff; display: none; top: 137px; position: absolute; z-index: 1000; width: 613px; margin-left: -300px; height: 342px; left: 50%; text-align: center; /*box-shadow: 0px 0px 20px 10px #000;*/ border: #fff 1px solid; box-shadow: 0px 0px 2px 1px #fff; } #email-popup .error { color: #DF280A; } #email-popup h1 { color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 25px; text-transform: uppercase; margin-top: 25px; letter-spacing: 2px; } #email-popup hr { visibility: visible; width: 40px; margin: 25px auto; } #email-popup .email-popup-container { /*border: #fff solid 1px;*/ height: 380px; width: 580px; margin: 10px; padding: 10px; } #email-popup .message { font-family: 'Playfair Display', serif; font-size: 11px; letter-spacing: 1px; line-height: 22px; margin-bottom: 10px; float: right; width: 50%; margin-top: 150px; color: #666; text-align: right; } #email-popup .content { /*width: 287px;*/ margin: auto; padding: 12px 15px 12px 15px; } #email-popup .content img{ clear: both; float: left; margin-top: 34px; margin-left: 256px; } #email-popup form input { border: #999 1px solid; width: 270px; height: 33px; text-align: left; font-size: 11px; background: transparent; color: #999; font-family: 'Raleway', sans-serif; font-weight: 400; padding-left: 10px; } #email-popup form input[type=submit] { background-color: #1e324b; border: 0; color: #fff; width: 11%; height: 29px; cursor: pointer; text-align: center; padding: 0; font-family: 'Raleway', sans-serif; font-weight: 500; float: right; clear: both; margin-top: 13px; margin-right: 76px; font-size: 10px; letter-spacing: 1px; } #email-popup form fieldset { float: right; width: 40%; margin-left: 12%; margin-right: -32px; clear: both; } #email-popup form input::-webkit-input-placeholder { color: #666; opacity: 1 !important; } #email-popup form input:-moz-placeholder { color: #666; opacity: 1 !important; } #email-popup form input::-moz-placeholder { color: #666; opacity: 1 !important; } #email-popup form input:-ms-input-placeholder { color: #666; opacity: 1 !important; } #email-popup .newsletter { float: none; width: auto; } #email-popup-close-btn { position: absolute; right: 5px; top: 5px; height: 35px; width: 35px; cursor: pointer; } ::-webkit-input-placeholder { color: #000000; } :-moz-placeholder { color: #000000; } /* Firefox 18- */ ::-moz-placeholder { color: #000000; } /* Firefox 19+ */ :-ms-input-placeholder { color: #000000; } /* ========================================================================================================= @ipad-site ====================================================================================================== */ .frame_container .product-builder-container .custom-attribute-group { border-top: 1px; border-bottom: 1px; border-color: #ffffff; border-style: solid; border-left: 0px; border-right: 0px; margin: 25px 0; } #iframe_container_cart { display: block !important; } /* ========================================================================================================= @wedding-page ====================================================================================================== */ .wedding-page #articleWrapper{position:relative; top:70px; width: 1000px; height:340px; margin:0 auto; margin-bottom: 100px; padding:1px;} .wedding-page #articleFrame{height:100%; width:100%; border:1px solid #fff; padding:1px;} .wedding-page #left-viewer{float:left; height:330px; width:475px; text-align:center; padding:5px; border-right:1px solid #fff;} .wedding-page #right-viewer{float:right; height:310px; width:475px;color:#fff;font-size:14px;padding:15px;line-height:1.5em; overflow:scroll; overflow-y:scroll; overflow-x:hidden;} .wedding-page #articleImage{width:100%; height:100%;} .wedding-page #thumb-wrapper{width:980px; height:550px; margin-top:50px; } .wedding-page #thumb-frame{top:0px; width:980px; height:550px; overflow:scroll; overflow-y:scroll; overflow-x:hidden;background-color: white;} .wedding-page #thumb-row{} .wedding-page #thumb{} .wedding-page #thumb-row, #thumb-row ul{ list-style:none; margin:0px; padding:0;} .wedding-page #thumb-row li{float:left; margin-left:11px; margin-bottom:7px;} .wedding-page #thumb-row li.first{margin-left:0px;} .wedding-page #myModal{} /* ========================================================================================================= @magento ====================================================================================================== */ /* Form Elements */ input,select,textarea,button { font: 12px 'Raleway', "Trebuchet MS", Arial, sans-serif; vertical-align:middle; color:#444; } input.input-text,select,textarea { background: #ffffff; border: 1px solid #b2b2b2; } input.input-text,textarea { padding:2px 2px; background:#fff; } input.input-text:focus,textarea:focus { border-color: #1e324b; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { padding:2px 2px; border-bottom:1px solid #bbb; } select.multiselect option:last-child { border-top:0; } textarea { overflow:auto; resize:vertical; } textarea.default-value { color:#ddd; } /* input.qty { width:2.5em !important; } */ input.disabled { background:#f6f6f6 !important; color:#bbb !important; } a.button, button.button span, a.button span, button.button span span { background-color:transparent; } a.button, button.button span { border:0; padding:0 0 0 10px; margin:0; cursor:pointer; background-position:0 0; display:-moz-inline-stack; display:inline-block; color:#c73615; height:21px; text-decoration:none; } a.button span, button.button span span { padding:0 15px 1px 5px; color:#c73615; background-position:100% 0; display:-moz-inline-block; display:inline-block; white-space:nowrap; text-transform:uppercase; font:bold 11px/20px Arial, Helvetica, sans-serif; height:20px; } a.button { line-height:21px; } a.button { line-height:20px; } .button:active { bottom:-1px; right:-1px; position:relative; z-index:2; } button.button:active span span { margin:0; } button.btn-small span { font-size:11px; line-height:14px; padding:1px 9px 0; } button.disabled { cursor:default !important; bottom:0 !important; right:0 !important; } button.disabled span { cursor:default !important; color:#bbb !important; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form Validation */ .validation-advice { clear:both; padding:5px 0 10px; color:#d91a00 !important; width: 185px; min-height: 15px; margin-top: 3px; background: url(../images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left: 17px; font-size: .95em; font-weight: bold; line-height: 1.25em; } .product-options .validation-error .options-list, .validation-failed { border:1px solid #f47d4e !important; background:#fff7f5 !important; } input.input-text.validation-failed, textarea.validation-failed { background:#fff7f5 url(../images/bkg_input-failed.gif) 0 0 repeat-x !important; } span.validation-passed, div.validation-passed { background:url(../images/icon_ok.gif) 100% 2px no-repeat; padding-right:20px; } span.validation-error, div.validation-error { background:url(../images/icon_error.gif) 100% 2px no-repeat; padding-right:20px; } label .required, .required em { color:#f15c22; margin-right:4px; } p.required { margin:0; padding:5px 0 7px; color:#f02800; font:italic normal 11px/10px Georgia, Times, "Times New Roman", serif; } .form-list .validation-advice { width:250px; margin-right:-250px; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Fieldset */ .fieldset { font-size:12px; margin:0 0 16px; } .fieldset p { margin:0 0 1.5em; } .fieldset h2.legend { margin:0 0 1.5em; color:#000; } /* Form lists */ .form-list {} .form-list li { margin:0 0 9px; vertical-align:top; } .form-list label { float:left; width:225px; padding:2px 15px 0 0; font: italic normal 12px/16px Georgia, Times, "Times New Roman", serif; } .form-list .value { float:left; padding:2px 0 0; } .form-list .note { clear:both; font-size:11px; width:380px; margin:0; padding:3px 0 0 240px; } .form-list span.label { font-weight:normal; } .form-list .input-box { float:left; } .form-list .input-box a { font-size:11px; margin-top:4px; } .form-list input.input-text, .form-list textarea { float:left; width:374px; height: 38px; padding: 11px 13px; font: 12px/9px 'Raleway', "Trebuchet MS", Arial, sans-serif; vertical-align:top; } .form-list textarea { width:374px; height:13em; padding: 10px 13px; line-height: 18px; } .form-list select { float:left; vertical-align:top; } .form-list p { margin:0; padding:0 0 0 240px; } ul.add-row, .form-list li.add-row { background:url(../images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; margin:0; text-align:right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } .form-list .add-field .input-box { margin-left:240px } .form-list .control { position:relative; vertical-align:top; z-index:1; } /* row with checkbox or radio button */ .form-list .control label { line-height:16px; } .form-list .control .input-box { position:absolute; left:0; margin-left:240px; line-height:16px; padding-top:1px; } .form-list .control input.radio { margin-top:3px; } .form-alt label { float:none; display:inline; width:auto; } .form-alt li { margin:0 0 5px; line-height:16px; } .form-alt select { width:496px; } .form-alt .input-box { width:496px; margin-top:5px; padding-bottom:11px; } .form-alt .input-text { width:480px; } .form-list-narrow label { width:105px; } .form-list-narrow select { width:290px; } .form-list-narrow input.input-text, .form-list-narrow textarea { width:285px; } .form-list-narrow .wide { width:auto; } .form-list-narrow .add-field .input-box { margin-left:120px; } .form-list-narrow .control .input-box { margin-left:120px; } .inner-form { margin:10px 0 5px; padding:10px 0 0; border:1px dashed #d1d1d1; border-width:1px; background:#f7f7f7; } .inner-form .form-alt label { padding-left:5px; } /* Date Of Birth */ .form-list .customer-dob label { float:none; width:auto; padding:0; font-size:11px; font-weight:normal; color:#777; } .form-list .customer-dob .input-box { float:left; width:auto; margin-right:8px; } .form-list .customer-dob .input-box .validation-advice { display:none !important; } .form-list .customer-dob input.input-text { float:none; display:block; margin-bottom:2px; width: 60px; padding:4px 13px; text-align:center; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-year { float:left; margin-right:8px; padding-right:0 !important; background:none !important; } .form-list .customer-dob .dob-day .validation-advice, .form-list .customer-dob .dob-month .validation-advice, .form-list .customer-dob .dob-year .validation-advice { display:none; } /* Buttons */ .buttons-set { clear:both; margin:15px 0; } /* general for button containing block */ .buttons-set p.back-link { float: right; margin-top: 6px; } .form-buttons { margin:0; } /* for button containing block under the general form */ /* Overrides for 3columns */ .col3-layout .form-list .note { padding-left:165px; width:280px; } .col3-layout .form-buttons p.back-link, .col3-layout .form-list label { width:150px; } .col3-layout .form-list input.input-text, .col3-layout .form-list textarea { width:274px; } .col3-layout .form-list select { width:280px; } .col3-layout .form-list .control .input-box { margin-left:165px; } .col3-layout .form-list .customer-dob .dob-day input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-month input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-year { margin-right:0; } .col3-layout .form-list .customer-dob .dob-year input.input-text { width:98px; } .col3-layout p.required, .col3-layout .form-buttons { width:445px; } /* Global Messages */ .messages { width:100%; overflow:hidden; text-align:left; } .messages li { margin:0 0 20px; padding:0; word-wrap:break-word; } .messages ul { padding:15px 20px; margin:0; position:relative; } .messages ul li { margin:0; padding:0; } .messages a { text-decoration:underline; } .messages a:hover { text-decoration:none; } .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg { border-style:solid !important; border-width:1px !important; font: 12px/12px 'Raleway', "Trebuchet MS", Arial, sans-serif !important; } p.error-msg { border-style:solid !important; padding:10px; border-width:1px !important; font-size:12px !important; margin:10px 0; } /* Error Message */ .messages li.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } .messages li.error-msg a { color:#d91a00; } .messages li.error-msg ul { } p.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } /* Success Message */ .messages li.success-msg { background: #cfeeff url(../images/success_msg_icon.gif); border-color: #5fd5ff; color: #085f8f; } .messages li.success-msg a { color:#3d6611; } .messages li.success-msg ul { /* background-image:url(../images/bkg_msg-success.gif); */ } /* Notification Message */ .messages li.note-msg, .messages li.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .messages li.note-msg a, .messages li.notice-msg a { color:#3d6611; } .messages li.note-msg ul, .messages li.notice-msg ul { /* background-image:url(../images/bkg_msg-note.gif); */ } /* BreadCrumbs */ .breadcrumbs { margin:0; padding:7px 20px 5px; background:#ededed no-repeat 0 0; text-align:left; } .breadcrumbs li { display:inline; } .breadcrumbs li span, .breadcrumbs a { color:#888; text-decoration:none; } .breadcrumbs a:hover { text-decoration:underline; } /* Page Heading */ .page-title { margin-bottom:20px; padding:23px 20px 11px; background:#f6f6f6 repeat-x 0 0; border-bottom:1px solid #cfcfcf; } .page-title .link-rss { float:right; margin-top:8px; } .page-title h1, .page-title h2 { font:normal 22px/27px Arial, Helvetica, sans-serif; color:#d12c01; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .title-buttons .link-print { float:right; margin-top:4px; } .subtitle { clear:both; padding:10px 0; font-size:18px; color:#d12c01; } .page-popup .page-title, .col-main .page-title { margin-left:-20px; margin-right:-20px; } .col1-layout .col-main .page-title { margin-top:-20px; } .sub-title { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .sub-title .separator { font-weight:normal; } .sub-title a { font-size:11px; font-weight:normal; text-transform:lowercase; } .section-title { font-size:14px; font-weight:normal; color:#151515; margin:0 0 5px; } /* Pager */ .pager { margin:15px 0; font-size:11px; padding:3px 20px; background:#f5f5f5; border:1px solid #ddd; color:#333; } .pager p { margin:0 !important; } .pager select { padding:0; margin-bottom:1px; } .pager .amount { float:left; line-height:20px; } .pager .amount strong { font-weight:normal; } .pager .limiter { float:right; line-height:20px; } .pager .pages { margin:0 135px; text-align:center; color:#333; line-height:20px; } .pager .pages a { color:#8c8c8c; text-decoration:underline; } .pager .pages a:hover { color:#8c8c8c; text-decoration:none; } .pager .pages ol, .pager .pages li { display:inline; padding:0 2px; } .pager .pages .current { font-weight:bold; } .pager .pages .i-previous, .pager .pages .i-next { text-decoration:none !important; vertical-align:middle; } .pager-only { clear:both; } .pager-only .pages { margin:0; } /* Data Table */ .table-caption { border:1px solid #ddd; border-bottom:0; margin:-1px 0 0; background:#fff; font:14px/1.25 Arial, Helvetica, sans-serif; padding:3px 7px 4px; color:#444; } .table-caption a { font-size:11px; text-transform:lowercase; } .data-table { border:1px solid #d9d9d9; border-bottom:0; width:100%; border-collapse:separate; } .data-table th { padding:5px 12px; color:#2d2d2d; border-bottom:1px solid #d9d9d9; font-weight:normal; text-transform:uppercase; white-space:nowrap; } .data-table td { padding:5px 12px; } .data-table thead { background:#e8e8e8; font-size:11px; } .data-table tbody {} .data-table tfoot { background-color:#ededed; } .data-table tfoot td { padding:5px 12px; } .data-table tfoot th { border:none; text-transform:none; } .data-table tr.first {} .data-table tr.last {} .data-table tr.last th, .data-table tr.last td { border-bottom:1px solid #d9d9d9; } .data-table tr:last-child td, .data-table tr:last-child th { border-bottom:1px solid #d9d9d9; } .data-table tbody tr:nth-child(odd), .data-table tr.odd { background-color:#fff; } .data-table tbody tr:nth-child(even), .data-table tr.even { background-color:#fafafa; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; text-transform:none; border-color:#fff; background-color:#f7f7f7; } .data-table td.value { float:none !important; } .data-table .link-rss { display:block; } .page-popup .data-table td, .page-popup .data-table th { border-bottom:1px solid #d9d9d9; } .page-popup .buttons-set .button { float:right; } /* 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; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { background-color:#ede9e6; font-size:12px; padding:5px !important; } tr.summary-details-first td {} tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { display:block; padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -54px; } /* Links */ ul.links, ul.links li { display:inline; } ul.links li .separator { margin:0 2px 0 5px; font-size:10px; color:#8f8f8f; } ul.links li.last .separator { display:none; } /* Reward Points */ .rewards { margin:-10px 0 20px; } .reward-message { display:block; margin:5px -15px 5px -15px; padding:3px 5px 3px 32px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff; } .reward-message p { display:inline; margin:0 !important; } .reward-message .limit { display:block; font-size:11px; line-height:1.15; } .reward-message a { color:#ffe6dc; text-decoration:underline; } .reward-message a:hover { color:#ffe6dc; text-decoration:none; } .reward-message .price { font-size:1em; font-weight:normal; } /* Reward Points types rewrites */ .reward-review, .reward-tag, .reward-checkout { margin:0; } /* Class: std - styles for admin-controlled content .std ul, .std ol, .std dl, .std p, .std address, .std blockquote, .std table { margin-bottom:1em; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } .std hr { margin:1.5em 0; color:#d9d9d9; } .std table { width:100%; } .std table thead { background:#e8e8e8; } .std table th { background:#f7f7f7; font-weight:bold; } .std table thead th { background:#e8e8e8; font-weight:bold; } .std table th, .std table td { padding:5px 10px; border:1px solid #d9d9d9; } .std table[border="0"] { border-width:0; } .std table[border="0"] th, .std table[border="0"] td { border-width:0; } ul.disc li { padding-left:10px; background:url(../images/bkg_bulletsm.gif) no-repeat 0 0.5em; } .std ul.disc li { padding-left:0; background:none; } */ /* Misc */ .link-rss { padding-right:18px; white-space:nowrap; } .link-rss:hover { color:#f58550; } .link-print { padding:2px 0 2px 25px; white-space:nowrap; } .link-cart { font-size:11px; font-weight:bold; color:#c73615; text-decoration:underline; } .link-cart:hover { color:#c73615; text-decoration:none; } .data-table .btn-remove { display:block; margin:0 auto; width:13px; height:12px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; cursor:pointer; } .data-table .btn-remove2 {} .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .divider { margin:16px 0; background:#e7e7e7; font-size:0; line-height:0; height:1px; overflow:hidden; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; 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; } /* ======================================================================================= */ /* Block: Events */ .event { background-color:#fbf4de; border-bottom:1px solid #e2d4c7; width:182px; position:static; height:144px; text-align:center; } .event .status { font-weight:normal; font-size:16px; display:block; padding:19px 0 0; margin:0 0 0; text-align:center; color:#cf3a00; } .event .event-ticker { color:#cf3a00; height:55px; } .event .event-ticker span { font-size:32px; line-height:40px; height:40px; padding-bottom:10px; display:inline-block; } .event .event-ticker span, x:-moz-any-link { padding-bottom:13px; }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { padding-bottom:10px; }/* FireFox 3 restore */ .event .event-ticker span.days { background-position:50% 3px; } .event .event-ticker span.hour { background-position:50% -56px; } .event .event-ticker span.minute { background-position:50% -115px; } .event .event-ticker span.second { background-position:50% -174px; } .event .event-ticker span.delimiter { background:none; } .event .event-dates { font-size:14px; color:#555; height:51px; padding-top:4px; } .event .event-dates .date-part { font-weight:bold; } .event .event-dates .time-part { font-size:12px; } .col-main .event .event-button { line-height:27px !important; height:27px !important; padding:0 0 0 13px !important; vertical-align:middle; } .col-main .event .event-button span { width:121px; text-align:center; padding:0 13px 0 0 !important; color:#fff; font:bold 15px/27px Arial, Helvetica, sans-serif !important; height:27px !important; text-transform:none; } .event p a { color:#666; font-size:11px; } .event .event-bottom { position:absolute; z-index:2; height:12px; width:23px; left:50%; margin-left:-11px; bottom:-12px; } .open .event-button span {} .upcoming { background:#f6f6f6; } .upcoming .status { color:#333; } .closed .event-button, .col-main .closed .event-button, .col-main .upcoming .event-button, .upcoming .event-button, .closed .event-button span, .col-main .closed .event-button span, .col-main .upcoming .event-button span, .upcoming .event-button span { line-height:27px !important; font-size:12px !important; color:#7c7b7b !important; background:none !important; padding:0 !important; width:auto !important; display:inline !important; text-transform:capitalize; } .upcoming .event-button { text-decoration:underline !important; } .upcoming .event-button:hover { text-decoration:none !important; } .upcoming p a { color:#666; } .upcoming .event-bottom { background-position:50% -187px; } .closed { background:#494949; } .closed .status, .closed .event-dates { color:#e2d4c7 } .closed .event-button {} .event-container { clear:both; border:1px solid #d0af83; position:relative; z-index:2; border-width:1px 1px; margin-top:7px; margin-bottom:-5px; height:59px; } .event-container .event { background-color:transparent; background-repeat:no-repeat; background-position:50% 100%; padding-bottom:18px; margin-bottom:-18px; padding-top:5px; height:52px; line-height:50px; text-align:center; width:auto; position:relative; z-index:2; border-bottom:0 !important; } .event-container .container { display:inline; margin:0; padding:0; background:none; } .event-container .status { display:inline; margin:0 10px 0 0; background:none; font-size:22px; } .event-container .event-ticker { display:inline; font-size:28px; height:auto; } .event-container .event-ticker span { line-height:50px; height:50px; padding:0; } .event-container .event-ticker span , x:-moz-any-link { padding:5px 0 5px; }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { padding:0; }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { background-position:50% 4px; } .event-container .event .event-ticker span.hour { background-position:50% -55px; } .event-container .event .event-ticker span.minute { background-position:50% -114px; } .event-container .event .event-ticker span.second { background-position:50% -173px; } .event-container .event-dates { display:inline; font-size:22px; height:auto; } .event-container .event-dates .time-part { font-size:14px; } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { background:#f7d4b6 url(../images/bkg_event-container-open.gif) repeat-x 0 0; } .container-open .open { background-image:url(../images/bkg_event-container-open.gif); padding-top:3px; height:54px; } .container-upcoming { border-color:#d0d0d0; background:#eeeeee url(../images/bkg_event-container-upcoming.gif) repeat-x 0 0; } .container-upcoming .upcoming { background-image:url(../images/bkg_event-container-upcoming.gif); } .container-closed { background:#9f958c } /* Block: Events Lister */ .col3-layout .col-main .widget-events { margin:0 -20px 1px; position:relative; z-index:1; } .widget-events { padding:11px; background:#f0eae3; } .col1-layout .col-main .widget-events { padding:12px; } .events-slider { position:relative; clear:both; margin:0 0 0; border:1px solid #d0c2b6; z-index:2; } .events-slider .slider-panel, .events-slider ul.slider li.slider-item, .events-slider .slide-button { float:left; display:inline; } .events-slider .event { position:relative; z-index:1; } .events-slider .slider-panel { position:relative; overflow:hidden; background:#d0c2b6; z-index:1; width:0; } .events-slider ul.slider { width:200000px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; border-right:1px solid #d0c2b6; background:#f5f5f5; padding-left:0; } .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:80px 10px 0; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; background:#fff; overflow:hidden; text-align:center; display:block; text-decoration:none; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { position:absolute; text-indent:-999em; cursor:pointer; top:17px; width:28px; height:28px; z-index:2; overflow:hidden; } .events-slider .backward { left:-11px; } .events-slider .forward { right:-11px; background-position:0 -40px; } .events-slider .inactive { cursor:default; display:none; } .sidebar .widget-events { background:none; padding:0; } .sidebar .events-slider { border:1px solid #cfcfcf; margin:-1px -1px 0; background:#fff; padding:0; } .sidebar .events-slider .event { height:115px; } .sidebar .events-slider ul.slider li.slider-item { width:182px; height:300px; margin:0; border-color:#cfcfcf; border-width:0 1px 0 0; } .sidebar .events-slider ul.slider .status { padding-top:10px; padding-bottom:5px; } .sidebar .events-slider ul.slider .event-dates { height:40px; } .sidebar .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:50px 10px 0; } .sidebar .events-slider ul.slider li.slider-item .category-show { height:241px; background:#fff; } .sidebar .events-slider { margin-top:-1px; } .sidebar .events-slider .backward { left:3px; top:6px; } .sidebar .events-slider .forward { right:3px; top:6px; } .sidebar .events-slider .event-ticker { height:45px; } .sidebar .events-slider .event-ticker span { font-size:22px; line-height:28px; height:28px; padding-bottom:10px; display:inline-block; } .sidebar .events-slider .event-ticker span.days { background-position:50% -10px; } .sidebar .events-slider .event-ticker span.hour { background-position:50% -69px; } .sidebar .events-slider .event-ticker span.minute { background-position:50% -128px; } .sidebar .events-slider .event-ticker span.second { background-position:50% -185px; } /* Category Page ========================================================================= */ .category-view { margin:0 -20px -20px; } .category-title { margin-bottom:0; border:1px solid #cfcfcf; border-bottom:0; text-align:left; } .category-title .rss-feed { float:right; margin:7px 0 0; padding-left:17px; line-height:12px; white-space:nowrap; text-decoration:none; } .category-title .rss-feed:hover { text-decoration:underline; } .category-view .note-msg, .category-description { padding:20px; } .results-view { margin:0 -20px -20px; } .results-view .recommendations { padding:20px 20px 0; } .catalogsearch-result-index .page-title { margin-bottom:0; } .catalogsearch-result-index .note-msg { margin:20px 0; } .sidebar .category-title { margin:0; } .category-image { text-align:center; margin:0 0 1px; } .category-image img { display:block; margin:0 auto; } .category-products { padding:25px 0 0; } .category-products .price-box { font-size:12px; } .category-products .price-box.geo-itl { font-family: Arial, Helvetica, sans-serif; font-size: 12px;} /* View Type: Grid */ .products-grid { padding:0 0 0 20px; margin:0 0 40px 0; } .products-grid li.item { float:left; width:164px; margin-right:20px; } .products-grid li.last { margin-right:0; } .products-grid .actions {} .products-grid .product-image { display:block; text-decoration:none !important; margin:0 auto 10px; position:relative; width:135px; } .products-grid .product-name { margin-bottom:7px; word-wrap:break-word; } .products-grid .ratings { text-align:left; line-height:13px; } .products-grid .rating-links { display:block; padding:2px 0 0; clear:both; } .products-grid .price-box { margin:5px 0 10px; clear:both; font-size: 14px; } /* View Type: List */ .products-list li.item { margin:0 0 20px 0; padding:0 20px 20px 20px; } .products-list li.last { background-image:none; } .products-list .product-image { float:left; margin-right:-186px; text-decoration:none !important; position:relative; } .products-list .product-shop { margin-left:186px; } .products-list .product-name { margin-bottom:5px; } .products-list .price-box { margin:5px 0 10px; font-size: 14px; } .products-list .desc { margin:5px 0 10px; font-size:12px; } .products-list .desc .link-learn { white-space:nowrap; } .products-grid .special-price, .products-list .special-price { font-size:12px; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .review-product-list .col-main { padding-top:0; } .product-review {} .product-review .product-img-box { float:left; width:285px; } .product-review .product-img-box .product-image { display:block; margin:0 0 15px; } .product-review .details { float:right; width:400px; } .product-review .details .product-name { font-size:15px; font-weight:bold; color:#151515; line-height:19px; margin:0 0 10px; } .product-review .details p.date { font-size:12px; font-style:italic; } .product-review .details p { margin:10px 0; } .product-review .details .review-summary-table { margin:10px 0; } .product-review .buttons-set { clear:both; padding:25px 0 0; } .review-product-view .col-main { background:#fff ; padding:0; } .review-product-view .col-main .page-title { margin-left:0; margin-right:0; } .review-product-view .product-review .product-img-box { padding:0 0 20px 20px; } .review-product-view .product-review .details { width:570px; padding:0 20px 20px 0; } .review-product-view .product-review .buttons-set { border-top:1px solid #d1d1d1; background:#fff; margin:0; padding:15px 20px; } /* ======================================================================================= */ /* CMS =================================================================================== */ .cms-home .col1-layout, .cms-index-index .col1-layout { border:0; } .cms-home .top-callout, .cms-index-index .top-callout { margin-bottom:6px; } .cms-home .col1-layout .col-main, .cms-index-index .col1-layout .col-main { padding:0; } .cms-index-index .col2-set {} .cms-home .col2-set .col-1, .cms-index-index .col2-set .col-1 { width:705px; } .cms-home .col2-set .col-2, .cms-index-index .col2-set .col-2 { width:244px; border:1px solid #d9d7ca; border-left:0; margin-left:-244px; } .cms-home .col2-set .col-2 img, .cms-index-index .col2-set .col-2 img { display:block; margin:6px auto; } .cms-home .col1-layout .category-view, .cms-index-index .col1-layout .category-view { margin:0 0 20px; } .cms-home .col1-layout .page-title, .cms-index-index .col1-layout .page-title { margin:3px 0 0; } .cms-home .col1-layout .products-grid, .cms-index-index .col1-layout .products-grid { margin:0; border:1px solid #cbc0b2; padding-top:20px; padding-bottom:20px; } .cms-home .col1-layout .products-list, .cms-index-index .col1-layout .products-list { margin:0; border:1px solid #cbc0b2; padding-top:20px; } .cms-hp-touchsmart-iq506-has-arrived .col-main { padding:0; } .cms-hp-touchsmart-iq506-has-arrived .main { margin-top:0; } .cms-hp-touchsmart-iq506-has-arrived .breadcrumbs { display:none; } .new-product-spotlight { border:1px solid #cfcfcf; border-top:0; background:url(../images/callouts/electronics/new_computer_bg.jpg) no-repeat; height:519px; position:relative; } .new-product-spotlight .link { position:absolute; top:95px; left:318px; } .new-product-spotlight .more-new-positioning { position:absolute; top:42px; right:70px; width:207px; } .new-product-spotlight .more-new-positioning h3 { margin-bottom:5px; font-size:11px; text-transform:uppercase; font-weight:bold; } .new-product-spotlight .more-new { position:relative; height:335px; } .new-product-spotlight .more-new .arrow-up { position:absolute; top:0; left:0; height:20px; width:207px; background:url(../images/callouts/electronics/more_new_arrow.gif) no-repeat; text-indent:-999em; } .new-product-spotlight .more-new .arrow-down { position:absolute; bottom:0; left:0; height:20px; width:207px; background:url(../images/callouts/electronics/more_new_arrow.gif) no-repeat 0 100%; text-indent:-999em; } .new-product-spotlight .more-new .content { position:absolute; top:20px; left:0; width:205px; height:295px; border-width:0 1px; border-style:solid; border-color:#dcdcdc; background:#fff; } .new-product-spotlight .more-new ol { margin:10px 15px; padding-left:0; list-style-type:none; } .new-product-spotlight .more-new .item { padding:10px 0 10px 85px; border-bottom:1px solid #d2d2d2; } .new-product-spotlight .more-new .item.top {padding-top:0; } .new-product-spotlight .more-new .item.last { border-bottom:0; padding-bottom:0; } .new-product-spotlight .more-new .item img { float:left; margin-left:-85px; position:relative; } .new-product-spotlight .more-new a { font-weight:bold; } .cms-menu { padding:15px; border-bottom:1px solid #d1d1d1; background:#fff url(../images/bkg_cms-menu.gif) 0 0 repeat-x; font-size:12px; list-style-position:inside; } .col-main .cms-menu { float:left; width:240px; border:1px solid #d1d1d1; margin:0 10px 5px 0; } .cms-menu li { color:#999; margin:3px 0; } /*.cms-menu li span { color:#444; }*/ .cms-menu li.parent > a, .cms-menu li.parent > strong { background:url(../images/bkg_cms-menu-arrow-down.gif) 100% 50% no-repeat; padding-right:13px; } .cms-menu li strong { font-size:13px; font-weight:bold; color:#333; } .cms-menu li ul, .cms-menu li ol { padding-left:15px; margin-bottom:7px; list-style-position:inside; } /* CMS Menu Types */ ol.cms-menu.type-1 { list-style-type:decimal; } ol.cms-menu.type-1 ol { list-style-type:decimal; } ol.cms-menu.type-a { list-style-type:lower-alpha; } ol.cms-menu.type-a ol { list-style-type:lower-alpha; } ol.cms-menu.type-A { list-style-type:upper-alpha; } ol.cms-menu.type-A ol { list-style-type:upper-alpha; } ol.cms-menu.type-i { list-style-type:lower-roman; } ol.cms-menu.type-i ol { list-style-type:lower-roman; } ol.cms-menu.type-I { list-style-type:upper-roman; } ol.cms-menu.type-I ol { list-style-type:upper-roman; } ul.cms-menu.type-circle { list-style-type:circle; } ul.cms-menu.type-circle ul { list-style-type:circle; } ul.cms-menu.type-disc { list-style-type:disc; } ul.cms-menu.type-disc ul { list-style-type:disc; } ul.cms-menu.type-square { list-style-type:square; } ul.cms-menu.type-square ul { list-style-type:square; } /* ======================================================================================= */ /* Content Styles ======================================================================== */ .product-name { font-size:12px; font-weight:bold; color:#333; } .product-name a { color:#333; text-decoration:underline; } .product-name a:hover { color:#333; text-decoration:none; } /* Product Tags */ .tags-list { margin:5px 0; } .tags-list li { display:inline; font-size:12px; } .tags-list li a { text-decoration:none; margin:0 2px 0 0; } .tags-list li a:hover { text-decoration:underline; } /* Sitemap */ .page-sitemap .links { display:block; text-align:right; margin:0 20px -36px 0; } .page-sitemap .links a { position:relative; } .page-sitemap .sitemap { padding:0 20px; margin:15px 0; font-size:12px; } .page-sitemap .sitemap li { margin:3px 0; } /* ====================================================================================== */ /* Shopping Cart ========================================================================= */ .checkout-cart-index .col-main { padding:0; } .checkout-cart-index .col-main .page-title { margin:0; } .checkout-cart-index .cart .messages { margin-bottom: 20px; } .cart-empty { padding:20px 0; } .cart-empty p { margin-bottom:15px; font-size:13px; } .cart .title-buttons { padding-right:15px; } .cart .messages, .cart .messages li { margin:0; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .checkout-types fieldset { display:inline; } .cart .checkout-types .btn-proceed-checkout span { height:27px !important; padding:0 0 0 13px !important; } .cart .checkout-types .btn-proceed-checkout span span { border:0; padding:1px 32px 0 19px !important; color:#fff; font:bold 15px/26px Arial, Helvetica, sans-serif !important; height:26px; text-transform:none; margin:0 !important; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table */ .cart-table { border-width:1px 0; } .cart-table .item-msg { font-size:10px; } .cart-table thead th { vertical-align:bottom; } .cart-table tbody td { padding:12px; } .cart-table .btn-continue { float:left; background:none; border:none; } .cart-table .btn-continue span { background:none; border:none; text-transform:none; color:#444; text-decoration:underline; font-weight:normal; padding:0; } .cart-table .btn-update { float:right; margin-left:5px; } .cart-table .btn-empty { float:right; } .cart-table {background-color: #ffffff;} /* Empty Cart Add by SKU */ .cart-empty .failed-products { clear:both; z-index:1; position:relative; margin:40px -20px -21px; } /* Options Tool Tip */ .item-options p { font-size:11px; font-weight:bold; text-transform:uppercase; padding:10px 12px 0 12px; } .item-options dt { font-weight:bold; padding:7px 0 7px ; } .item-options dd { padding-bottom:5px; } .truncated { cursor:help; margin:5px 0 0; position:relative; z-index:1; width:110px; } .truncated:hover { z-index:2; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; color:#514f4f; } .truncated .truncated_full_value {} .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:0; width:190px; border:1px solid #c8c8c8; border-bottom:1px solid #919191; background-color:#fff; } .truncated .truncated_full_value .item-options dl { margin-right:-9px; position:relative; z-index:9999; padding:0px 21px 10px 12px; background:url(../images/bkg_truncated.gif) no-repeat 100% 38px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } .top-cart .truncated .show .item-options { top:-60px; left:-206px; } .block-cart .truncated .show .item-options { top:-60px; left:-206px; } /* Item options in the cart */ .data-table .item-options dt { padding:3px 0 0 10px; } .data-table .item-options dd { padding:0 0 3px 10px; } .data-table .item-options dd .price { font-weight:bold; margin-left:5px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .checkout-onepage-index .col-main { padding:20px 0 0; } .opc-wrapper { } .opc-wrapper .page-title { margin:0; position:relative; z-index:1; } .opc-wrapper .page-title .callout { position:absolute; top:7px; right:20px; z-index:1; } /* Block: Checkout Progress */ .opc-progress-container { float:left; width:182px; } .opc-progress-container .opc-block-progress { background:#fff; } .opc-progress-container .opc-block-progress .block-title { padding:17px 11px 10px 17px; background:none; border:0; border-bottom:1px solid #cfcfcf; } .opc-progress-container .opc-block-progress .block-title strong { font:18px/1.1 Arial, Helvetica, sans-serif; padding:0; color:#111; } .opc-progress-container .opc-block-progress .block-content { padding:17px 11px 17px 17px; } .opc-progress-container .opc-block-progress dt { font-weight:bold; margin:2px 0 8px; } .opc-progress-container .opc-block-progress dt.complete { font-weight:bold; margin:2px 0 4px; } .opc-progress-container .opc-block-progress dt.complete a { font-weight:normal; text-transform:lowercase; } .opc-progress-container .opc-block-progress dd.complete { margin:5px 0 8px; padding:5px; } .opc-progress-container .block-progress .cards-list dd { padding:0; } .opc-progress-container .block-progress .cards-list .info-table th { font-weight:normal; } .opc { float:right; width:755px; } .opc li.section { position:relative; } .opc .step-title { margin:0 0 1px; } .opc .step-title .number { display:none; } .opc .step-title h2 { background-color:#e6e6e6; color:#686868; font-size:11px; line-height:22px; padding:0 14px; font-weight:bold; text-transform:uppercase; } .opc .allow .step-title {} .opc .allow .step-title h2 { background-color:#656565; color:#fff; cursor:pointer; } .opc .active {} .opc .active .step-title { margin:0 0 0; padding:0 0 0 0; } .opc .active .step-title h2 { color:#fff; text-transform:capitalize; font-weight:normal; border-bottom:1px solid #cfcfcf; cursor:default; font-size:16px; padding:5px 20px 2px; line-height:24px; height:24px; } .opc .step { padding:20px; min-height:300px; font-size:12px; background:#fcfcfc; border-top:0; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication { margin:0 auto; width:570px; } .opc .order-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Steps */ .opc .form-alt .input-box { width:695px; } .opc .form-alt .input-box select { width:695px; } #checkout-step-login { height:auto !important; min-height:0 !important; padding:0; } #checkout-step-login .col2-set { padding:20px 20px 30px; height:auto !important; min-height:0 !important; } #checkout-step-login .login-only { background-image:none; } #checkout-step-login h4 { font-size:16px; color:#000; font-weight:normal; margin:0 0 15px; } #checkout-step-login .col2-set .col-1 {} #checkout-step-login .col2-set .col-2 { width:338px; } #checkout-step-login .col2-set .col-2 .radio { margin-right:5px; } #checkout-step-login .col2-set .col-2 li { padding-left:10px; } #checkout-step-login .col2-set .col-2 .form-list li { background:none; padding-left:0; } #checkout-step-login .form-list label, #checkout-step-login .form-list .label { width:90px; } #checkout-step-login .btn-only { padding:0 0 0 105px; text-align:left; width:214px; } #checkout-step-login .btn-only .button { float:right; } #checkout-step-login p { margin:0 0 15px; } #checkout-step-login .form-list p { padding-left:105px; margin:0; } #checkout-step-login .form-list .input-text { width:210px; } #checkout-step-login .form-list li.note { float:left; padding-left:105px; margin:0 0 9px; width:auto; clear:left; } #checkout-step-login .form-list li.control { float:left; clear:left; } #checkout-step-login .form-list li.control .input-box { margin-left:105px; } #checkout-step-login .form-list li.buttons-set { float:right; clear:none; padding-right:30px; padding-top:2px; } .opc .buttons-set .opc .form-buttons { width:auto; text-align:right; } .opc .buttons-set p.back-link { text-align:left; } .opc .form-buttons { width:auto; text-align:right; } .opc .buttons-set .button, .opc .form-buttons .button { float:right; margin:0; } .opc p.required { text-align:right; width:auto; padding-left:0; } .checkout-onepage-payment-additional-customerbalance { margin-bottom:5px; } .checkout-onepage-payment-additional-customerbalance .checkbox { margin-left:0; } /* #checkout-step-shipping_method .buttons-set, #opc-payment .buttons-set { width:521px; margin-top:10px; margin-bottom:0; } #checkout-step-shipping_method .buttons-set .back-link, #opc-payment .buttons-set .back-link { width:245px; padding-right:15px; float:left; text-align:right; } #checkout-step-shipping_method .buttons-set .back-link a, #opc-payment .buttons-set .back-link a { display:inline; float:none; } #checkout-step-shipping_method p.required, #opc-payment p.required { padding:0 0 0 260px; } #opc-payment p.note { padding:10px 0; font-size:11px; } */ #checkout-step-review { padding:0; } #checkout-step-review .data-table { border:0; font-size:12px; } #checkout-step-review .data-table .item-options { font-size:11px; } #checkout-step-review .data-table thead th { vertical-align:bottom; font-size:11px; } #checkout-step-review .data-table .product-name { font-size:12px; } #checkout-step-review .data-table tfoot tr.last strong { font-size:14px; } #checkout-step-review .buttons-set { padding:15px 20px; margin:0; } .opc .checkout-agreements { margin:20px; } /* Multiple Addresses Checkout */ .checkout-progress, .checkout-progress li.first span, .checkout-progress li.last span { } .checkout-progress { padding:0 0 0 0; border-bottom:1px solid #cfcfcf; background-color:#ededed; text-align:center; margin:-21px -21px 5px; font-size:11px; font-weight:bold; text-transform:uppercase; width:940px; position:relative; z-index:2; } .checkout-progress li { float:left; width:20%; text-align:center; color:#888; line-height:20px; } .checkout-progress li span { display:block; text-align:center; border-right:1px solid #cfcfcf; } .checkout-progress li.first span { background-position:0 0; } .checkout-progress li.last span { background-position:100% 0; border:0; } .checkout-progress li.active span { color:#fff; background-color:#d12c01; } .multiple-checkout { position:relative; z-index:1; } .multiple-checkout .data-table thead th { vertical-align:bottom; } .multiple-checkout .col3-set .actions { border:1px solid #e4e4e4; padding:3px 9px 4px; float:left; } .multiple-checkout .col3-set address { padding:10px; clear:both; } .multiple-checkout .col3-set, .multiple-checkout .col2-set { margin:0 0 15px; } .multiple-checkout .buttons-set { padding:15px 0; clear:both; width:auto; } .multiple-checkout .buttons-set .button { float:right; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-weight:normal; font-size:18px; color:#cd3800; text-align:right; display:block; margin:10px 0 15px; } .multiple-checkout .grand-total .price-label { font-weight:normal; } .multiple-checkout .grand-total .price { font-weight:bold; } .multiple-checkout .sp-methods { font-size:12px; } .multiple-checkout .checkout-multishipping-payment-customerbalance { font-size:12px; margin-bottom:7px; } .multiple-checkout .fieldset label { font-size:11px; } .multiple-checkout .gift-item .fieldset { font-size:11px; width:380px; } /* Review Details */ #checkout-step-review .data-table .btn-remove, .checkout-multishipping-overview .data-table .btn-remove, #details-table .btn-remove { display:-moz-inline-stack; display:inline-block; vertical-align:middle; } /* ========================================================================================================= @Common Checkout Styles ====================================================================================================== */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin-bottom:5px; } .sp-methods dd { margin:0 0 7px; } .sp-methods dd li { margin:5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; margin:15px 0; } .sp-methods .form-list .input-text { width:250px; } .sp-methods .form-list select { width:256px; } .sp-methods .form-list label { width:155px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .input-box { line-height:21px; } .sp-methods .radio, .sp-methods .checkbox {} .sp-methods .v-fix .validation-advice { margin-right:-250px; position:relative; z-index:1; width:250px; } .sp-methods .adv-container { padding-left:170px; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:1.5em 0 2em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .checkmo-list li { margin:0 0 4px; } .checkmo-list label { padding-top:0; } .checkmo-list address { float:left; } .please-wait { position:absolute; z-index:99; top:50%; left:50%; margin:-34px 0 0 -90px; border:5px solid #f3b66f; font-size:12px; color:#f18200; font-weight:bold; background:#fff; padding:20px; white-space:nowrap; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Gift Messages */ .add-gift-message { padding:20px 0; } .add-gift-message h3 { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .add-gift-message p { margin:10px 0; } .gift-message-form { border:1px solid #d1d1d1; background:#f5f5f5 url(../images/bkg_block.gif) repeat-x 0 0; } .gift-message-form .fieldset { padding:10px 0 10px; } .gift-message-form .fieldset .input-text, .gift-message-form .fieldset textarea { width:200px; } .gift-message-form .fieldset textarea { width:200px; height:8em; } .gift-message-form .inner-box { padding:0; height:300px; overflow:auto; } .gift-message-form .inner-box h5, .gift-message-form .inner-box h4 { font:14px/1.25 Arial, Helvetica, sans-serif; padding:0 20px; color:#222; margin:17px 0; } .gift-message-form .inner-box p { margin:10px 0; padding:0 20px; } .gift-message-form .gift-item { padding:5px 0 0; background:url(../images/bkg_dots.gif) repeat-x 0 100%; } .gift-message-form .gift-item .number { padding:5px 20px 5px; margin-bottom:0; background:url(../images/bkg_dots.gif) repeat-x 0 100%; color:#adadad; font-weight:bold; } .gift-message-form .gift-item .product-img-box { background:url(../images/bkg_dots.gif) repeat-y 100% 0; float:left; width:150px; padding-right:15px; } .gift-message-form .gift-item .product-image { text-align:center; margin:20px; } .gift-message-form .gift-item .product-name { font-size:12px; margin:20px 0 5px; text-align:center; } .gift-message-form .gift-item .fieldset { float:left; background:url(../images/bkg_dots.gif) repeat-y 0 0; padding:20px 0 10px 10px; margin:0 0 0 -2px; } .gift-message-form .gift-item .fieldset label { width:80px; } .gift-message-form .gift-item .gift-wrapping-form { padding:0 20px; } .gift-options-for-order { padding:0 40px; } .gift-options-for-order .fieldset { padding:0; } .gift-options-for-order .fieldset p { padding:0; } .gift-options-for-order .fieldset label { width:80px; } .gift-options-for-order .fieldset .input-text, .gift-options-for-order .fieldset textarea { width:340px; } .gift-wrapping-form { padding:0 0 10px; } .gift-wrapping-form img { border:1px solid #ccc; float:left; margin-right:10px; } .gift-wrapping-form label { margin-right:10px; vertical-align:middle; } .gift-wrapping-form .gift-wrapping-design { overflow:hidden; padding:10px 0 0; width:100%; } .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 {} .gift-message-row .btn-close { float:right; width:13px; height:12px; background:url(../images/gift-message-close.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .gift-message dt strong { font-weight:bold; } /* Checkout Success */ .checkout-onepage-success .col-main { font-size:12px; } .checkout-onepage-success .col-main p { margin:0 0 10px; } /* Common Checkout Styles [end] ========================================================== */ /* Account Login/Create Pages ============================================================ */ .my-account {} .account-login { position:relative; font-size:12px; background:url(../images/bkg_cols.gif) repeat-y 266px 0; min-height:350px; margin-bottom:-20px; } .login-only { background:none; } .login-only .registered-users { float:none; margin:0 auto; } .account-login .new-users, .account-login .registered-users { width:381px; padding:30px 32px 30px; } .account-login .registered-users p { margin-bottom:1.5em; } .account-login .spacer { position:absolute; top:100%; left:447px; margin-top:-1px; width:16px; height:3px; font-size:0; line-height:0; background:#fff; overflow:hidden; } .account-login .fieldset { margin:0; } .account-login .fieldset h2 { margin-bottom:.5em; } .account-login .form-list label, .account-login .form-list span.label { width:98px; } .account-login p.required, .account-login .btn-only { padding-left:113px; width:230px; text-align:right; } .account-login .btn-only a { float:left; white-space:nowrap; } .account-login .form-list input.input-text { width:224px; } .account-login .form-list p { padding:0 0 0 110px; } .account-login .form-list li.note { float:left; padding-left:113px; margin:0 0 9px; width:auto; clear:left; } .account-login .form-list li.note a { font-size:12px; } .account-login .form-list li.control { float:left; clear:left; } li#remember-me-box.control { white-space:nowrap; } li#remember-me-box.control label { margin-right:20px; white-space:normal; } .account-login .form-list li.control .input-box { margin-left:113px; } li#remember-me-box.control .link-tip { display:inline-block; font-size:11px; line-height:16px; padding-top:2px; white-space:normal; } .account-login .form-list li.buttons-set { float:right; clear:none; padding-right:38px; padding-top:2px; } .account-create {} /* Popup Dialog Block */ .window-overlay { background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .window-overlay { position:absolute; top:0; left:0; min-height:100%; background:#000; opacity:0.8; width:100%; z-index:990; display:none; } .window-overlay.active { display:block; } .popup-block { border:1px solid #cfcfcf; left:50%; top:40%; position:absolute; margin:-85px 0 0 -250px; width:500px; text-align:left; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; box-shadow:0 0 6px #000; z-index:1000; position:fixed; display:none; } .popup-block.active { display:block; } .popup-block .block-title { /* background:url(../images/bkg_page-title.gif) repeat-x scroll 0 0 #F6F6F6; border-bottom:1px solid #CFCFCF; padding:17px 17px 10px; */ } .popup-block div.btn-close { background:url(../images/btn-option-ctrl.png) top right no-repeat; display:block; position:absolute; top:19px; right:17px; height:15px; width:12px; text-indent:-9999em; cursor:pointer; } .popup-block .block-title strong { color:#D12C01; font-size:16px; font-weight:normal; } .popup-block .block-content { padding:28px 21px 25px; background:url(../images/bkg_block.gif) repeat-x 0 100% #fff; font-size:12px; } .popup-block .block-content .form-list label { width:180px; } .popup-block .block-content .form-list .input-text { width:230px; } .popup-block .block-content .form-list .control .input-box { margin-left:195px; } .popup-block .block-content .form-buttons { width:auto; padding-left:188px; padding-top:10px; } .popup-block .block-content .form-buttons .button { float:left; } .popup-block.loading .block-content * { text-align:left; text-indent:-99999em; overflow:hidden; position:relative; margin-left:-9999em; } .popup-block.loading .block-content:before { content:''; display:block; background:url(../images/opc-ajax-loader.gif) no-repeat 0 50%; position:absolute; z-index:99; top:50%; left:50%; line-height:16px; padding:16px; text-indent:0!important; } .popup-block .txt-steps-completed { display: none; } /* My Account ============================================================================= */ /* Captcha */ .captcha-note { clear:left; padding-top:5px;} .captcha-image { float:left; margin:0 0 0 240px; position:relative; width:228px; } .captcha-image .captcha-img { border:1px solid #c7c7c7; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:-12px 0 0 113px; } #checkout-step-login .captcha-image { margin:-24px 0 0 105px; width:214px; } .captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } #checkout-step-login #advice-required-entry-captcha_user_login { min-height: 30px; } .registered-users #advice-required-entry-captcha_user_login { margin-bottom: 5px; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* ========================================================================================================= @Dashboard ====================================================================================================== */ .dashboard {} .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding:0 0 20px; } /* Block: Tags */ .dashboard .tags { padding:0 0 20px; } .dashboard .tags p { display:inline; } .dashboard .tags .product-name { margin:0 0 3px; font-size:11px; line-height:17px; } .dashboard .tags li { margin:0 0 8px; } .dashboard .tags .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .tags .details { margin-left:25px; } /* Block: Reviews */ .dashboard .reviews { padding:0 0 20px; } .dashboard .reviews .product-name { margin:0 0 3px; font-size:11px; line-height:17px; } .dashboard .reviews p { float:left; margin-right:5px; } .dashboard .reviews li { margin:0 0 5px; } .dashboard .reviews .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .reviews .details { margin-left:25px; } /* Dashboard [end] ======================================================================= */ /* Order View */ .order-page {} .order-page .order-date { margin:0 0 20px; color:#6c6c6c; font-size:11px; } .order-page .col2-set { padding-bottom:20px; } .order-details .link-print { background:none; padding:0; } .order-details .order-additional, .order-details .data-table { margin-bottom:20px; } .order-details .order-additional dt { font-weight:bold; background:url(../images/bkg_dots.gif) repeat-x 0 100%; padding:0 0 5px; margin:0 0 5px; } .order-details .order-additional dd { padding:10px; margin:0 0 10px; } .order-details dl.gift-message { margin:0 20px; } .order-details .gift-message dt { margin:1px 0; padding:2px 10px; background:#e6e6e6; } .order-details .gift-message dd { border:1px solid #c7c7c7; background:#fff; padding:10px; margin:0 0 10px; white-space:pre-wrap; word-wrap:break-word } .order-links { margin:0 0 10px; text-align:right; padding-bottom:5px; background:url(../images/bkg_dots.gif) repeat-x 0 100%; text-align:right; } .order-info { margin-bottom:5px; border-bottom:1px solid #c4c4c4; } .order-info dt { padding:6px 20px 0 10px; color:#6c6c6c; float:left; } .order-info dd { float:left; } .order-info ul { float:left; } .order-info li { float:left; position:relative; z-index:2; margin-right:3px; background:#dedede url(../images/bkg_collateral-tabs.gif) no-repeat 0 -39px; color:#222; padding:0 0 0 17px; font-size:12px; } .order-info li strong, .order-info li a { text-decoration:none; background:url(../images/bkg_collateral-tabs.gif) no-repeat 100% -39px; padding:0 17px 0 0; line-height:24px; float:left; } .order-info li.current { margin-bottom:-1px; color:#000; font-weight:bold; z-index:3; border-bottom:0; background:#fff url(../images/bkg_collateral-tabs.gif) 0 0 no-repeat; } .order-info li.current strong { background-position:100% 0; padding-bottom:1px; } .order-info dt { font-weight:bold; } /* Manage Newsletter Subscription */ .newsletter-manage-index .form-buttons .button { float:left; margin:0; } /* Split Button */ .split-button { display:inline-block; z-index:1; position:relative; max-width:300px; white-space:nowrap;} .split-button.clickable:active { left:1px; top:1px; } .split-button { height:21px; padding:0 0 0 10px; margin:0; } .split-button.active { z-index:100; } .split-button strong { cursor:default; font-weight:bold; text-transform:uppercase; font-size:11px; height:19px; padding:3px 30px 0 5px; margin:0; display:block; overflow-x:hidden; white-space:nowrap; text-overflow:ellipsis; } .split-button.clickable > strong, .split-button strong[onclick] { text-transform:uppercase; font-size:11px; color:#C73615; text-transform:uppercase; cursor:pointer; } .split-button .change { display:inline-block; border:1px solid; border-color:transparent transparent transparent #999; text-indent:-999em; overflow:hidden; width:15px; cursor:pointer; height:11px; margin-left:8px; vertical-align:middle; } .split-button .change { position:absolute; right:5px; top:0px; height:19px; border-left-color:#ccc; } .split-button.light { background:none; height:auto; padding:0; } .split-button.light.clickable:active { top:auto; left:auto; } .split-button.light strong { display:inline-block; font-size:11px; text-transform:none; background:none; font-weight:normal; padding:0; height:auto; overflow:visible; white-space:normal; text-overflow:visible; } .split-button.light.clickable > strong, .split-button.light strong[onclick] { text-transform:none; text-decoration:underline; color:#999; } .split-button.light.clickable > strong:hover, .split-button.light strong[onclick]:hover { text-decoration:none; } .split-button.light .change { position:static; right:auto; top:auto; height:11px; border-left-color:#999; } .split-button.active .change, .split-button .change:hover { background-position:-995px 50%; } .split-button .list-container { position:absolute; display:none; right:0; top:100%; padding:0; min-width:100%; max-width:300px; float:left; } .split-button.active .list-container { display:block; } .split-button .list-container ul { background:#fff; border:1px solid rgba(0,0,0,0.1); position:relative; } .split-button .list-container ul > li { white-space:nowrap; border:1px solid #c1c1c1; border-top-width:0; margin:0; display:block!important; margin:0!important; } .split-button .list-container ul > li:first-child { border-top-width:1px; } .split-button .list-container li a, .split-button .list-container li span { display:block; line-height:1.2!important; cursor:pointer; padding:5px 18px 5px 18px; color:#999; font-size:11px; text-transform:none; text-decoration:none; text-align:left; text-overflow:ellipsis; overflow:hidden; } .split-button .list-container li:hover a, .split-button .list-container li:hover span, .split-button .list-container li:hover { color:#fff; text-decoration:none; } .split-button .list-container li:hover { background-color:#999; background-position:5px -984px; } .split-button .list-container li.new { color:#d33911; background-color:#eee; background-position:5px 7px; } .split-button .list-container li.new:hover { background-color:#999; background-position:5px -485px; } /* Wishlist */ .my-wishlist textarea { width:99%; height:3.9em; resize:vertical; line-height:1.3em; overflow:auto; } #wishlist-table .price-box { margin:3px 0; } #wishlist-table td .description { margin:10px 0; max-height:3.9em; line-height:1.3em; overflow:hidden; word-wrap:break-word; max-width:345px; } #wishlist-table td .description .inner { overflow:hidden; } #wishlist-table td { padding:15px 10px; } #wishlist-table th:first-child, #wishlist-table td:first-child { padding-left:10px; padding-right:0; } #wishlist-table td p { margin:5px 0 15px; } #wishlist-table td.last { padding:4px 2px; width:1px; } #wishlist-table td .price-box { font-size:12px; } #wishlist-table td .price-box p { margin:0 0 5px; } #wishlist-table td .truncated { float:left; width:auto; margin-right:10px; line-height:18px; } #wishlist-table td .truncated .show .item-options { top:-40px; right:100%; left:auto; margin-right:15px; line-height:1.2; } #wishlist-table td .truncated .truncated_full_value .item-options dl { background-position:100% 0; } #wishlist-table .item-manage { margin:0 0 0 0; float:left; } #wishlist-table .item-manage .split-button { margin:10px 9px 0 0; } #wishlist-table .item-manage .split-button .change { margin-left:2px; } #wishlist-table .item-manage .split-button:last-child { margin-right:0; } .wishlist-empty { font-size:12px; padding:15px 10px; text-align:center; } p.wishlist-empty {border:1px solid #d0d0d0;} /* Multiple Wishlist */ .link-edit { padding-left:18px; line-height:18px; background:url(../images/bkg_link-edit.png) no-repeat 0 0; display:inline-block; } .wishlist-management .link-edit { width:16px; padding:0; margin:0 5px; height:16px; text-indent:-999em; overflow:hidden; vertical-align:middle; } .wishlist-management .btn-create { float:right; margin-bottom:10px; } .wishlist-management .sub-title { float:left; max-width:100%; } .wishlist-management .sub-title h2 { word-wrap:break-word; } .wishlist-management .note-msg { clear:both; margin:0 0 10px; padding:10px; border-style:solid !important; border-width:1px !important; font-size:12px !important; border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .wishlist-management .msg-private { background:url(../images/bkg_lock.png) no-repeat 10px 10px #fafaec; padding-left:30px; } .wishlist-management .table-caption .label { font-size:12px; float:left; line-height:21px; } #wishlists-move { float:right; margin-left:10px; } #wishlists-copy { float:right; } #wishlists-select { background:none; padding-left:0; white-space:nowrap; float:left; max-width:220px; } #wishlists-select strong { background:none; padding-right:0; padding-left:7px; font-weight:normal; font-size:12px; text-transform:none; } #wishlists-select strong span { font-weight:bold; } #wishlists-select .change { text-indent:0; width:auto; background:none; margin-left:4px; border:0; right:auto; left:100%; text-decoration:none; line-height:19px; margin-top:1px; } #wishlists-select .change span { color:#1e75b4; text-transform:none; background:url(../images/bkg_header-panel.gif) no-repeat scroll 100% -74px transparent; padding-right:10px; } #wishlists-select.active .change span { color:#d33911; background-position:100% -130px; } #wishlists-select .list-container { right:auto; left:0; margin-top:4px; } #wishlists-select .list-container ul { background:#e7e7e7; border:0; } #wishlists-select .list-container li:first-child { border-top:0; } #wishlists-select .list-container li { border-color:#d9d9d9; } #wishlists-select .list-container a, #wishlists-select .list-container span { color:#1e75b4; padding:5px 6px; /* background-position:-999em -999em; */ } #wishlists-select .list-container li:hover a, #wishlists-select .list-container li:hover span, #wishlists-select .list-container li:hover { color:#d33911; } #wishlists-select .list-container li:hover { background-position:-999em -999em; background-color:#f8f8f8; } #wishlists-select .list-container li.new { color:#d33911; background-color:#d9d9d9; background-position:5px 7px; padding-left:12px; } #wishlists-select .list-container li.new:hover { background-color:#999; background-position:5px -485px; color:#fff; } #wishlists-select .list-container li.new:hover a, #wishlists-select .list-container li.new:hover span { color:#fff; } /* Wishlist search view */ #wishlist-search-results {} .col3-layout #wishlist-search-results .item-name { max-width:340px; word-wrap:break-word; display:block; } .col2-right-layout #wishlist-search-results .item-name, .col2-left-layout #wishlist-search-results .item-name { max-width:500px; } .col1-layout #wishlist-search-results .item-name { max-width:600px; } .wishlist-search-view {} .list-info { border:1px solid #dadada; padding:10px 0; margin:0 0 15px; background:url(../images/bkg_block.gif) repeat-x 100% 100% #fff; max-width:100%; word-wrap:break-word; } .list-info .item { padding:5px 0; font-size:12px; border-top:1px dotted #d9d9d9; margin:0 15px; } .list-info .item:first-child { border-top:0; } .list-info .item .label { font-weight:normal; font-style:italic; font-size:0.9em; margin-right:5px; } .list-info .item .label:after { content:':'; } .list-info .item .value { font-weight:bold; } .wishlist-search-view #wishlist-table td.last { padding:15px 10px; } .wishlist-search-view #wishlist-table .description { max-height:6.5em; max-width:280px; } .wishlist-search-view .list-info { display:inline-block; } .wishlist-search-view .sub-title { clear:both; } .wishlist-search-view p.qty { text-align:center; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; padding-top:1px; } .giftcard-status .messages, .giftcardaccount .messages { margin-bottom:10px; } .giftcardaccount p { margin:0 0 15px; } .giftcardaccount .fieldset { margin:0; } .giftcardaccount .btn-only { margin:0 0 15px; } /* Gift Card Status Check */ .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg { margin:10px 0 20px; } .gift-card-info { margin:10px 0; padding:10px 10px 5px; border:1px dashed #d9d9d9; background:#fcf7f5; } .gift-card-info p { font-size:12px; margin:0 0 5px; } .gift-card-info .giftcard-number { font-weight:bold; } .gift-card-info .form-list label {} .gift-card-info .btn-only { padding-left:0; } #gc-please-wait { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; opacity:0.8; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h2.h2 { margin:15px 0 10px; } .page-print .col2-set { margin:10px 0 20px; } /* 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; } /* Tagged products */ .my-tag-edit { float:left; } .my-tag-edit .btn-remove { float:right; margin:-3px 0 0 5px; position:relative; } #my-tags-table .price-box { margin:5px 0; } #my-tags-table .last { text-align:center; } #my-tags-table .last p { margin:10px 0; } /* Reward Points */ .my-rewards .box { margin:0 0 30px; } .my-rewards .info-box .box-title { margin:10px 10px; } .my-rewards .info-box .box-content { padding:0 10px 10px; } .my-rewards p.error { display:inline; color:#d91a00; } .my-rewards dl { font-size:12px; } .my-rewards dl dt { font-weight:bold; font-size:13px; margin-top:10px; } .my-rewards dl dt span { color:#d12c01; } .my-rewards dl dd.last { margin:7px 0 0; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; margin:0 5px 0 0; } .my-rewards .data-table small { display:block; font-size:1em; color:#808080; } /* Billing Agreements */ .billing-agreements .info-box { margin:15px 0; } .billing-agreements .info-box p { margin:0 0 9px; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } /* Gift Registry Functionality */ .btn-gift-registry { background:url(../images/i_gift-registry3.gif) 0 0 no-repeat; padding:3px 0 0 33px; text-align:left; } .btn-gift-registry .input-box { margin:0 0 7px; } .btn-gift-registry select { width:100%; } .gift-registry-name { background:url(../images/i_gift-registry2.gif) 0 0 no-repeat; margin:3px 0 0; padding:0 0 0 20px; line-height:18px; } /* Order By SKU */ .wrapper .block-addbysku .input-box.validation-error, .wrapper .block-addbysku .input-box.validation-passed { padding-right:0; background:none; } .wrapper .block-addbysku .validation-advice { margin-right:-19px; } .main .block.block-addbysku .block-content { padding:10px 4px 10px; } .block-addbysku .data-table th, .block-addbysku .data-table td { padding:6px 4px; } .block-addbysku .data-table th:first-child, .block-addbysku .data-table td:first-child { padding-left:13px; } .sidebar .block-addbysku .actions { padding:0 13px 7px; } p.link-widget-sku { padding:15px 13px; text-align:left; float:left; } .sidebar p.link-widget-sku { padding:5px 13px 0; text-align:right; border-top:1px dotted #dadada; float:none; } p.link-widget-sku a { color:#999; } .block-addbysku .actions { text-align:right; margin:15px 0 10px; float:right; } .sidebar .block-addbysku .actions { float:none; } .block-addbysku .file-upload { float:left; text-align:left; border:1px solid #dadada; padding:10px 17px; background:#F5F5F5 url(../images/bkg_block.gif) repeat-x 0 100%; margin-top:10px; } .block-addbysku .file-upload label { display:block; float:none; width:auto; min-width:60px; text-align:left; } .block-addbysku .file-upload p { padding:3px 0; } .block-addbysku .file-upload .btn-reset { display:inline-block; margin-left:15px; } .block-addbysku .file-upload .btn-reset span { margin-left:0; padding:3px 0; background:url(../images/bkg_icon-reset.png) no-repeat scroll 0 50%; padding-left:15px; display:inline-block; cursor:pointer; color:#999; } .block-addbysku .file-upload .input-box { display:block; float:none; } .block-addbysku .file-upload .note { width:auto; clear:both; padding:2px 0; } .block-addbysku .data-table {} .block-addbysku .data-table td .btn-remove { margin:4px 0 0; float:right; margin-right:-16px; } .block-addbysku .data-table td .input-box { float:left; } .block-addbysku .data-table td .qty { width:8em!important } .sidebar .block-addbysku .data-table td .qty { width:5em!important } .block-addbysku .data-table td.last { padding-right:18px; } .block-addbysku .data-table tfoot td.last { text-align:right; } .block-addbysku .data-table .add-row { cursor:pointer; background:url(../images/bkg_btn-split-item.png) no-repeat 0px 2px; padding-left:11px; font-weight:bold; color:#999; } .block-addbysku .data-table .input-box { width:99%; } .wrapper .block.block-addbysku .data-table .validation-advice { } .wrapper .block.block-addbysku .data-table .col-sku { width:auto; } .wrapper .block.block-addbysku .data-table .col-qty, .wrapper .block.block-addbysku .data-table .col-remove { width:13px; } .wrapper .block.block-addbysku .data-table .input-text { width:99%; } /* Disabled ============================================================================== */ .disabled { position:relative; z-index:1; } .disabled:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; background:#fff; opacity:0.2; } /* MAP Popup ============================================================================= */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; padding:10px 20px 20px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; line-height:14px; font-weight:bold; padding:5px 2px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#efefef ; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { color:#333; font-size:14px; font-weight:bold; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(../images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:6px; right:8px; height:15px; width:15px; text-align:left; text-indent:-9999em; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { background:#fefefe; clear:right; line-height:1.5; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Restricted ============================================================================ */ .restriction-index-stub .page { width:652px; padding-bottom:3px; } .restriction-index-stub .main { margin-top:100px; min-height:0; height:auto !important; padding:13px; text-align:center; margin-bottom:0; } .restriction-index-stub .col-main { color:#dedede; height:auto !important; min-height:230px; height:230px; font-size:16px; background:#4a4a4a url(../images/logo-offline.gif) no-repeat 50% 95px; padding:170px 60px 40px; } .restriction-index-stub .page-title { margin:0 0 15px !important; padding:0 !important; border:0 !important; background:none; } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { font:italic 35px Georgia, "Times New Roman", Times, serif; color:#fff; } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { padding:15px 0 0; margin:0; } /* ========================================================================================================= @clears ====================================================================================================== */ .account-login .form-list:after, .wishlist-management .table-caption:after, .product-options dt:after, #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .block-content:after, .block-list li.item:after, .block-poll li:after, .currently li:after, .order-info:after, .top-cart .actions:after, .header .quick-access:after, .product-view .box-related li.item:after, .bundle-summary .product:after, .collateral-tabs:after, .block-cart .block-content .item:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header-panel:after, #nav:after, .main:after, .footer-before-container:after, .footer-container:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block li.item:after, .block .actions:after, .mini-products-list li:after, .cms-index-index .block-featured li.item:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .products-grid:after, .products-list li.item:after, .product-view:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add-tags:after, .product-options .options-list li:after, .options-container-small .product-options:after, .product-options-bottom:after, .product-review:after, .box-collateral:after, .box-collateral .box-content:after, .collateral-tabs .tab-content:after, .account-login:after, .cart .cart-collaterals:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .form-list li:after, .form-list li.fields .field:after, .clearfix:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after, .new-product-spotlight .more-new .item:after, .addresses-list .col-2 li:after, .product-view .product-shop:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /* Richmond ============================================================================== */ .cms-richmond-success, .cms-richmond { background: black; } .cms-richmond-success .footer-links, .cms-richmond .footer-links { float: none; } /* avoid site disconfiguration from the site notice on top */ .global-site-notice { display: none; }