/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * https://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to https://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (https://www.varien.com) * @licensehttps://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Fonts ================================================================================== */ @import url(//fonts.googleapis.com/css?family=Nunito:400,300); /* Layout ================================================================================= */ .wrapper {} .page { width:800px; margin:0 auto; padding: 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { border-top: 0; padding: 10px 0 0 0; margin-top: 0; } .bare .main { margin:3px 0 0 0; padding: 35px 0 200px; border-bottom: 2px solid #c8c7c7; } .cms-home .bare .main { border-bottom: none; margin: 3px 0 10px 0; padding: 10px 0; } .credits-index-assign .bare .main { padding-bottom: 10px; } /* Base Columns */ .col-left { float:left; width:230px; padding:5px 5px 0; } .col-main { float:left; width:550px; padding:5px; } .col-right { float:right; width:230px; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; padding: 0; border: none; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* 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%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } .group:after { content: ""; display: table; clear: both; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ .verdAqua { color: #008B99; } .headertext14blue { color: #143D8D; font-weight: bold; font-size: 14px; } .headertext14green { color: #008B99; font-weight: bold; font-size: 14px; } .headertext14red { color: #ff0000; font-weight: bold; font-size: 14px; } .text12blue { color: #143D8D; font-weight: bold; font-size: 12px; } .headertext12green { color: #008B99; font-weight: bold; font-size: 12px; } .text14redb { color: #ff0000; font-weight: bold; font-size: 14px; } .bblue12 { color: #143D8D; font-weight: bold; font-size: 12px; } .buttongreenblue { color: #143D8D; background-color: #BCE0A0; font-size: 12px; font-weight: bold; text-align: center; width: 170px; } .buttongreenblue0 { background-color: #BCE0A0; color: #143D8D; font-size: 12px; font-weight: bold; } .bgreen10C { color: #008C99; font-size: 12px; font-style: normal; font-weight: bold; text-align: center; } .anchorbutton { padding: 3px 10px 4px; background: #BCE0A0; color: #143D8D; text-decoration: none; text-align: center; font-weight: bold; } .anchorbuttongreen { padding: 0 5px; background: #BCE0A0; color: #143D8D; text-decoration: none; text-align: center; font-weight: bold; } .anchorbuttongray { padding: 0 5px; background: #ccc; color: #000; text-decoration: none; text-align: center; font-weight: bold; border: 1px solid #000; } .headerblue16 { color: #2867db; font-size: 16px; } .headerorangelarge { color: #ff9900; font-size: 22px; font-weight: bold; } .headergreen16 { color: #99cc33; font-size: 16px; } /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { overflow:visible; width:auto; border:0; padding:0 0 0 12px; background: #BCE0A0; cursor:pointer; color: #143D8D; } button.button span { float:left; padding:0 12px 0 0; background: #BCE0A0; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#143D8D; } button.disabled {} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ .unavailable { color: #f00; } input.items-qty { width: 3em; } /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; } .form-list .range input.input-text { width:96px; } .group-select {} .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:260px; } .group-select input.input-text, .group-select textarea {width:510px; } .group-select select { width:516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../../default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} .required { color:#f00; } p.required { font-size:10px; text-align:right; } .not-required {margin: 0 0 0 8px;} /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../../default/images/error_msg_icon.gif); color:#022A79; } .success-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../../default/images/success_msg_icon.gif); color:#022A79; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../../default/images/note_msg_icon.gif); color:#022A79; } /* BreadCrumbs */ .breadcrumbs { display: none; } .breadcrumbs li { display:inline; } .cms-faqgeneral .breadcrumbs, .cms-faqfundraising .breadcrumbs { display: none; } /* Page Heading */ .page-title { padding:0 0 5px; margin:0 0 10px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .page-title h2 { color: #e51937; text-transform: uppercase; font-family: "Nunito", serif; } /* Pager */ .pager { border:1px solid #ddd; padding:5px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .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; background-color:#f6f6f6; } .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../../default/images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(../../default/images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .link-rss { background:url(../../default/images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(../../default/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:202px; height:100px; overflow:hidden; } .header-container {} .header { border-bottom: 0; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px;} .header #search_mini_form { float: left; display: inline; padding: 10px 0 0 25px; } .header .view-basket { float: right; display: inline; padding: 10px 20px 0 0; position: relative; right: 23px; } .header .view-basket a { color: #77787b; font-weight: normal; text-decoration: none; font-size: 11px; } .header .view-basket a:hover { color: #000; } .header .view-basket .help { margin-right: 20px; } .bare .header { position: relative; padding:10px 0 0; background: none;} .cms-home .bare .header { padding: 10px 0; border-bottom: 0; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; margin-bottom: 10px; } .header .logo a { display:block; width:1955px; height:40px; } .header #online-store { margin-right: 10px; } .header .phone-contact { display: inline-block; float: right; width: 180px; height: 40px; color: #77787b; text-align: center; vertical-align: top;} .header .phone-contact a { color: #77787b; text-decoration: none; } .header .twitter { text-align: center; display: inline-block; width: 100px; text-align: center; margin-top: -10px;} .header .email-contact { float: right; } .header .email-contact a { color: #77787b; position: relative; top: 16px; text-decoration: none; } .header .email-contact a:hover { color: #000; } .header .tagline { width: auto; display: block; float: left; font-size: 18px; font-family: "Nunito", sans-serif; font-style: italic; margin: 13px 0 0 60px; } .header .form-search .button, .header .form-search .button span { background: #fff; font-weight: normal; } .header .form-search .button { padding-left: 5px; } .header .form-search .button span { color: #77787b; font-size: 11px; } .header .free-shipping { text-align: center; float: left; margin: 0 0 1em; font-family: "Nunito", sans-serif; } .header .free-shipping span { display: block; font-size: 20px; color: #e51937; } .header .free-shipping .condition { font-size: 14px; color: #000; } .page #nav{ margin-right: 50px; text-align: right; } .page #nav > li { float: none; display: inline-block; } .cms-home .header .home-link { display: none; } .header .home-link { margin: 0 0 0 1em; float: right; } .header .home-link a { color: #77787b; position: relative; top: 16px; text-decoration: none; } .header .home-link a:hover { color: #000; } .header .buttons { display: inline-block; padding-left: 60px; vertical-align: top; } .header a.header-button { display: inline-block; background: #00aef0 url(../../innis/images/btn_header.jpg) no-repeat center; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 5px 10px; margin-right: 15px; width: 127px; text-align: center; text-decoration: none; line-height: 18px; } .header .header-button strong { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff200; } .ad-banner {padding: 0 0 15px;} .cms-ecomm .ad-banner img { width: 756px; /* Account for the smaller width of this page */} /* Footer ================================================================================ */ .footer { position:relative; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul { margin: 0; padding: 0; } .footer ul li { margin: 0; padding: 0; } .footer ul.footer-links { width: 100%; margin: 0 0 20px 0; padding: 0; text-align: center; } .footer ul.footer-links li { float: left; margin-right: 10px; padding-right: 10px; line-height: 1em; border-right: 1px solid #77787b; } .footer ul.footer-links li.last { margin-right: 0; border-right: none; } .footer ul.footer-links li a { color: #77787b; text-decoration: none; font-size: 11px; } .footer address { width: auto; text-align: left; padding-top: 18px; font-size: 10px; color: #77787b; float: left; clear: left; } .footer ul.authorized-logos { float: right; display: inline; width: auto; } .footer ul.authorized-logos li { float: right; display: inline; margin-right: 10px; } ul.social-icons { margin: 1.5em 0 0; float: left; clear: left; } ul.social-icons li { float: left; margin-right: 8px; } /* ======================================================================================= */ /* New Homepage Specifics ================================================================================ */ .main-ctas { float: left; width: 750px; padding: 12px; margin-bottom: 15px; background: #dfdddd; } .fall-catalog { float: left; width: 316px; margin-right: 12px; } .win-for-school { float: right; width: 420px; } .sliders { float: left; width: 774px; height: 370px; margin: 0; padding: 0; position: relative;} .pics { width: 774px; height: 370px; margin: 0; padding: 0; overflow: hidden; z-index: 1; } .pics img { width: 774px; height: 370px; } #sl-prev { position: absolute; left: 5px; top: 180px; width: 23px; height: 29px; list-style: none; background: url(../../innis/images/i_slider-prev.png) no-repeat 0 0; text-indent: -9000em; cursor: pointer; z-index: 2; } #sl-next { position: absolute; right: 5px; top: 180px; width: 23px; height: 29px; list-style: none; background: url(../../innis/images/i_slider-next.png) no-repeat 0 0; text-indent: -9000em; cursor: pointer; z-index: 2; } /* ======================================================================================= */ /* Inner Page Specific ======================================================================== */ .contacts-index-index .main p { font-family: "Nunito", Arial, sans-serif; font-size: 13px; font-weight: 300; } /* Ecomm Home Page Specifics =================================================================== */ .hp-ecomm .main-col { position: relative; float: left; display: inline; height: 429px; width: 301px; text-indent: 0; background: url(../../innis/images/g_ecomm-view.jpg) no-repeat 0 0; } .hp-ecomm .main-col a.cat-products { position: absolute; top: 201px; left: 62px; width: 161px; height: 205px; text-indent: -9999em; background: url(../../innis/images/blank.gif); } .hp-ecomm .main-col a.cat-quick-order { position: absolute; top: 174px; left: 121px; width: 131px; height: 18px; text-indent: -9999em; background: url(../../innis/images/blank.gif); } .hp-ecomm .small-features ul { padding: 0; list-style-type: none; } .hp-ecomm .small-features li { width: 234px; margin-left: 29px; float: left; text-transform: uppercase; font-family: "Nunito", serif; font-size: 16px; color: #666666; text-align: center; } .hp-ecomm .small-features li:first-child { margin-left: 0; } .hp-ecomm .small-features li img { float: left; clear: left; } .hp-ecomm .small-features em { text-transform: none; } /* Innis Static Form Specifics =================================================================== */ .innis-form { color: #143D8D; font-weight: bold; font-size: 12px; } .innis-form fieldset { margin-bottom: 15px; } .innis-form legend { display: inline-block; padding: 10px 0; } .innis-form .number { padding-top: 20px; font-size: 16px; } .innis-form p { margin-bottom: 20px; } .innis-form li { margin: 0 0 .5em 0 ; } .innis-form label { float: left; display: inline; margin-right: 10px; width: 200px; font-weight: bold; } .innis-form .buttons-set button.button { float:left; } .innis-form .checkboxes label { float: none; margin: 0 0 0 10px; } /* Contact Form Specifics =================================================================== */ .contacts-index-index .col1 { float: left; display: inline; width: 45%; } .contacts-index-index .col2 { float: right; display: inline; width: 45%; } .contacts-index-index p { margin-bottom: 10px; } /* Innis Static Page Link Positioning =================================================================== */ .fundraiser { } /* based on psd */ .fundraiser .col-1 { width: 250px; } .fundraiser .col-1 ul { width: 210px; } .fundraiser .col-2 { width: 300px; margin-left: 0px; } .fundraiser .col-2 ul { width: 260px; } .fundraiser .col-3 { width: 250px; } .fundraiser .col-3 ul { width: 210px;} .fundraiser h1 { margin: 0; font-family: Arial, sans-serif; font-weight: bold; font-size: 22px; color: #00aeef; text-align: center; } .fundraiser h3 { font-family: Arial, sans-serif; font-size: 15px; margin-bottom: 0; font-weight: bold; color: #d2232a; text-align: center; } .fundraiser em { color: #D2232A; } .fundraiser a { text-align: center;} .fundraiser a img {display: block; margin: 0 auto;} .fundraiser .winning { text-align: center; } .fundraiser .winning h4 { font-size: 14px; color: #d2232a; } .fundraiser .winning p { font-size: 12px; color: #00aeee; font-family: "Arial Narrow", Arial, sans-serif; } .cms-fundraising-programs .breadcrumbs { display: none; } .fundraiser ul li { font-family: "Arial Narrow", Arial, sans-serif; font-size: 14px; line-height: 20px; list-style: none; margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../../innis/images/i_red-dot.gif) no-repeat left 5px;} .fundraiser #request-info { display: block; margin: 0 auto; background: transparent url(../../innis/images/btn_highlights.jpg) no-repeat center; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #fff200; padding: 10px; width: 150px; text-align: center; text-decoration: none; line-height: 18px; } .fundraiser .col-left { padding: 0; float: left; width: 315px; } .fundraiser a.chocolate-catalog { display: inline-block; margin-bottom: 100px; } .fundraiser .col-right { float: right; width: 465px; } .fundraiser .col-right ul li.break { margin-bottom: 40px; } .about-products { position: relative; } .about-products ul li { position: absolute; top: 0; left: 0; text-indent: -9999em; width: 42px; height: 16px; list-style: none; } .about-products ul li a { display: block; width: 42px; height: 16px; background: url(../../innis/images/blank.gif); } .about-products li#freshly-cut { top: 457px; left: 13px; } .about-products li#va-diner { top: 391px; left: 284px; } .about-products li#krust { top: 429px; left: 559px; } .about-products li#ghirardelli { top: 669px; left: 44px; } .about-products li#harry-david { top: 661px; left: 296px; } .about-products li#braswells { top: 664px; left: 548px; } .about-products li#marie { top: 1080px; left: 13px; } .about-products li#bella { top: 1061px; left: 450px; } .school-supplies-program { position: relative; } .school-supplies-program ul li { position: absolute; top: 0; left: 0; text-indent: -9999em; width: 314px; height: 21px; list-style: none; } .school-supplies-program ul li a { display: block; width: 314px; height: 21px; background: url(../../innis/images/blank.gif); } .school-supplies-program li#bpacks { top: 181px; left: 190px; } .link-to { position: relative; } .link-to ul li { position: absolute; top: 0; left: 0; text-indent: -9999em; width: 196px; height: 47px; list-style: none; } .link-to ul li a { display: block; width: 196px; height: 47px; background: url(../../innis/images/blank.gif); } .link-to ul li { top: 376px; left: 491px; } .cms-career-opportunities .col-main, .cms-privacy .col-main, .cms-security .col-main, .cms-faq .col-main { font-family: "Nunito", Arial, sans-serif; font-weight: 300; font-size: 14px; } .cms-career-opportunities h2, .cms-privacy h2, .cms-security h2, .cms-faq h1, .cms-faqgeneral h2, .cms-faqfundraising h2, .cms-promo-video h2 { margin: 0 0 1em; color: #e51937; text-transform: uppercase; font-family: "Nunito", serif; font-size: 18px; } .cms-career-opportunities h3, .cms-privacy h3, .cms-security h3, .cms-faq h3 { font-weight: 300; } .cms-faqgeneral .col-main p span, .cms-faqfundraising .col-main p span { font-size: 16px; color: #000; } /* Find School/Verify/Search School Page =================================================================== */ h2.give-credit { color: #e51937; text-transform: uppercase; text-align: center; font-family: "Nunito", Arial, sans-serif; } h2.give-credit span { display: block; color: #5a7e92; text-transform: none; font-family: "Nunito", Arial, sans-serif; font-size: 15px; font-weight: 300; } .find-school-crayola { height: 134px; width: 300px; margin: 0 0 100px 118px; padding: 150px 0 0 226px; background: url('../images/g_back-to-school.jpg') no-repeat; text-align: center; } .find-school-crayola input[type="text"] { width: 162px; border: 1px solid #000; } .find-school-crayola input[type="submit"] { background: white; border: 1px solid #000; padding: 2px; color: #000; } .find-school { margin: 0; padding: 10px; font-family: "Nunito", Arial, sans-serif; } .find-school p { padding-right: 10px; margin: 0 0 .5em 0; font-weight: bold; font-size: 12px; text-align: center; } .find-school form input[type="text"] { width: 170px; padding: 1px; float: left; border: 1px solid #5a7e92; } .find-school form input[type="submit"] { color: #fff; background: #5a7e92; padding: 3px 5px; text-decoration: none; } .find-school form .caps-button { background: none; border: none; text-transform: uppercase; text-decoration: underline; color: #5a7e92; font-weight: 400; font-family: "Nunito", Arial, sans-serif; } .find-school form .caps-button:hover { cursor: pointer; } .credit-form {display: inline-block; width: 60%;} .credit-img {float: left; width: 40%;} .find-school .school-num { float: left; color: #5a7e92; font-weight: 400; } .find-school .unknown-num { text-align: center; margin-left: 129px; } .find-school .unknown-num p { padding: 0; text-align: left; color: #5a7e92; font-weight: normal; } .col-1 .find-school { margin: 0; } .no-credit { margin-left: 109px; padding-top: 15px; color: #5a7e92; font-family: "Nunito", Arial, sans-serif; } .no-credit p { } .no-credit p a { display: inline-block; color: #5a7e92; text-transform: uppercase; } .verify h2 { color: #e51937; text-transform: uppercase; text-align: center; font-family: "Nunito", serif; } .verify .col-1 { height: 300px; } .verify p { margin: 0 0 1em 0; } .verify p span { display: block; } .verify-school { padding-top: 30px; text-align: center; font-family: "Nunito", Arial, sans-serif; } .verify-school .button { width: 150px; display: inline-block; color: #fff; background: #5a7e92; padding: 3px 10px; text-decoration: none; border: none; font-weight: 300; } .assign-credits { text-align: center; font-family: "Nunito", Arial, sans-serif; color: #5a7e92; } .assign-credits h2 { color: #e51937; text-transform: uppercase; text-align: center; font-family: "Nunito", serif; } .assign-credits h2 span { display: block; text-transform: none; font-family: "Nunito", Arial, sans-serif; color: #5a7e92; font-weight: 300; font-size: 15px; } .assign-credits img { margin: -12px auto 0; display: block; } .assign-credits-form { margin: 0 auto; padding: 10px; width: 450px; text-align: left; } .assign-credits-form ol { padding: 20px 0; } .assign-credits-form ol li { margin: 0 0 .5em 0; } .assign-credits-form ol li label { margin-right: 10px; } .assign-credits-form li span { color: #000; } .assign-credits input[type="text"] { padding: 1px; border: 1px solid #5a7e92; } .assign-credits input[type="submit"] { display: inline-block; color: #fff; background: #5a7e92; padding: 3px 10px; text-decoration: none; text-transform: uppercase; border: none; font-weight: 300; position: relative; left: 142px; top: -13px; } .verify-children { font-family: "Nunito", Arial, sans-serif; color: #5a7e92; } .verify-children h2 { margin: 0 0 .25em; color: #e51937; text-transform: uppercase; text-align: center; font-family: "Nunito", serif; } .verify-children p { margin: 0 0 1em; color: #000; } .verify-children p span { display: block; } .verify-children p.note { margin-left: 51px; color: #5a7e92; } .verify-children-info { margin-left: 65px; } .verify-children .button { display: inline-block; color: #fff; background: #5a7e92; padding: 3px 10px; text-decoration: none; text-transform: uppercase; border: none; font-weight: 300; } .verify-children .button.back { margin-left: 41px; } img.verify-children-img { margin: 0 2em 0 0; float: right; } .school-search { font-family: "Nunito", Arial, sans-serif; } .school-search h2 { color: #e51937; text-transform: uppercase; text-align: center; font-family: "Nunito", Arial, sans-serif; } .school-search p { margin-bottom: 20px; } .school-search .school-search-form { padding: 10px; position: relative; left: -26px; } .school-search label { float: left; display: inline; text-align: right; width: 100px; margin-right: 10px; font-weight: normal; color: #5a7e92; } .school-search .form-list input { width: 200px; border: 1px solid #5a7e92; } .school-search .form-list select { width: 207px; } .school-search .buttons-set { margin-left: 130px; text-align: left; } .school-search input[type="submit"] { display: inline-block; color: #fff; background: #5a7e92; padding: 3px 10px; text-decoration: none; text-transform: uppercase; border: none; font-weight: 300; } .school-search .search-tips { margin: 8px 0 0 86px; color: #5a7e92; } .school-search .search-tips a { color: #5a7e92; } /* Ecomm Pages =================================================================== */ .main .std { margin: 0; } .main .col { float: left; width: auto; } /* Schoolcode Specifics =================================================================== */ .col-1.result-column { width: 57%; } .col-2.result-column { width: 43%; } .school-list { font-family: "Nunito", Arial, sans-serif; } .school-list .result-number { margin: 10px 0 10px 60px; } .school-list p { margin: 0 0 .5em 0; } .school-list ol { margin: 0; list-style: none; } .school-list ol li { margin: 0 0 .5em 0; } .school-list a.caps-button, .school-list .anchorbutton { margin-right: 8px; display: inline-block; color: #fff; background: #5a7e92; padding: 3px 20px; text-decoration: none; border: none; font-weight: 300; } .school-list .anchorbutton { margin-top: 10px; } .school-list .school { text-decoration: none; color: #000; } .active-school-landing .available-packs { float: left; display: inline; width: 375px; } .active-school-landing .extra-content { float: right; display: inline; padding: 0 0 10px 0; width: 400px; background: url(/skin/frontend/default/bss/images/greenbullett.gif) repeat-x left bottom; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; } .active-school-landing .school-option1 { float: left; display: inline; width: 380px; padding: 10px; text-align: center; background: url(/skin/frontend/default/bss/images/greenbullett.gif) repeat-x left bottom; } .active-school-landing .school-option1 p { float: left; display: inline; width: 220px; margin-right: 10px; } .active-school-landing .school-option-wrap { float: left; display: inline; width: 400px; background: url(/skin/frontend/default/bss/images/greenbullett.gif) repeat-y 50% top; } .active-school-landing .school-option2 { clear: both; float: left; display: inline; width: 180px; padding: 10px; text-align: center; } .active-school-landing .school-option3 { float: right; display: inline; padding: 10px; width: 180px; text-align: center; } .active-school-landing .school-option3 p { font-size: 12px; } .active-school-landing .verdBlue { color: #2867DB; } .active-school-landing .verdGreen { color: #99CC33; } .active-school-landing .verdOrange { color: #FF9900; } /* Schoolcode Expired =================================================================== */ .school-landing .order-instructions { float: left; display: inline; width: 450px; } .school-landing .schoolpack-info { float: right; display: inline; width: 250px; padding: 10px; border: 1px solid #000; } .school-landing .schoolpack-info li { clear: both; margin: 0 0 .5em 0; } .school-landing .schoolpack-info li a { float: right; display: inline; } .school-pack h2, .school-pack p { margin-bottom: 1em; } .school-pack td { padding: 5px; } /* Schoolcode Upcoming =================================================================== */ .upcoming-sale p { color: #2867DB; text-align: center; } .upcoming-sale p.message { margin-bottom: 1em; } .upcoming-sale p em { color: #FF9900; font-size: 16px; font-style: normal; } .upcoming-sale a { text-decoration: none; } .upcoming-sale a.buttonclassorange { background-color: #F7F7F7; border: 1px solid #000; color: #FF9900; padding: 2px 10px; } .upcoming-sale a.buttonclassorange:hover { background-color: #E7E7E7;} .upcoming-sale a.verd18boldgreencenter { color: #99CC33; font-size: 20px; } /********** < Navigation */ #nav { } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:999; } #nav li.parent {} #nav li a { display:block; text-decoration:none; padding: 0 10px 2px 10px; color: #fff; line-height: 1em; } #nav li a:hover { text-decoration:none; color: #000; } #nav li a span { display:block; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav > li { float: left; display: inline; text-align: center; border-left: 1px solid #77787b; } #nav > li:first-child { border-left: none; } #nav > li:first-child > a { padding-left: 0; } #nav li a { display: block; color: #77787b; } #nav li a:hover { color: #000; } #nav li.active a { color: #000; } /* 2nd Level */ #nav ul { position:absolute; left:-10000px; background: #F5F5F5; } #nav ul li { padding: 3px 0; clear: both; float:left; width:15em; height: auto; text-align: left; background: none; } #nav ul li.last { border-bottom:0; } #nav ul li a { display: block; padding:3px 9px; height: auto; font-weight:normal; color:#77787b; background: none; } #nav ul li a:hover { color: #000; text-decoration: underline; } #nav ul li.active > a, #nav ul li.over > a { font-weight:bold; color:#fff !important; background: #008B99; } /* 3rd+ leven */ #nav ul ul { top:7px; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } /* Innis Home Navigation (New 2013) ----------------------------------------------------------------------------------------- */ .innis-nav { width: 100%; float: left; position: relative; z-index: 1000; display: none;} .cms-home .innis-nav { display: block; } .innis-nav > ul > li { width: auto; margin-left: 20px; padding: 4px 25px; display: block; position: relative; float: left; background: #cc092f; color: #fff; font-family: nunito, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: 300; } .innis-nav > ul > li:first-child { margin: 0; padding-left: 31px; } .innis-nav ul > li .sub-menu.open { display: block; } .innis-nav .sub-menu { display: none; width: 100%; padding: .4em; background: #F5F5F5; position: absolute; top: 32px; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .innis-nav .sub-menu li { margin: 0 0 .5em; background: transparent; line-height: 1em; } .innis-nav .sub-menu li a { text-transform: none; text-decoration: none; font-size: 14px; color: #666666; font-family: "Nunito", Arial, sans-serif; line-height: .5em; } .innis-nav .sub-menu li a:hover { color: #000; text-decoration: underline; } .innis-nav .sub-menu .free-shipping { text-transform: none; font-family: Arial, sans-serif; color: #cc092f; font-size: 11px; } .innis-nav.desktop ul > li:hover .sub-menu { display: block; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:0 10px; } .block .block-title h2 { font-size:16px; font-weight:bold; line-height:1.5; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding:10px; } .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:right; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } /* ======================================================================================= */ h3.ts10_09, h4.ts10_09 { background: url(../../default/images/falldelay.jpg) no-repeat right; min-height: 20px; } h3.ts10_11, h4.ts10_11 { background: url(../../default/images/temperature.jpg) no-repeat right; min-height: 20px; } /* Category Page ========================================================================= */ .category-title { border-bottom:1px solid #ddd; margin:0 0 10px; } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { width:100%; } .products-grid tr.odd {} .products-grid tr.even { background-color:#f6f6f6; } .products-grid td { width:33%; padding:5px; } .products-grid td.empty {} body.category-helen-grace-chocolate h3 a { padding-right: 18px; background: url(/skin/frontend/default/hg/images/i_kosher.gif) no-repeat right center; } /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-essential {} .product-collateral {} /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .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(../../default/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(../../default/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 ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:left; padding-left: 20px; width:445px; } .product-view .product-name {} .product-view .short-description {} /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../../default/images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../../default/images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .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:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* 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; } /* 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 { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; } .product-view .tags .form-add-tags input.input-text { width:254px; } .product-view .tags .form-add-tags button.button { vertical-align:bottom; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:bold; line-height:1.5; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:auto; } .cart .cart-collaterals .col-2 { width: auto; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:90px; } .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* Prize Credits */ .prize-credits { margin: 0 0 20px 0; padding: 10px; background: #D0E9EC; } .prize-credits h3 { margin-bottom: 10px; } .prize-credits p { margin: 0 0 .5em 0; font-style: italic; } .prize-credits table { margin-bottom: 10px; } .prize-credits table td { padding: 5px; } .prize-credits table input { width: 4em; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #ddd; } .opc li.section { clear: both; float: left; display: inline; width: 100%; border:1px solid #ddd; border-bottom:0; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../../default/images/bg_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; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* 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; } /* ======================================================================================= */ /* External Page Specifics =================================================================== */ .external-home { float: right; display: inline; width: 65px; height: 27px; background: url(/skin/frontend/default/bss/images/b_home.gif) no-repeat; text-indent: -9999em; } .ez-welcome, .browser-support { float: left; display: inline; } .browser-support { padding: 130px 0 0 20px; } .browser-support ul { list-style: none; padding: 0; margin: 0 0 10px 0; } .ez-welcome { position: relative; width: 450px; height: 369px; background: url(/skin/frontend/default/bss/images/bg_ez-welcome.gif) no-repeat 0 0; text-indent: -9999em; } .ez-welcome ol { list-style: none; text-indent: 0; } .ez-welcome .school-number label { display: none; } .ez-welcome #CUSTOMER_NO { position: absolute; top: 169px; left: 218px; width: 119px; height: 18px; } .ez-welcome .submit input { position: absolute; top: 160px; left: 346px; height: 36px; width: 36px; background: url(/skin/frontend/default/bss/images/blank.gif) repeat; border: 0; text-indent: -9999em; cursor: pointer; } .ez-welcome .search-btn { position: absolute; top: 204px; left: 330px; width: 58px; height: 21px; background: url(/skin/frontend/default/bss/images/blank.gif); } .ez-welcome .return-cust { position: absolute; top: 269px; left: 251px; width: 34px; height: 38px; background: url(/skin/frontend/default/bss/images/blank.gif); } .school-search h2 { } .school-search-results { padding-left: 250px; } .school-search-results h2 { text-indent: -9999em; background: url(/skin/frontend/default/innis/images/h_school-search-results.gif) no-repeat 0 0; width: 227px; height: 56px; margin: 0 0 15px 0; } .school-search-results .results { margin-bottom: 20px; } .school-search-results .results p { margin: 0 0 10px 0; } .result-img {float: right;} .select-school { margin-left: 225px; padding: 50px 0 0 250px; width: 300px; height: 200px; background: url(/skin/frontend/default/innis/images/selectaschool_image.jpg) no-repeat left bottom; } .select-school h2 { color: #143D8D; } /* QuickOrder ============================================================================ */ .quick-order h2, .quick-order p { text-align: center; } .quick-order input.input-text { margin-right: 20px; width: 60px; } .quick-order input.qty { width: 40px; } .quick-order legend { display: block; font-weight: bold; } .quick-order span { padding-left: 18px; } span.online-only { color:#143D8D; font-style:italic; } /* Plugin Support ======================================================================== */ /* * jQuery FlexSlider v2.0 * https://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * https://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0; background: #fff; position: relative; zoom: 1; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1; list-style-type: none; padding: 0; margin: 0; } .carousel li {margin-right: 5px} /* Direction Nav */ ul.flex-direction-nav {*height: 0; list-style-type: none; display: none; } .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; display: none; } .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} }