/** * 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) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { margin:10px 0; } .widget .widget-title h2 { font-size:18px; color:#d12c01; } .widget .widget-products { margin:0 -20px 0; } .cms-home .col1-layout .widget .widget-products, .cms-index-index .col1-layout .widget .widget-products { margin:0 0 20px; } .col-main > .widget { display:block; margin:40px 0 0; } .col-main > .widget + .widget { margin-top:20px; } /* std class reset */ .widget .products-grid { list-style:none; margin-bottom:0; padding-left:20px; } .widget .products-grid p, .widget .products-list p { margin-bottom:0; } .widget .products-list { list-style:none; margin-bottom:0; padding-left:0; } .widget .add-to-links { list-style:none; padding-left:0; margin:5px 0; } /* Widget Banner */ .widget-banner { clear:both; display:block; width:100%; overflow:hidden; text-align:center; } .widget-banner li { margin:7px 0; } .top-container .widget-banner li { margin:0; } .footer-before-container .widget-banner li { margin:0; } .widget-banner-inline { display:block; clear:both; padding:7px 0; text-align:center; } .widget-banner-inline ul, .widget-banner-inline li { display:inline; } .widget-banner-inline li { margin:0 3px; } .widget-banner-inline li img { vertical-align:middle; } /* Widget New Proructs */ .widget-new-products { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-new-products { display:block; padding:0 20px; } /* Widget Viewed Proructs */ .widget-viewed { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-viewed { display:block; padding:0 20px; } /* Widget Compared Proructs */ .widget-compared { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-compared { display:block; padding:0 20px; } /* Widget CMS Static Block */ .widget-static-block {} /* Widget Catalog Events Carousel */ .widget-events { display:block !important; } /* Widgets Links Common Styles */ /* Style 1 */ /*.top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { float:left; border:1px solid #cfcfcf; border-bottom-color:#b2b2b2; margin:13px -1px 0 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { float:left; font-size:12px; background:#f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; padding:2px 5px 4px; color:#cc7137; text-decoration:underline; white-space:nowrap; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#1e75b4; text-decoration:none; }*/ /* Style 2 */ .top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { display:block; padding:12px 12px; background:#fff url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } .footer-before-container .widget-product-link, .footer-before-container .widget-category-link, .footer-before-container .widget-cms-link, .footer-before-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .footer-before-container .widget-product-link a, .footer-before-container .widget-category-link a, .footer-before-container .widget-cms-link a, .footer-before-container .widget-hierarchy-link a { display:block; padding:10px 12px; background:#fff url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; cursor:pointer; } .footer-before-container .widget-product-link a:hover, .footer-before-container .widget-category-link a:hover, .footer-before-container .widget-cms-link a:hover, .footer-before-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } /* Widget Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { font-size:12px; background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-product-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-product-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ } .sidebar .widget-product-link a { font-size:12px; background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-product-link a:hover { color:#333; text-decoration:none; } /* Widget Category Link */ .widget-category-link-inline { display:inline; } .top-container .widget-category-link { border-bottom:0; } .top-container .widget-category-link a { border-color:#ca3934; color:#d53c00; background-image:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-links2.gif); background-color:#f9d2c1; } .top-container .widget-category-link a:hover { color:#fff; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { font-size:12px; background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-category-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-category-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ } .sidebar .widget-category-link a { font-size:12px; background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-category-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { font-size:12px; background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-link a { font-size:12px; background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Hierarchy Link */ .widget-cms-hierarchy-link-inline { display:inline; } .col-main .widget-cms-hierarchy-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-hierarchy-link a { font-size:12px; background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-hierarchy-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(http://www.rungreen.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } /* Widget SKU */ /* .widget-sku {} */ /* ======================================================================================= */ /* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Tabs #Forms #Misc */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { background: #fff; font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #181818; font-family: "Georgia", "Times New Roman", serif; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 14px; line-height: 21px; } .subheader { color: #777; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: bold; color: #333; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ /*a, a:visited { color: #333; text-decoration: underline; outline: 0; }*/ a:hover, a:focus { color: #000; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Tabs (activate in tabs.js) ================================================== */ ul.tabs { display: block; margin: 0 0 20px 0; padding: 0; border-bottom: solid 1px #ddd; } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; background: #f5f5f5; font-size: 13px; } ul.tabs li a.active { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } ul.tabs li:first-child a.active { margin-left: 0; } ul.tabs li:first-child a { border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } ul.tabs-content { margin: 0; display: block; } ul.tabs-content > li { display:none; } ul.tabs-content > li.active { display: block; } /* Clearfixing tabs for beautiful stacking */ ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both; } ul.tabs { zoom: 1; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } /* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Wide-screen 1280 ================================================== */ /* Note: Design for a width of 1280px */ @media only screen and (min-width: 1280px){ .enable1280 .container { width: 1280px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .enable1280 .container .one.column, .enable1280 .container .one.columns { width: 60px; } .enable1280 .container .two.columns { width: 140px; } .enable1280 .container .three.columns { width: 220px; } .enable1280 .container .four.columns { width: 300px; } .enable1280 .container .five.columns { width: 380px; } .enable1280 .container .six.columns { width: 460px; } .enable1280 .container .seven.columns { width: 540px; } .enable1280 .container .eight.columns { width: 620px; } .enable1280 .container .nine.columns { width: 700px; } .enable1280 .container .ten.columns { width: 780px; } .enable1280 .container .eleven.columns { width: 860px; } .enable1280 .container .twelve.columns { width: 940px; } .enable1280 .container .thirteen.columns { width: 1020px; } .enable1280 .container .fourteen.columns { width: 1100px; } .enable1280 .container .fifteen.columns { width: 1180px; } .enable1280 .container .sixteen.columns { width: 1260px; } .enable1280 .container .one-third.column { width: 406px; } .enable1280 .container .two-thirds.column { width: 822px; } /* Offsets */ .enable1280 .container .offset-by-one { padding-left: 80px; } .enable1280 .container .offset-by-two { padding-left: 160px; } .enable1280 .container .offset-by-three { padding-left: 240px; } .enable1280 .container .offset-by-four { padding-left: 320px; } .enable1280 .container .offset-by-five { padding-left: 400px; } .enable1280 .container .offset-by-six { padding-left: 480px; } .enable1280 .container .offset-by-seven { padding-left: 560px; } .enable1280 .container .offset-by-eight { padding-left: 640px; } .enable1280 .container .offset-by-nine { padding-left: 720px; } .enable1280 .container .offset-by-ten { padding-left: 800px; } .enable1280 .container .offset-by-eleven { padding-left: 880px; } .enable1280 .container .offset-by-twelve { padding-left: 960px; } .enable1280 .container .offset-by-thirteen { padding-left: 1040px; } .enable1280 .container .offset-by-fourteen { padding-left: 1120px; } .enable1280 .container .offset-by-fifteen { padding-left: 1200px; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_blank * @copyright Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body { background:#fff; font:12px/1.35 Arial, Helvetica, sans-serif; color:#000; text-align:center; } img { border:0; vertical-align:top; } a { color:#05c; text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.15; } h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3 { font-size:16px; font-weight:bold; line-height:1.25; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page { width:1000px; margin:0 auto; padding:10px 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main-container {} .main { margin:10px 0; } /* Base Columns */ .col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; } .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:748px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ 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 { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; height:21px; background:transparent url(http://www.rungreen.com/skin/frontend/grandriver/default/images/bkg_button.gif) 0 0 no-repeat; padding:0 0 0 8px; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button span span { background-position:100% 0; padding:0 12px 0 4px; } button.disabled {} button.disabled span {} button.btn-checkout span {} button.btn-checkout.no-checkout {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#111; font-weight:bold; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set p.required { margin:0 0 5px; } .buttons-set-order {} .fieldset { border:1px solid #ddd; background:#fefefe; padding:22px 25px 12px 33px; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #fefefe; background:#dedede; color:#333; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:10px; text-align:right; color:#f00; } /* 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 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .page-title h1, .page-title h2 { font-size:18px; color:#000; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; } /* 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 {} /* Toolbar */ .toolbar {} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {} /* 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 {} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; color:#f00; } .link-wishlist { font-weight:bold; } .link-reorder { font-weight:bold; } .link-compare { font-weight:bold; } .link-print { background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(http://www.rungreen.com/skin/frontend/grandriver/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; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container {} .header { padding:10px; border:1px solid #ddd; } .header .logo { float:left; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; padding:0; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .welcome-msg a {} .header .links { float:right; } .header .form-search { text-align:right; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { clear:both; text-align:right; } .header-container .top-container { clear:both; text-align:right; } /********** < Navigation */ .nav-container {} #nav { border:1px solid #ddd; padding:5px 0; margin:10px 0; font-size:13px; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { color:#000 !important; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #ddd; margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:3px 10px; } .block .block-title strong { font-size:14px; font-weight:bold; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; font-weight:bold; } .block .block-content { padding:10px; } .block .block-content li.item { padding:5px 0; } .block .btn-remove, .block .btn-edit { float:right;} .block .actions { text-align:right; } .block .actions a { float:left; } .block .empty {} .block li.odd {} .block li.even { background-color:#f6f6f6; } /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* 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-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; } /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; } /* 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 .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags 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 .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .products-grid { border-bottom:1px solid #ddd; position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:138px; padding:12px 10px 80px; } .products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; } .products-grid .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-grid .product-name a {} .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .products-grid .actions { position:absolute; bottom:12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:632px; margin:0 auto; } .col1-layout .products-grid { width:790px; margin:0 auto; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #ddd; padding:12px 10px; } .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-list .product-name a {} .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } /* 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; } .minimal-price-link { display:block; } .minimal-price-link .label {} .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; } /* 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; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .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; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} .tier-prices-grouped {} /* 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-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {} .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-view {} .product-essential {} .product-collateral .box-collateral { margin:0 0 15px; } /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .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(http://www.rungreen.com/skin/frontend/grandriver/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(http://www.rungreen.com/skin/frontend/grandriver/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 .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { margin:0 100px; text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .col1-layout .product-view .product-shop { float:right; width:700px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-name {} .product-view .short-description {} /* 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 input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width: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 */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags .form-add label { float:left; } .product-view .box-tags .form-add .input-box { float:left; width:260px; margin:0 5px; } .product-view .box-tags .form-add input.input-text { width:254px; } .product-view .box-tags .form-add p { clear:both; } /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* Send a Friend */ .send-friend {} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:normal; } .product-name a {} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search {} .advanced-search-amount {} .advanced-search-summary {} /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {} .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} /* RSS */ .rss-title h1 { background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell {} .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #ddd; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell li.item { margin:12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .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; } .cart .totals table tfoot th {} /* 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 .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .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; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .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 .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(http://www.rungreen.com/skin/frontend/grandriver/default/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; } .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; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .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 h2 { float:left; } .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} /* 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 {} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} .captcha-reload { position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(http://www.rungreen.com/skin/frontend/grandriver/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0; } /* Block: Account Information */ .dashboard .box-info {} /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-tags .details { margin-left:20px; } /********** Dashboard > */ /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* 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; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head {} .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; } /* My Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { border:1px solid #ddd; padding:10px; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul {} .footer ul li { display:inline; } .footer-container .bottom-container { text-align:center; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /* @override http://responsive.3000themes.com/skin/frontend/response/default/css/response.css */ /** * 3000Themes.com Responsive magento theme and boilerplate * * RESPONSE COLOR SCHEME * * @category design * @package response_default * @license Read license file * * @author Kay in 't Veen - 3000themes * @Project Response * @version V1.2 July 2012 * * * 3000Themes is part of Microdesign B.V. - http://www.microdesign.nl */ /*================================================================================ */ /* 1. Basics & Buttons 3000Themes.com /*================================================================================ */ body{ background: #f6f6f6; font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #ee7440; font-size: 10px; text-transform: uppercase; text-shadow: none; color: #fff; border: 0; padding: 9px; float: left; margin: 0; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #ee7440; font-size: 10px; text-transform: uppercase; text-shadow: none; color: #fff; border: 0; padding: 9px; float: left; margin: 0; background: #d86939; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: #d86939; } /*================================================================================ */ /* 2. Typography 3000Themes.com /*================================================================================ */ h1, h2, h3, h4, h5, h6 { color: #212b33; font-family: Helvetica, Arial, Verdana; font-weight: bold; } h1 { font-size: 46px; line-height: 54px; margin-bottom: 18px;} h2 { font-size: 35px; line-height: 48px; margin-bottom: 12px; } h3 { font-size: 28px; line-height: 42px; margin-bottom: 6px; } h4 { font-size: 21px; line-height: 36px; margin-bottom: 0; } h5 { font-size: 17px; line-height: 30px; } h6 { font-size: 14px; line-height: 24px; } h2.legend{ text-transform:uppercase; } a{ color: #ee7440; text-decoration: none; cursor: pointer; } /*================================================================================ */ /* 3. Header 3000Themes.com /*================================================================================ */ header{ margin: 0; background: #fff; padding-top: 24px; border-bottom: 1px solid #dadada; } .thelogo{ display: block; background: url(http://www.rungreen.com/skin/frontend/grandriver/default/images/response-logo.png) no-repeat; width: 305px; height: 78px !important; padding: 0 !important; /* http://nicolasgallagher.com/another-css-image-replacement-technique/ */ font: 0/0 a; text-shadow: none; color: transparent; width: 100%; } h1.logo{ margin: 0; } /*================================================================================ */ /* 4. Navigation 3000Themes.com /*================================================================================ */ nav.primary ul li a { color: #212b33; font-weight: bold; text-decoration: none; } nav.primary ul li a:hover { color: #ee7440; cursor: pointer; } nav.primary li a{ width: auto !important; height: auto !important; font-size: 14px !important; } /*sub menu*/ nav.primary ul ul { opacity: 0; filter: alpha(opacity=0); position: absolute; top:100%; left: 0; z-index: 999999; background: #212b33; height: 0px; overflow: hidden; min-width: 100%; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ border-radius: 5px; /* CSS3 */ } nav.primary ul ul li a { text-transform: none; color: #fff; } nav.primary ul li:hover > a { color: #ee7440; } .toplinks ul li, .toplinks ul{ display: inherit; float: right !important; } .toplinks ul li{ width: 80px !important; } .toplinks ul li.topcart{ width: 160px !important; } .toplinks ul li, .toplinks ul li a, .toplinks ul { width: auto !important; height: auto !important; } .toplinks ul li a { color: #212b33; text-decoration: none; font-weight: bold; text-transform: uppercase; } .toplinks ul li a:hover { color: #ee7440; cursor: pointer; } /*================================================================================ */ /* 5. Footer 3000Themes.com /*================================================================================ */ footer{ border-top: 5px solid #dfe3e7; } footer h3{ text-transform: uppercase; color: #aab8c4; } footer a{ color: #212b33; } footer .about a, footer .contact a{ text-transform: uppercase; color: #ee7440 !important;} footer .contact a{ text-transform: capitalize; } /*================================================================================ */ /* 6. Breadcrumbs 3000Themes.com /*================================================================================ */ .breadcrumbs{ font-size: 10px; color: #aab8c4 !important; text-transform: uppercase; } .breadcrumbs a{color: #aab8c4;} .breadcrumbs li strong{ color: #aab8c4; } /*================================================================================ */ /* 7. Shop By filter 3000Themes.com /*================================================================================ */ .block-layered-nav dt, .block-layered-nav p.block-subtitle{ text-transform: uppercase; color: #aab8c4; margin-bottom: 0; } .block-layered-nav li a{ color: #212b33; text-transform: uppercase;} .block-layered-nav li a{ color: #212b33; text-transform: uppercase;} .currently ol li a.btn-remove{ color: #ee7440; text-transform: uppercase; } .currently{ border-bottom: 3px solid #dfe3e7; } /*================================================================================ */ /* 8. Products Grid 3000Themes.com /*================================================================================ */ .products-grid h2.product-name a, .products-list h2.product-name a{ color: #212b33; } .products-list .price-box .price{ color: #aab8c4; font-size: 18px; } .products-grid .price-box .price, .products-list .price-box .price{ color: #aab8c4; font-size: 18px;} button:hover.btn-cart{ background: #d86939; } .products-grid ul.add-to-links li a, .products-list ul.add-to-links li a{ color: #aab8c4; } .pages ol li a{color: #212b33;} button.btn-cart, button:hover.btn-cart{ padding: 0; background: #ee7440; font-size: 10px; text-transform: uppercase; text-shadow: none; color: #fff; border: 0; padding: 9px; float: left; margin: 0; } .catalog-product-view .add-to-cart .button.btn-cart, .catalog-product-view .add-to-cart .button.btn-cart{ font-size: 15px; padding: 18px; float: right; -moz-border-radius: 0px; /* Firefox */ -webkit-border-radius: 0px; /* Safari, Chrome */ border-radius: 0px; /* CSS3 */ height: 54px; } /*================================================================================ */ /* 10. Product detail page 3000Themes.com /*================================================================================ */ .catalog-product-view ul.add-to-links li a, .catalog-product-view .add-to-box p.email-friend a{ color: #aab8c4; } .catalog-product-view .pricecontainer, .catalog-product-view .price-box{ float: left; font-size: 30px; padding-top: 4px; color: #ee7440; } .product-options-bottom .price-box{ padding-top: 24px; } .catalog-product-view ul.add-to-links li a, .catalog-product-view .add-to-box p.email-friend a{ color: #aab8c4; } .catalog-product-view .add-to-cart input{ float: right; padding: 12px; margin: 0; width: 60px; text-align: center; -moz-border-radius: 0px; /* Firefox */ -webkit-border-radius: 0px; /* Safari, Chrome */ border-radius: 0px; /* CSS3 */ height: 54px; } .addtobuttons li a.link-wishlist{ background: url('http://www.rungreen.com/skin/frontend/grandriver/default/images/ico_wishlist.png') no-repeat top right; padding: 11px 34px 12px 0; margin: 0 0 6px 0; } .addtobuttons li a.link-compare{ background: url('http://www.rungreen.com/skin/frontend/grandriver/default/images/ico_compare.png') no-repeat top right; padding: 11px 34px 12px 0; text-align: right !important; } .addtobuttons p.email-friend a{ background: url('http://www.rungreen.com/skin/frontend/grandriver/default/images/ico_email.png') no-repeat top right; padding: 11px 34px 12px 0; color: #aab8c4; text-align: right !important; } .catalog-product-view .pricecontainer{ float: left; font-size: 30px; padding-top: 24px; color: #ee7440; } /*================================================================================ */ /* 12. Cart 3000Themes.com /*================================================================================ */ button.btn-empty, button.btn-update, button.btn-continue{ background: #aab8c4; } #shopping-cart-totals-table{ color: #aab8c4; } .crosssell .price-box .price{ color: #aab8c4;} .crosssell h3.product-name a{ color: #212b33; } .crosssell ul.add-to-links li a{ color: #aab8c4;} #ajax-cart { color: #666; } #ajax-cart .cart-empty { clear: both; text-align: center; padding: 0; } #ajax-cart .block-title { padding-top: 1px; } #ajax-cart .block-title #cartHeader { font-weight: normal; } #ajax-cart .block-title #cartHeader #openCart { font-weight: bold; } #ajax-cart .expanded #cartHeader a { color: #d33911; } #ajax-cart #cartHeader { color: #000; font-size: 1em; float: right; position: relative; } #ajax-cart #cartHeader strong { padding: 1px 0 0 6px; line-height: 18px; text-transform: uppercase; /* background: url(http://www.rungreen.com/skin/frontend/grandriver/grandriver/grandriver/ajaxcart/images/icon_cart.png) no-repeat left top;*/ } #ajax-cart #cartHeader a { color: #1E75B4; } #ajax-cart #cartHeader a { color: #1E75B4; } #ajax-cart #cartHeader a:hover, #ajax-cart #cartHeader a:focus, #ajax-cart #cartHeader a:hover, #ajax-cart #cartHeader a:focus { color: #d33911; text-decoration: none; } #ajax-cart #cartHeader strong.loading { background: url(http://www.rungreen.com/skin/frontend/grandriver/grandriver/grandriver/ajaxcart/images/ajax-loader.gif) no-repeat 5px center; padding: 2px 0 2px 25px; } #ajax-cart .price span.price { font-weight:bold; } #ajax-cart .price span.old-price span.price { color:#666; font-weight:normal; } #topCartContent { position: absolute; top: 42px; right: 0; } #ajax-cart .inner-wrapper { width: 479px; padding: 0; background:#fff; border: 1px solid #cfcfcf; overflow: hidden; box-shadow: 0px 6px 14px 3px #DDD; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.5); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,.5); } #ajax-cart .bottom { width: 499px; min-height: 10px; } #ajax-cart .showing { float: left; padding: 7px 10px; } #ajax-cart .close-btn { margin: 7px 10px; font-size: 10px; } #ajax-cart .close-btn-btm { } #ajax-cart #cart-sidebar { clear: both; width: 100%; } #ajax-cart #cart-sidebar thead th { font-weight: bold; color: #333; background: #ebebeb; border-bottom: 1px solid #CFCFCF; border-top: 1px solid #CFCFCF; padding: 7px 10px; } #ajax-cart #cart-sidebar .product-details { width: 39%; } #ajax-cart #cart-sidebar .price { width: 20%; } #ajax-cart #cart-sidebar .qty { width: 20%; } #ajax-cart #cart-sidebar tbody .item td { padding: 7px 10px; border-bottom: 1px solid #CFCFCF; } #ajax-cart #cart-sidebar .subtotal { width: 20%; } #ajax-cart #cart-sidebar .cart_total { text-align: right; font-weight: bold; font-size: 13px; padding: 7px 10px; } #ajax-cart #cart-sidebar ul.actions { padding: 7px 10px; } #ajax-cart #cart-sidebar ul.actions li { float: left; width: auto; margin: 0 0 5px 0; } #ajax-cart #cart-sidebar .btn_proceed_to_checkout_sm { background: none; border: none; padding: 0 7px 0 0; } #ajax-cart .product-image img { width: 50px; height: 50px; } #ajax-cart .product-details h4 { display: inline; font-weight: normal; font-size: 12px; } #ajax-cart .mini-products-list .product-image { width: 50px; margin: 0 10px 0 0; } /** * @category GrandRiver * @package GrandRiver_GlobalMessages * @copyright Copyright (c) 2012 Grand River, Inc. (http://www.thegrandriver.com) * @developer Tony Dorchak - tony.dorchak@thegrandriver.com */ #globalmessages { position: fixed; top: 0; left:0; right:0; z-index: 9999; } #globalmessages ul.messages { margin-top: 0; } #globalmessages_close { position: absolute; top: 13px; right: 13px; z-index: 10000; display: block; width: 15px; height: 15px; background: #666; text-align: center; color: #fff; font-size: 15px; line-height: 15px; text-decoration: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } header { position: relative; } .responsive-navigation-container { clear: both; float: none; } .responsive-navigation-inner-container { width: 960px; margin: 0 auto; } #responsive-navigation-expand { display: none; } #responsive-navigation-expand img { width: 45px; } #responsive-navigation { position: relative; z-index: 10; padding: 0; margin: 0; } #responsive-navigation .navigation-top-item { display: inline-block; margin: 0; position: relative; } #responsive-navigation .navigation-top-anchor { padding: 10px 25px; display: block; } #responsive-navigation .navigation-list { display: none; background: white; border: 1px solid #ddd; position: absolute; top: 38px; left: -1px; margin: 0; padding: 10px 0; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.125); -moz-box-shadow: 0 4px 5px rgba(0,0,0,.125); -ie-box-shadow: 0 4px 5px rgba(0,0,0,.125); -o-box-shadow: 0 4px 5px rgba(0,0,0,.125); box-shadow: 0 4px 5px rgba(0,0,0,.125); } #responsive-navigation .navigation-top-item.last .navigation-list { left: auto; right: -1px; } #responsive-navigation .hover .navigation-list { display: block; } #responsive-navigation .navigation-list .sub-category-nest { margin: 0; padding: 0; } #responsive-navigation .navigation-list .sub-category-column { margin: 0; padding: 0; display: block; float: left; } #responsive-navigation .navigation-list .sub-category { margin: 0; padding: 0; } #responsive-navigation .navigation-list .sub-category .sub-category-anchor { padding: 3px 25px; display: block; white-space: nowrap; min-width: 135px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .responsive-navigation-inner-container{ width: 768px; } #responsive-navigation .navigation-top-anchor { padding: 10px 20px; } #responsive-navigation .navigation-list .sub-category .sub-category-anchor { padding: 3px 20px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { #responsive-navigation-expand { display: block; position: absolute; } .responsive-navigation-container { border-bottom: 0px solid #fff; border-top: 0px solid #fff; webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0) rotate(0) scale; -webkit-transition: border-bottom .5s ease-in-out, border-top .5s ease-in-out; -moz-transition: border-bottom .5s ease-in-out, border-top .5s ease-in-out; -ie-transition: border-bottom .5s ease-in-out, border-top .5s ease-in-out; -o-transition: border-bottom .5s ease-in-out, border-top .5s ease-in-out; transition: border-bottom .5s ease-in-out, border-top .5s ease-in-out; } .responsive-navigation-container.expanded { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .responsive-navigation-inner-container { width: 320px; overflow: hidden; height: 0; webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0) rotate(0) scale; -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -ie-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out; } .responsive-navigation-container.expanded .responsive-navigation-inner-container { height: auto; } #responsive-navigation { /*display: none;*/ display: block; /* position: absolute; */ background: white; width: 320px; } #responsive-navigation .navigation-top-item { display: block; border-bottom: 1px solid #eee; } #responsive-navigation .navigation-top-item:last-child { border-bottom: 0; } #responsive-navigation .hover .navigation-list { display: none; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive-navigation-inner-container { width: 420px; } #responsive-navigation { width: 420px; } } /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/bxslider/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/bxslider/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/bxslider/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/bxslider/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/bxslider/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* Important Colors: John Deere Green = #367c2b //.color2 JD Green:hover (dark) = #2B492B John Deere Gold = #f7db28 gray button = #666666 //default button and .color1 gray button:hover = #444444 */ /* WEB FONTS */ /*@import url("//hello.myfonts.net/count/275db6");*/ @font-face { font-family: 'Open Sans'; src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot'); src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot'); src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_italic_macroman/OpenSans-Italic-webfont.ttf') format('truetype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_italic_macroman/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot'); src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff') format('woff'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf') format('truetype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot'); src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans Condensed'; src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot'); src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.woff') format('woff'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.ttf') format('truetype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_light_macroman/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Condensed'; src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot'); src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.woff') format('woff'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.ttf') format('truetype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/opensanscondensed_bold_macroman/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto Slab'; src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.eot'); src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.woff') format('woff'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.ttf') format('truetype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto Slab'; src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.eot'); src: url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.woff') format('woff'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.ttf') format('truetype'), url('http://www.rungreen.com/skin/frontend/rungreen/default/webfonts/robotoslab_bold_macroman/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg'); font-weight: 700; font-style: normal; } /* GENERAL */ body { background: none; font-family: sans-serif, sans; text-align: left; font-size: 100%; font-size:14px; /* This is commented because it breaks the olark plugin -webkit-transform-style: preserve-3d; -webkit-perspective: 800; */ } .tablet-mobile, .mobile, .tablet { display: none; } .desktop-breakpoint .tablet-mobile, .desktop-breakpoint .mobile, .desktop-breakpoint .tablet { display:none !important; } .ta-left { text-align:left; } .ta-center { text-align:center; } .ta-right { text-align:right; } .bold { font-weight:bold; } .italic { font-style:italic; } a { color:#367c2b; } a:hover { color:#2B492B; } /*.container .sixteen.columns.col1 { width: 960px; margin-left: 0; margin-right: 0; }*/ .page-wrapper { margin-top: 35px; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif, sans; font-weight: normal; line-height: 1.125em; } h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } .orange-text { color: #f8983b; } .no-display { display:none !important; } /* MESSAGES */ .success-msg { background-image: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/msg-success.png) !important; background-color: transparent !important; background-position: 0 12px !important; background-size: 18px; border: 0 !important; font-family: 'Roboto Slab', Roboto, times, serif; font-weight: normal !important; color: #367C2B; padding: 15px 0 15px 25px !important; font-size: 18px !important; line-height: 1em; } .note-msg { background-image: none !important; background-color: transparent !important; border: 0 !important; font-family: 'Roboto Slab', Roboto, times, serif; font-weight: normal !important; color: #62a10a; padding: 15px 0 !important; font-size: 18px !important; line-height: 1em; } .error-msg { background-image: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/msg-error.png) !important; background-color: transparent !important; background-position: 0 12px !important; background-size: 18px; border: 0 !important; font-family: 'Roboto Slab', Roboto, times, serif; font-weight: normal !important; color: #e82923; padding: 15px 0 15px 25px !important; font-size: 18px !important; line-height: 1em; } /* FORMS */ button.button, .button, button, input[type="submit"], input[type="reset"], input[type="button"], button.button.color1, .button.color1, button.color1, input[type="submit"].color1, input[type="reset"].color1, input[type="button"].color1 { background:#999; color:#fff; height: auto; text-transform:none; font-family: 'Open Sans', sans-serif, sans; font-weight:normal; font-size: 14px; padding: 6px 10px 8px; display: block; line-height: 1em !important; } button.button:hover, .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button.button.color1:hover, .button.color1:hover, button.color1:hover, input[type="submit"].color1:hover, input[type="reset"].color1:hover, input[type="button"].color1:hover { font-size: 14px; background: #666; text-transform:none; padding:6px 10px 8px; } .os-mac button.button, .os-mac .button, .os-mac button, .os-mac input[type="submit"], .os-mac input[type="reset"], .os-mac input[type="button"] { padding: 7px 10px 5px; } .os-mac.browser-firefox button.button, .os-mac.browser-firefox .button, .os-mac.browser-firefox button, .os-mac.browser-firefox input[type="submit"], .os-mac.browser-firefox input[type="reset"], .os-mac.browser-firefox input[type="button"] { padding: 6px 10px; } button.button:focus, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color:#fff; } .os-mac button.button:hover, .os-mac .button:hover, .os-mac button:hover, .os-mac input[type="submit"]:hover, .os-mac input[type="reset"]:hover, .os-mac input[type="button"]:hover { padding: 7px 10px 5px; } .os-mac.browser-firefox button.button:hover, .os-mac.browser-firefox .button:hover, .os-mac.browser-firefox button:hover, .os-mac.browser-firefox input[type="submit"]:hover, .os-mac.browser-firefox input[type="reset"]:hover, .os-mac.browser-firefox input[type="button"]:hover { padding: 6px 10px; } button.button.orange, .button.orange, button.orange, input[type="submit"].orange, input[type="reset"].orange, input[type="button"].orange { background: orange; } .button.orange:hover, button.orange:hover, input[type="submit"].orange:hover, input[type="reset"].orange:hover, input[type="button"].orange:hover { background: #367c2b; } button.button.color2, .button.color2, button.color2, input[type="submit"].color2, input[type="reset"].color2, input[type="button"].color2 { background: #367c2b; } .button.color2:hover, button.color2:hover, input[type="submit"].color2:hover, input[type="reset"].color2:hover, input[type="button"].color2:hover { background: #2B492B; } input[type="text"], input[type="password"], input[type="email"], textarea, select { margin-bottom: 0; } input[type="text"], input[type="password"], input[type="email"], textarea { padding:8px; border-radius:5px; -moz-box-shadow: 2px 2px 2px #eee inset; -webkit-box-shadow: 2px 2px 2px #eee inset; -ms-box-shadow: 2px 2px 2px #eee inset; box-shadow: 2px 2px 2px #eee inset; } select { border-radius:5px; } input[type="text"].full-column-input, input[type="password"].full-column-input, input[type="email"].full-column-input, textarea.full-column-input, select.full-column-input { width:100%; } .form-list li { margin-bottom: 12px; } .shipping .form-list li { margin-bottom: 12px; float: left; width:30%; margin-right:10px;} .content input.input-text, .content textarea { border-radius: 5px; } .content input.input-text { height: 15px; } .content .form-list label { font-family: 'Roboto Slab', Roboto, times, serif; font-weight: 700; } p.required { margin-bottom: 5px; } .fieldset { padding: 0; margin: 0; background: none; border: 0; } .fieldset .legend { margin: 0 0 15px 0; background: none; padding: 0; font-family: 'Roboto Slab', Roboto, times, serif; font-weight: 700; color: #367C2B; text-transform: none; font-size: 24px; float:none; } .buttons-set { border: 0; padding: 0; margin: 0; background: none; } .back-link { margin-bottom: 0; } .form-list .fields { margin-bottom: 0; } .form-list .field { margin-bottom: 12px; } .form-list .field, .content .form-list .input-box { width: auto; } .form-list li.wide input.input-text, .content .form-list textarea.input-text, .content .form-list input.input-text { width: 380px; } .form-list li.control label { display: inline; } .catalog-product-view .notices { margin-top:-35px; } .catalog-category-view .notices { margin-top:-25px; } #messages_product_view { margin-top:-25px; } /* HEADER */ header { border-bottom: 0; padding-top:0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0, #ebecec 134px); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(134px,#ebecec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ebecec 134px); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ebecec 134px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ebecec 134px); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ebecec 134px); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebecec',GradientType=0 ); /* IE6-9 */ } header .container { } .container .logo-holder.columns { width:200px; } h1#logo { margin-bottom:0; } #logo .logo, #logo.logo { display:block; width:188px; height:107px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/sprites/sprite-main_4x.png') top left no-repeat transparent; background-size:500px 500px; } .logo { float: none; } .logo span { display: none; } header .info-holder.columns { float:right; width:300px !important; margin:0; } .header-content { padding-top:20px; margin-right:10px; } .header-links { margin-bottom:10px; height:20px; } .header-links li { float:right; margin:0; padding:0 10px; border-left:1px solid #ddd; } .header-links li:last-child { border:none; } .topsearch { float:right; margin-top:8px; } #search_mini_form { position: relative; display: block; } #search_mini_form input { padding: 8px 30px 7px 8px; border: 1px solid #d1d1d1; width: 238px; height: 15px; float: left; margin: 2px 0 0; position: relative; z-index: 1; font-family: 'Open Sans', sans-serif, sans; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #search_mini_form button { position: absolute; z-index: 2; right: 5px; top: 7px; padding: 0; background: 0; } #search_mini_form button img { height: 22px; width: 22px; } #search_mini_form button:hover { background: none; padding: 0; } #search_autocomplete { background: white; border: 1px solid #ddd; z-index:1000; } #search_autocomplete ul { margin: 0; } #search_autocomplete li { border-bottom: 1px solid #eee; margin: 0; padding: 7px 10px; font-family: 'Roboto Slab', Roboto, times, serif; font-weight: 700; } #search_autocomplete li span { color: #ccc; margin-right: 15px; } #search_autocomplete li:last-child { border-bottom: 0; } #search_autocomplete li:hover { background: #f6f6f6; } .JD-authorized-dealer { height:30px; float:right; width:137px; margin-top:10px; margin-right:20px; } .JD-authorized-dealer img { display:block; height:100%; width:100%; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/logos/john-deere-authorized-dealer.png') left top no-repeat transparent; background-size:137px 30px; } .breadcrumbs { padding: 0; border: 0; } /* old toplinks .toplinks ul, .toplinks li { margin-bottom: 0; } .toplinks ul li.topcart { width: auto !important; position:relative; } .toplinks ul li.topcart .topcart-link { font-family: 'Open Sans Condensed', 'Open Sans', sans-serif, sans; font-weight:700; text-transform: none; color:#367c2b; position: relative; display:block; } .toplinks ul li.topcart .cart-title { position:relative; } .toplinks ul li.topcart .cart-title span { font-size:15px; } .toplinks ul li.topcart .topcart-link .shopping-cart-icon { width:16px; height:12px; position:absolute; left:-24px; top:4px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/sprites/sprite-main_4x.png') 0 -125px no-repeat transparent; background-size:500px 500px; } .toplinks ul li, .toplinks ul { float: none !important; } .toplinks ul li.topcart .topcart-link span.qty { font-style: italic; } .toplinks ul li.myaccount, .toplinks ul li.gift-certs { line-height: 1em; color:#367c2b; vertical-align: bottom; } .toplinks ul li.myaccount a, .toplinks ul li.gift-certs a { text-transform: none; color:#367c2b; font-weight: normal; font-size: 12px; }*/ /* Global Messages */ #globalmessages { background:#fff; background-color:rgba(255,255,255,1); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 10px 0px #999999; -moz-box-shadow: 0px 0px 10px 0px #999999; -ms-box-shadow: 0px 0px 10px 0px #999999; -o-box-shadow: 0px 0px 10px 0px #999999; box-shadow: 0px 0px 10px 0px #999999; } #globalmessages ul.messages { padding-top:10px !important; padding-left:10px !important; } /* TOP CART */ .topcart .cartpop { display: none; position: absolute; background: #ededed; width: 350px; padding: 10px; right: 10px; top: 27px; border: 1px solid #d1d1d1; z-index: 101; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ie-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.25); -ie-box-shadow: 0 2px 5px rgba(0,0,0,.25); -o-box-shadow: 0 2px 5px rgba(0,0,0,.25); box-shadow: 0 2px 5px rgba(0,0,0,.25); } .topcart.hover .cartpop { display: block; } .topcart .cartpop .arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ededed; position: absolute; top: -10px; right: 70px; } .topcart .block-subtitle { margin-bottom: 5px; font-weight: 700; font-size: 12px; } .topcart .cartpop .no-items { padding: 10px; margin: 0; } .topcart .cartpop ol { background: white; margin: 0; border: 1px solid #d1d1d1; } .topcart .cartpop li.item { border-bottom: 1px solid #e8e8e8; padding: 10px; overflow: hidden; } .topcart .cartpop li.item:last-child { border-bottom: 0; } .topcart .cartpop .product-image { border: none; } .topcart .cartpop .product-details, .topcart .cartpop .product-details strong { font-family: 'Century Gothic', 'Apple Gothic', AppleGothic, sans-serif; font-size: 14px; font-weight: bold; color: #444; } .topcart .cartpop .product-name { line-height: 1.125em; font-size: 14px; margin-bottom: 5px; color: black; } .topcart .cartpop .product-name a { text-transform: none; font-weight: normal; } .topcart .cartpop .cartfoot { margin-top: 10px; } .topcart .cartpop .cartfoot .subtot { width: 33%; float: left; font-family: 'Century Gothic', 'Apple Gothic', AppleGothic, sans-serif; font-size: 18px; font-weight: bold; color: #444; } .topcart .cartpop .cartfoot .actions { width: 66%; float: right; } .topcart .cartpop .cartfoot .actions button { float: right; background: #367c2b; } .topcart .item-options dt, .topcart .item-options dd { font-weight: 700; font-style: normal; margin: 0; padding: 0; font-family: 'Roboto Slab', Roboto, times, serif; line-height: 1em; } .topcart .item-options dt { font-size: 12px; } .topcart .item-options dd { font-size: 10px; margin-bottom: 10px; color: #367C2B; } /* AJAX CART */ .ajaxtopcart { overflow:hidden; float:right; margin-top:-5px; } #ajax-cart .bottom { width:auto; } #ajax-cart #cartHeader { font-family:"Open Sans Condensed", "Open Sans", sans-serif, sans; font-size:18px; } #ajax-cart #cartHeader strong { text-transform:none; font-family:"Open Sans Condensed", "Open Sans", sans-serif, sans; color:#367c2b; } #ajax-cart #cartHeader strong.loading { background-image:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/ajax-loader.gif'); } #ajax-cart #cartHeader a { color:#367c2b; } #ajax-cart .expanded #cartHeader a { color:#367c2b; } #ajax-cart #cartHeader a:hover, #ajax-cart #cartHeader a:focus, #ajax-cart #cartHeader a:hover, #ajax-cart #cartHeader a:focus { color:#367c2b; } /* #ajax-cart #cartHeader a:hover strong { color:#2B492B; } #ajax-cart #cartHeader a:hover { color:#2B492B; } */ #topCartContent { z-index:101; } .ajaxtopcart .shopping-cart-icon { float:left; width:16px; height:12px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/sprites/sprite-main_4x.png') 0 -125px no-repeat transparent; background-size:500px 500px; margin-top:4px; } #ajax-cart { color:#333; } #ajax-cart .inner-wrapper { border-radius:6px; background-color:#e6e6e6; width:350px; padding:20px 10px 10px; -webkit-box-shadow: 5px 10px 10px -2px #666666; -moz-box-shadow: 5px 10px 10px -2px #666666; -ms-box-shadow: 5px 10px 10px -2px #666666; -o-box-shadow: 5px 10px 10px -2px #666666; box-shadow: 5px 10px 10px -2px #666666; } #ajax-cart .showing { font-family:"Roboto Slab", "Roboto Slab", Roboto, sans-serif, sans; padding:0; margin-bottom:15px; color:#333; font-size:12px; } #ajax-cart .top-cart-total { font-family:"Roboto Slab", "Roboto Slab", Roboto, sans-serif, sans; text-align:right; margin-bottom:15px; color:#333; font-size:15px; padding:0; } #ajax-cart #cart-sidebar { width:auto; margin:0 0 10px; background-color:#fff; border:1px solid #ccc; border-top:none; } #ajax-cart #cart-sidebar thead { background-color:#ccc; } #ajax-cart #cart-sidebar thead th { background-color:#ccc; font-weight:normal; font-size:11px; text-transform:uppercase; padding:7px 15px; } #ajax-cart #cart-sidebar tfoot { background-color:#f6f6f6; } #ajax-cart #cart-sidebar tfoot tr { border-bottom:1px solid #ccc; } #ajax-cart #cart-sidebar tbody .item { border-bottom:1px solid #ccc; } #ajax-cart #cart-sidebar tbody .item td { border:none; padding:15px; } #ajax-cart .promo-code-trigger { float:left; clear:none; font-size:13px; padding:15px; } #ajax-cart .promo-code-input-area { display:none; } #ajax-cart #cart-sidebar th.product-details, #ajax-cart #cart-sidebar .item .product-details { width:auto; } #ajax-cart #cart-sidebar th.qty { width:auto; padding-left:5px; padding-right:5px; } #ajax-cart #cart-sidebar .item .qty { width:auto; padding-left:5px; padding-right:5px; } #ajax-cart #cart-sidebar th.subtotal { width:auto; padding-right:30px; } #ajax-cart #cart-sidebar .item .subtotal { width:auto; padding-right:30px; } #ajax-cart .mini-products-list .product-image { border:none; padding:0; margin:0; } #ajax-cart .mini-products-list .product-details-content { padding-left:65px; } #ajax-cart .product-details h4 { font-family:"Roboto Slab", Roboto, times, serif; } #ajax-cart .product-details h4 a { color:#333; display:inline-block; line-height:16px; } #ajax-cart .product-details h4 a:hover { color:#367c2b; } #ajax-cart .item .subtotal { display:block; position:relative; } #ajax-cart a.btn-remove, #ajax-cart a.btn-remove.btn-remove2 { float:none; position:absolute; right:10px; top:18px; } #ajax-cart #cart-sidebar .cart_total { padding:15px; margin-bottom:0; } #ajax-cart #cart-sidebar ul.actions { padding:15px; overflow:hidden; margin:0; } #ajax-cart #cart-sidebar ul.actions li { float:right; margin:0 0 5px 5px; } #ajax-cart #cart-sidebar .actions .button { font-family:"Roboto Slab", Roboto, times, serif; font-weight:bold; font-size:16px; } #ajax-cart .close-link { text-align:right; margin-bottom:0; font-size:13px; } .catalog-category-view button.button.ajax { display:block; padding-left:0; padding-right:0; } .catalog-category-view button.button.ajax > span { display:block; padding-left:10px; padding-right:10px; background:transparent; font-family:"Open Sans", arial, sans-serif, sans; font-size:14px; font-weight:400; min-width:100px; text-align:center; } .catalog-category-view button.button.ajax.loading > span { text-align:left; padding-left:30px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/ajax-loader-sm-white.gif') 8px center no-repeat transparent; min-width:80px; } /* NAVIGATION */ .responsive-navigation-container { border-top: 3px solid #fff; border-bottom: 1px solid #e0e0e0; background: #367c2b; /* Old browsers */ background: -moz-linear-gradient(top, #367c2b 0%, #1c6a24 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#367c2b), color-stop(100%,#1c6a24)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #367c2b 0%,#1c6a24 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #367c2b 0%,#1c6a24 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #367c2b 0%,#1c6a24 100%); /* IE10+ */ background: linear-gradient(to bottom, #367c2b 0%,#1c6a24 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367c2b', endColorstr='#1c6a24',GradientType=0 ); /* IE6-9 */ } #responsive-navigation { z-index:100; border-left:1px solid #0A5712; } #responsive-navigation a { font-family: 'Open Sans', sans-serif, sans; } #responsive-navigation .navigation-top-item { border-right: 1px solid #0A5712; } #responsive-navigation .navigation-top-item.current-item { background: #1f6b1a; /* Old browsers */ background: -moz-linear-gradient(top, #1f6b1a 0%, #115c15 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f6b1a), color-stop(100%,#115c15)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1f6b1a 0%,#115c15 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1f6b1a 0%,#115c15 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1f6b1a 0%,#115c15 100%); /* IE10+ */ background: linear-gradient(to bottom, #1f6b1a 0%,#115c15 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f6b1a', endColorstr='#115c15',GradientType=0 ); /* IE6-9 */ } #responsive-navigation .navigation-top-item.last { } #responsive-navigation .navigation-top-anchor { font-size: 16px; padding: 17px 11px 17px 12px; border-right:1px solid #539051; color: #fff; } .browser-chrome #responsive-navigation .navigation-top-anchor, .browser-safari #responsive-navigation .navigation-top-anchor { padding: 17px 11px 17px 11px; } .browser-chrome #responsive-navigation li.last .navigation-top-anchor, .browser-safari #responsive-navigation li.last .navigation-top-anchor { padding:17px 10px 17px 10px; } .browser-firefox #responsive-navigation li.last .navigation-top-anchor { padding:17px 6px 17px 7px; } .os-windows.browser-firefox #responsive-navigation li.last .navigation-top-anchor { padding:17px 15px 17px 14px; } .os-mac.browser-firefox #responsive-navigation li.last .navigation-top-anchor { padding:17px 14px 17px 15px; } .cms-home.tablet-breakpoint.browser-firefox #responsive-navigation li.last .navigation-top-anchor { padding: 17px 5px; } .os-mac.cms-home.tablet-breakpoint.browser-firefox #responsive-navigation li.last .navigation-top-anchor { padding: 17px 13px; } .os-linux.cms-home.tablet-breakpoint.browser-firefox #responsive-navigation li.last .navigation-top-anchor { padding: 17px 10px 17px 11px; } .os-linux.browser-firefox #responsive-navigation li.last .navigation-top-anchor { padding: 17px 6px 17px 7px;} .os-windows.cms-home.tablet-breakpoint.browser-firefox #responsive-navigation li.last .navigation-top-anchor { padding: 17px 13px; } #responsive-navigation .navigation-top-item.last .navigation-top-anchor { padding:17px 15px 17px 10px; border-right:1px solid #539051; } #responsive-navigation .navigation-top-item.hover .navigation-top-anchor { background: #f8cc00; color:#367c2b; } #responsive-navigation .navigation-list { top:52px; padding:0; background:#f6f6f6; } #responsive-navigation .navigation-list .sub-category .sub-category-anchor { color: #333; padding: 12px 25px; line-height: 1em; font-size: 14px; width: 150px; white-space: normal; } #responsive-navigation .navigation-list .sub-category .sub-category-anchor:hover { background: #367C2B; color: white; } #responsive-navigation .navigation-top-item.mobile, #responsive-navigation .navigation-top-item.mobile-tablet { display:none; } /* BREADCRUMBS */ .breadcrumbs-wrapper .container { } .breadcrumbs { margin-bottom: 0; padding: 14px 0; border-bottom:1px solid #ddd; } .breadcrumbs ul { margin: 0; padding: 0; } .breadcrumbs ul li { text-transform: none; font-size: 12px; font-family: arial; } .breadcrumbs ul li.home { } .breadcrumbs ul li strong { color: #666; font-weight: normal; } .breadcrumbs ul li a { color: #367c2b; font-weight: normal; } /* FOOTER */ footer { border-top: 0; } .footer-top .container { border-top: 1px solid #d1d1d1; padding-top: 20px; padding-bottom: 20px; margin-top: 25px; color:#333; } .footer-top .left { width: 150px; float: left; margin-right: -170px; } .footer-top .right { padding-left: 170px; float:none !important; } .footer-top .sixteen.columns { width:940px; padding:20px 10px 0px; margin:20px 0 0; border-top:1px solid #d1d1d1; display:none; } .cms-home .footer-top .sixteen.columns { display:block; } .footer-top .sixteen.columns .left { width: 200px; margin-right:-220px; } .footer-top .sixteen.columns .right { padding-left:220px; } .footer-top h3 { font-size: 20px; font-weight: 400; text-transform: none; padding-top: 5px; color:#333; } .footer-top p { font-weight:400; font-size: 13px; margin-bottom: 10px; } .footer-top .experience-block p { padding-right:80px; } .footer-top a { font-family:'Roboto Slab', Roboto, times, serif; color: #367C2B; } .footer-top a:hover { color: #2b492b; } .footer-middle { border-top: 1px solid #d1d1d1; padding: 35px 0; font-family: "Open Sans", sans-serif, sans; font-size:14px; background: #367c2b; /* Old browsers */ background: -moz-linear-gradient(top, #367c2b 0%, #1c6a24 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#367c2b), color-stop(100%,#1c6a24)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #367c2b 0%,#1c6a24 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #367c2b 0%,#1c6a24 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #367c2b 0%,#1c6a24 100%); /* IE10+ */ background: linear-gradient(to bottom, #367c2b 0%,#1c6a24 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367c2b', endColorstr='#1c6a24',GradientType=0 ); /* IE6-9 */ } .footer-middle a { color:#fff; } .footer-middle .contact_us li:first-child { margin-bottom:12px; } .footer-middle .contact_us li { margin-bottom:4px; } .footer-middle .subscribe label { font-family: 'Roboto Slab', Roboto, times, serif; font-size: 16px; margin-bottom: 12px; font-weight: 700; color: #fff; } .footer-middle .subscribe label span { font-family: 'Open Sans', sans-serif, sans; font-size: 14px; margin-bottom: 12px; font-weight: normal; color: #fff; display:block; } .footer-middle dd li { font-size: 12px; line-height: 1.5em; margin-bottom: 8px; } .footer-middle .subscribe form { display: block; overflow: hidden; margin-bottom: 20px; } .footer-middle .subscribe .form-field { position: relative; } .footer-middle .subscribe .validation-advice { position: absolute; top: 35px; color:#f7db28; } .footer-middle .subscribe input { font-family:"Open Sans", sans-serif, sans; padding: 8px 5px; border: 1px solid #fff; width: 135px; height: 15px; float: left; margin-right: -1px; margin-bottom: 0; position: relative; z-index: 1; -moz-border-radius: 0; -webkit-border-radius: 0; -ie-border-radius: 0; border-radius: 0; } .footer-middle .subscribe input.validation-failed { margin-bottom: 35px; } .footer-middle .subscribe .submit { background:#367c2b; color: #fff; border: 1px solid #fff; border-radius: 0; padding: 10px 10px 9px; line-height: 1em; height: 33px; display: block; font-size:14px; } footer .subscribe button.validation-passed { margin-top: 0; } .footer-middle .social_media ul { margin: 0; padding: 0; } .footer-middle .social_media li { display: inline-block; margin-right: 5px; margin-bottom: 0; } .footer-bottom { background: #fff; color:#333; padding: 10px 0; font-family: sans-serif; } .footer-bottom li { float: left; margin-bottom: 0; line-height: 52px; } .footer-bottom li:last-child { margin-right: 0; } .footer-bottom li img { vertical-align: middle; } footer address { border: 0; margin: 0; color: #333; line-height: 1.25em; font-size: 11px; padding-top: 14px; } footer li, footer strong { color: #fff; } .cc-processing-logos li { width:140px; float:right; margin-left:20px; } .cc-processing-logos img { width:100%; } #credit-card-companies { width:200px; } #paypal-logo { width:100px; } /* CMS PAGE TEMPLATES */ .leftcol, .rightcol, .content { min-height: 1px; } .col2l.content { float: right; } .wrapper-3col { float: left; } .wrapper-3col .content { float: right; } .page-title { padding: 0; border-bottom: 0; margin-bottom: 35px; } .page-title h1 { font-family: 'Open Sans', sans-serif, sans; font-size: 32px; font-weight:normal; line-height:1em; margin-bottom: 0; color:#333; } .full-column-image { width: 100%; margin-bottom: 25px; } .leftcol dt, .rightcol dt { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; color: #367C2B; margin-bottom: 5px; font-size: 18px; } .leftcol dd, .rightcol dd { margin-bottom: 25px; } .leftcol dd:last-of-type, .rightcol dd:last-of-type { margin-bottom: 0; } .cms-ll-shortener { width:80%; } #global-banner { font-family:"Roboto Slab", Roboto, sans-serif, sans; color:#367C2B; padding:10px; width:940px; font-size:18px; } #global-banner p { margin-bottom:10px } #global-banner p:last-child { margin-bottom:0px } .std h1 { line-height: 1; margin: 0 0 20px 0; padding: 0 0 20px 0; } .std h2 { font-weight: normal; } .std h3 { font-weight: bold; } .std p { margin: 0 0 15px 0; } .std ul { } .std ul.form-list { list-style: none; margin: 0; padding: 0; } .std ul.no-list { list-style: none; margin: 0; padding: 0; } .cms-page-view a { } .cms-page-view a:hover, .cms-page-view a:focus { text-decoration: underline; } .std .intro { color: #999; text-align: center; font-weight: normal; margin: 0 auto 50px auto; width: 75%; } .std .intro.intro-left { text-align: left; width: 100%; } .std .intro strong { display: block; font-weight: normal; margin: 0 0 10px 0; } .std .read-more-2 { padding: 0 24px 0 0; } .std .read-more-2 img { padding: 0 0 0 5px; display: none; } .rich-content-row { position: relative; overflow: hidden; margin: 0 0 30px 0; } .rich-content-row.no-gradient { } .rich-content-row h2 { padding: 0 0 20px 0; } .rich-content-row h3 { margin: 15px 0 10px 0; } .rich-content-row ul { overflow: hidden; } .rich-col { float: left; width: 282px; min-height: 315px; margin: 15px 0 0 0; padding: 0 15px 15px 15px; text-align: center; cursor: pointer; } .rich-col-2 { border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; } .rich-content-row .read-more.see-all { position: absolute; top: 7px; right: 0; } .read-more.see-all { font-size: 1.4rem; font-weight: normal; } .read-more.see-all img { padding: 5px 0 0 2px; } ul.no-list li img, img.styled-img { box-shadow: 0 0 10px 3px #bcbcbb; width: 100%; } span.out-of-stock { font-size: 1.8rem; } .cms-physical-catalog .left-col { float: left; width: 54%; min-height: 300px; } .cms-physical-catalog .right-col { width: 28%; min-height: 300px; float: left; padding: 42px 0 0 122px; } .col-1-left-large, .col-1-left { float: left; width: 649px; padding: 10px 40px 10px 0; border-right: 1px solid #d9d9d9; } .col-2-right-small, .col-2-right { float: right; font-size: 1.4rem; width: 210px; padding: 10px 20px; } .col-1-right-large { float:right; border:none; border-left:1px solid #d9d9d9; width:649px; padding:10px 0 10px 40px; } .col-2-left-small { float:left; font-size: 1.4rem; padding:10px 20px; width:210px; } .col-2-right .section { margin: 0 0 40px 0; } .col-2-right h2 { font-size: 2.0rem; padding: 0 0 13px 0; line-height: 1.2; border-bottom: 1px solid #d9d9d9; } .col-2-right a { } .col-2-right-small {} .contact-data { font-size: 1.4rem; } a.call-out, span.call-out { font-size: 1.4rem; } img.img-right { float: right; padding: 0; } ul.cms-navigation { list-style: none; margin: 0; padding: 0; } ul.cms-navigation li { margin: 0 0 15px 0; font-size: 16px; } /* Corporate Gifting */ .cms-page-view .rich-list-2 .rich-col, .cms-corporate-gifting .rich-col { width: 184px; } .cms-page-view .rich-list-2 .rich-col-1, .cms-corporate-gifting .rich-col-1 { padding: 0 15px 15px 0; } .cms-page-view .rich-list-2 .rich-col-2, .cms-corporate-gifting .rich-col-2 { border: none; } .cms-page-view .rich-list-2 .rich-col-3, .cms-corporate-gifting .rich-col-3 { padding: 0 0 15px 15px; } .cms-page-view .rich-list-2 .rich-content-row, .cms-corporate-gifting .rich-content-row { clear: both; overflow: visible; } .cms-page-view .rich-list-2 .rich-content-row ul, .cms-corporate-gifting .rich-content-row ul { overflow: visible; } .cms-page-view .rich-list-2 .rich-content-row h3, .cms-corporate-gifting .rich-content-row h3 { color: #333; } .cms-page-view .rich-list-2 .rich-col .read-more, .cms-corporate-gifting .read-more { font-family: "Roboto Condensed"; font-weight: normal; font-size: 1.6rem; } .cms-page-view .rich-list-2 .read-more img, .cms-corporate-gifting .read-more img { padding: 5px 0 0 2px; } /* HOME PAGE */ .cms-home .container .sixteen.columns.col1 { width: 960px; margin-left: 0; margin-right: 0; } .cms-home .page-wrapper { margin-top: 50px; } .cms-home .top-wide-container { background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/backgrounds/home-feature.jpg) center bottom repeat #f0f0f0; } .cms-home .bx-wrapper img { height: auto; } .bx-wrapper { margin: 0; } .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; left: 0; background: none; } .bxslider .caption { position: absolute; right: 40px; bottom: 0; width: 220px; height: auto; padding: 20px; background: white; background: rgba(255,255,255,.85); overflow: hidden; cursor:pointer; } .bxslider .caption.no-link { cursor:default; } .bxslider .caption img { margin-bottom: 10px; } .bxslider .caption h2 { font-family:'Roboto Slab', Roboto, times, serif; font-size: 20px; font-weight:700; text-transform:uppercase; margin:-20px -20px 20px; padding:20px; background-color:#f6da27; background-color:rgba(248, 218, 0, 0.8); color:#367c2b; } .bxslider .caption.blue { background: #a8bed3; background: rgba(168,190,211,.85); } .bxslider .caption.blue h2 { color: white; } .bxslider .caption p { font-size:13px; color:#333; } .cms-home .pager-wrapper { background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/backgrounds/home-feature-menu.png) repeat-x bottom #ffde00; border-bottom: 1px solid #e0e0e0; } #bx-pager { text-align: center; } #bx-pager a { font-family: 'Roboto Slab', 'Roboto', times, serif; font-weight:700; border-bottom: 2px solid rgba(232,41,35,0); color: #367c2b; font-size: 13px; line-height: 1em; height: 10px; padding: 12px 20px; display: inline-block; text-align: center; -webkit-transition: background .25s ease-in-out, border-color .25s ease-in-out; -moz-transition: background .25s ease-in-out, border-color .25s ease-in-out; -ie-transition: background .25s ease-in-out, border-color .25s ease-in-out; -o-transition: background .25s ease-in-out, border-color .25s ease-in-out; transition: background .25s ease-in-out, border-color .25s ease-in-out; } #bx-pager a.active { background:#fff; background: rgba(255,255,255,.4); border-bottom: 2px solid #367c2b; border-bottom: 2px solid rgba(55,124,43,1); } /* Collections Kickers */ ul.collections-kickers { padding: 0; margin: 0; clear:both; } ul.collections-kickers li { display: block; } ul.collections-kickers img { margin-bottom:16px; height: auto; } ul.collections-kickers h3 { font-size:18px; line-height:1.25em; margin-bottom:10px; } ul.collections-kickers p { margin-bottom:10px; } ul.collections-kickers p a { font-family: 'Roboto Slab','Roboto', times, serif; font-size: 13px; } .category-body-content { padding-bottom: 30px; margin-top: 0; margin-bottom:30px; border-bottom: 1px solid #ccc; display:block; font-size:14px; clear:both; } .category-body-content > p { margin-bottom:20px; } .category-body-content > p:last-child { margin-bottom:0; } /* collections kicker for cats */ .category-body-content li { display:block; } .category-body-content h3 { font-size:18px; line-height:1.25em; margin-bottom:10px; } .category-body-content li img { margin-bottom:16px; border-bottom:1px solid #ccc; } .category-body-content p { margin-bottom:10px; } .category-body-content p a { font-family: 'Roboto Slab','Roboto', times, serif; font-size: 13px; } .twelve.columns .collections-kickers { border-top:1px solid #ddd; padding-top:20px; } /* CATEGORY PAGE */ .category-image-container { background: #e3e3e3; } .category-image-container .container { width: 960px; padding: 0; } .category-image-container .category-image { height: auto; margin-bottom: 0; } .category-image-container .caption { position: absolute; right: 40px; bottom: 0; width: 220px; height: auto; padding: 20px; background: white; background: rgba(255,255,255,.85); overflow: hidden; cursor:pointer; } .category-image-container .caption img { margin-bottom: 10px; } .category-image-container .caption h2 { font-family:'Roboto Slab', Roboto, times, serif; font-size: 20px; font-weight:700; text-transform:uppercase; margin:-20px -20px 20px; padding:20px; background-color:#f6da27; background-color:rgba(248, 218, 0, 0.8); color:#367c2b; } .category-image-container .caption.blue { background: #a8bed3; background: rgba(168,190,211,.85); } .category-image-container .caption.blue h2 { color: white; } .category-image-container .caption p { font-size:13px; color:#333; } .catalog-category-view .page-wrapper { margin-top: 25px; } .block-layered-nav { border: none; } .block-layered-nav .currently { border-bottom: 0; } .block-layered-nav .currently ol { margin: 10px 0 0; } .block-layered-nav .currently ol li { color: #333; font-size: 12px; } .block-layered-nav .actions { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ccc; } .block-layered-nav p.category-name { font-family: 'Open Sans',sans-serif, sans; font-size: 24px; color: #333; line-height: 30px; } .block-layered-nav p.block-subtitle, .block-layered-nav dt.filter-title { font-family: 'Open Sans', sans-serif, sans; font-weight:normal; color: #333; text-transform: none; font-size: 18px; } .desktop-tablet .block-layered-nav dt.filter-title-category { display: none; } .block-layered-nav dd.filter-options ol { margin: 0; } .block-layered-nav dd.filter-options li { margin-bottom: 0; line-height: 2.25em; } .block-layered-nav dd.filter-options li a { text-transform: none; font-family: 'Roboto Slab', Roboto, times, serif; color:#367c2b; font-size:14px; } .desktop-tablet .block-layered-nav dd.filter-options-category { border-bottom: 1px solid #ccc; padding-bottom: 25px; } .desktop-tablet .block-layered-nav dd.filter-options-category li { line-height: 2.25em; } .desktop-tablet .block-layered-nav dd.filter-options-category li a { font-family: 'Roboto Slab', Roboto, times, serif; color:#367c2b; font-size: 14px; } .subcat-grid { margin: 0 -10px; } .subcat-grid li { height:180px; } .subcat-grid li img { width: 100%; height: 132px; } .subcat-grid li h2 { font-family: 'Roboto Slab', Roboto, times, serif; color: #367C2B; font-size: 16px; padding: 7px 10px 5px; width: 200px; text-align:center; } .top-sellers { margin-top: 25px; } .products-grid { margin: 0; border-bottom: 0; } .products-grid li.item.alpha { margin-left: 0 !important; } .products-grid li.item.omega { margin-right: 0 !important; } .products-grid li.item { width: 222px; margin: 0 8px; padding: 0; height: 385px; overflow: hidden; } .products-grid li.item .product-image { width: auto; height: auto; margin-bottom: 15px; } .products-grid li.item .product-image img { margin-bottom: 0; height: auto; } h2.title { border-bottom: 1px solid #ccc; font-family: 'Open Sans', sans-serif, sans; font-weight:400; color: #333; font-size: 24px !important; padding-bottom: 10px; margin-bottom: 15px; font-weight: normal !important; } .products-list .product-name, .products-grid .product-name { margin-bottom: 10px; } .products-grid .product-name a { font-family: sans-serif; color: #333; font-weight: normal; } .products-list .product-name a { font-family: 'Open Sans', sans-serif, sans; font-weight: normal; font-size: 24px; line-height: 1.25em; } .products-list .ratings, .products-grid .ratings { margin-bottom: 10px; } .products-list .ratings .amount, .products-grid .ratings .amount { display: none; } .products-grid .price-box { margin: 5px 0; padding: 0; float: none !important; } .products-list .price-box span.label, .products-grid .price-box span.label { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; color: #333; font-size: 10px; } .products-list .price-box .price-label, .products-grid .price-box .price-label { display: none; } .products-list .price-box .price, .products-grid .price-box .price { color: #333; } .products-list .price-box .old-price, .products-grid .price-box .old-price { margin: 0; line-height: 1em; height: 18px; } .products-list .price-box .old-price .price, .products-grid .price-box .old-price .price { font-size: 14px; } .products-list .price-box .special-price, .products-grid .price-box .special-price { margin: 0; line-height: 1em; } .products-list .price-box .special-price .price, .products-grid .price-box .special-price .price { color: #e82923; } .products-list .actions, .products-grid .actions { position: static; margin-top: 10px; } .products-list .actions ul, .products-grid .actions ul { margin: 6px 0 0; padding: 0; float:left; } .products-list .actions ul li, .products-grid .actions ul li { display: inline-block; } .products-list .actions ul li.wishlist, .products-grid .actions ul li.wishlist { padding-left: 10px; margin-left: 6px; line-height: 1em; } .products-list .actions ul li a, .products-grid .actions ul li a { font-weight: normal; color: #333; font-size: 10px; } #products-list { margin: 0; } .products-list li.item { padding: 10px 0; } .products-list .product-image { height: auto; width: auto; } .products-list .link-learn { margin-bottom: 15px; } .toolbar { font-size: 12px; line-height: 18px; text-transform: uppercase; margin: 0 0 20px; overflow: hidden; background: #f6f6f6; padding: 5px; } .toolbar-bottom .toolbar { margin-bottom: 0; } .toolbar .pager { float: right; width: 54%; border: none; margin: 0; padding-left: 0; line-height:20px; } .toolbar .pager .pages { float: right; margin: 0; clear: both; height:20px; } .toolbar .pager .pages ol { margin-bottom:0; margin-left: 0; } .toolbar .pager .pages li { margin-bottom:0; } .toolbar .pager .pages .current { font-weight: bold; color: #367c2c; } .toolbar .pager p.amount { margin: 0; float: right; } .toolbar .pager .limiter, .toolbar .pager .limiter label, .toolbar .pager .limiter select, .toolbar .pager .limiter { margin: 0 8px 0 0; font-size: 12px; float: right; } .toolbar .pager .limiter { margin: 0 15px 0 0; float: right; width: 130px; } .toolbar .pager .limiter select { margin-left: 8px; } .toolbar .sorter { float: left; border: 0; margin: 0; line-height:20px; } .toolbar .sorter p.view-mode { float: left; margin: 0 15px 0 0; } .toolbar .sorter .sort-by, .toolbar .sorter .sort-by select, .toolbar .sorter .sort-by label { float: left; margin: 0; font-size: 12px; margin: 0 5px 0 0;} .toolbar .sorter .sort-by { margin-right: 0; } .toolbar .sorter .sort-by { width: 150px; } .toolbar .sorter .sort-by a { float: left; } .toolbar select{ width: auto; } .toolbar .prev-next-page { margin-right: 15px; } .toolbar .prev-next-page a { font-weight: bold; text-decoration: underline; } .toolbar .prev-next-page .previous { margin-right: 10px; } .toolbar .prev-next-page .next { margin-left: 10px; } /* PRODUCT PAGE */ .catalog-product-view #product_addtocart_form .rightpart { margin-top: 20px; } .brand-logo { margin: 0 0 30px 0; } .zoomPad { z-index:10; } .catalog-product-view .brand-logo p { font-size: 10px; color: #333; } .catalog-product-view .brand-logo p span { display: none; } .catalog-product-view .brand-logo img { width: 100px; } .catalog-product-view .product-name { margin-bottom: 20px; } .catalog-product-view .leftpart p.product-name, .catalog-product-view .product-name h1 { font-size: 24px; margin: 0; font-family: 'Open Sans', sans-serif, sans; } .catalog-product-view .product-name .product-sku { font-size: 12px; color: #666; font-family: Arial; margin: 2px 0 0; } .catalog-product-view .buy-happier-difference { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; font-size: 12px; line-height: 1.5em; color: #333; } .catalog-product-view .buy-happier-difference span { color: #e82923; font-style: italic; } .no-rating { color:#367C2B; margin:7px 0 10px 0; padding-bottom:6px; border-bottom:1px solid #ddd; font-family: 'Roboto Slab', Roboto, times, serif; font-weight:400; font-size:14px; } .jump-to-reviews { cursor: pointer; } .catalog-product-view #review-form h3 { color: #333333; font-family: 'Open Sans', sans-serif, sans; font-weight:400; margin-bottom: 20px; font-size: 16px; font-style: normal; line-height: 1.5em; } .rightpart .ratings { padding-bottom:6px; border-bottom:1px solid #ddd; } .ratings { margin-bottom: 20px; } .ratings .rating-links { font-size: 12px; float: left; } .ratings .rating-links a { line-height: 1.75em; cursor: pointer; } .ratings .rating-links .separator { margin: 0 10px; } .interactive-rating { cursor: pointer; margin-bottom:10px; } .interactive-rating.large { height:34px; width:170px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/stars-rating-lg.png') top left repeat-x transparent; -moz-background-size:34px 150px; -webkit-background-size:34px 150px; background-size: 34px 150px; } .interactive-rating.large .rating { display:block; height:34px; background-position:0 -268px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/stars-rating-lg.png') bottom left repeat-x transparent; -moz-background-size:34px 150px; -webkit-background-size:34px 150px; background-size: 34px 150px; } .interactive-rating-label { margin:10px 0 4px; } .review-rating-code { font-size:12px; } .rating-box, .rating-box .rating { height: 16px; width: 85px; } .rating-box { background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/star-rating.png) 0 0 repeat-x; background-size: 17px 150px; } .rating-box .rating { background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/star-rating.png) 0 bottom repeat-x; background-size: 17px 150px; } .product-options { background-color:transparent; border:1px solid #ddd; border-left:none; border-right:none; padding:16px 0 6px 0; font-size:12px; margin-bottom:16px; } .product-options dt.columns { margin-top:0; margin-bottom:6px; margin-left:0; } .product-options dd.columns { margin-top:0; margin-right:0; margin-bottom:10px; } .catalog-product-view .pricecontainer { color: black; padding-top: 8px; margin-bottom:20px; } .catalog-product-view .pricecontainer .availability { clear:none; display: inline-block; font-size: 12px; line-height: 38px; margin-left: 5px; } .catalog-product-view .pricecontainer .availability.in-stock { color: #000; font-size: 12px; font-family: Arial; } .catalog-product-view .pricecontainer .price-box { float:left; } .catalog-product-view .product-type-giftcard .pricecontainer .availability { float: none; margin-left: 0; font-size: 14px; } .catalog-product-view .pricecontainer .price { color: #333; font-size: 30px; font-family: Arial; } .catalog-product-view .pricecontainer .price-label { ffont-family: 'Roboto Slab', Roboto, times, serif; font-size: 12px; font-weight: 700; } .catalog-product-view .pricecontainer .old-price { margin-bottom: 5px; } .catalog-product-view .pricecontainer .special-price { margin-bottom: 5px; } .catalog-product-view .pricecontainer .special-price, .catalog-product-view .pricecontainer .old-price { width: 120px; } .catalog-product-view .pricecontainer .old-price .price-label { color: #333; font-family: Arial; font-weight: normal; clear: both; } .catalog-product-view .pricecontainer .old-price .price { color: black; font-size: 18px; } .catalog-product-view .pricecontainer .special-price .price-label { color: #333; } .catalog-product-view .pricecontainer .special-price .price { color: #E82923; } .catalog-product-view .pricecontainer { width: 100%; } .catalog-product-view .grouped-items-table th, .catalog-product-view .grouped-items-table td { font-size: 12px !important; vertical-align: middle; } .catalog-product-view .grouped-items-table .price-box, .catalog-product-view .grouped-items-table .price { font-size: 12px !important; line-height: 1em; padding: 0; } .catalog-product-view .add-to-box { margin-bottom:0; } .catalog-product-view .add-to-box .add-to-cart { float:none; clear:both; margin-bottom:30px; } .catalog-product-view .add-to-cart .button.btn-cart { margin-left:10px; font-weight: normal; font-family: "Roboto Slab"; font-size: 16px; padding: 17px 25px; line-height: 1em; height: 46px; float:left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .catalog-product-view .add-to-cart .button.btn-cart:hover { } .catalog-product-view .add-to-cart .button.btn-cart strong { font-weight: normal; color: white; } .catalog-product-view .add-to-cart .button.btn-cart span { font-weight: normal; color: white; } .catalog-product-view .add-to-cart .button.btn-cart.ajax { display:block; padding:0; } .catalog-product-view .add-to-cart .button.btn-cart.ajax > span { display:block; padding-left:25px; padding-right:25px; background:transparent; font-family:"Roboto Slab", "Roboto", "Times New Roman", times; font-size:16px; font-weight:400; text-align:center; min-width:150px; } .catalog-product-view .add-to-cart .button.btn-cart.ajax.loading > span { background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/ajax-loader-sm-white.gif') 5px center no-repeat transparent; } .catalog-product-view .add-to-cart input { border: 1px solid #ccc; font-size: 16px; line-height: 1em; height: 16px; padding: 14px 10px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .catalog-product-view .paypal-logo { clear:none; text-align:left; } .button.btn-cart-paypal { background-color:#ffa91f; text-align:center; } .catalog-product-view .paypal-logo .button.btn-cart-paypal { background-color:#ffa91f; padding:9px 10px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .button.btn-cart-paypal:hover { background-color:#f7db28; } .catalog-product-view .paypal-logo .button.btn-cart-paypal:hover { background-color:#f7db28; } .catalog-product-view .paypal-logo .paypal-or { clear:none; float:left; margin:0 10px; text-transform:uppercase; color:#666; font-size:14px; line-height:46px; } .social-media-buttons { float: left; min-width:108px; } /*overrides AddThis Plugin via specificity*/ .social-media-buttons .addthis_32x32_style .dummy .at300bs, .social-media-buttons .addthis_32x32_style .at300bs, .social-media-buttons .addthis_32x32_style .at15t { background-image:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/widget_32x32_top-modified.png'); } .add-to-links { margin: 6px 0 14px 0; } .addtobuttons { float: right; } .addtobuttons li { margin: 0; display: inline; } .addtobuttons li a.link-compare, .addtobuttons li a.link-wishlist { background: none; padding: 0; } .addtobuttons li a { font-weight: normal; color: #333 !important; font-size: 12px; } .addtobuttons li a.link-wishlist { padding-right: 10px; margin-right: 7px; } .product-short-description { clear:both; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px; } .box-related { overflow: hidden; width: 100%; padding-top: 20px; border-top: 1px solid #ccc; } .box-related .box-title { margin-bottom: 10px; } .box-related li { overflow: hidden; padding-bottom:0px; position:relative; -webkit-transition: padding-bottom .2s ease-in; -moz-transition: padding-bottom .2s ease-in; -o-transition: padding-bottom .2s ease-in; -ms-transition: padding-bottom .2s ease-in; transition: padding-bottom .2s ease-in; } .box-related li.checked { overflow: hidden; padding-bottom:20px; } .box-related .item-info { margin-left: 25px; } .box-related .product-name { margin: 0; font-family: sans-serif; font-size: 12px; line-height: 1.1em; display: inline; } .box-related .product-name a { color: #333; } .box-related input.checkbox { float: left; margin-right: 10px; margin-top: 4px; } .box-related .price-box { font-size: 12px; color: black; padding-top: 0; line-height: 1em; overflow: hidden; white-space: nowrap; display: inline; float: none; } .box-related .price-box:before { content: "+ " } .box-related .price-box .special-price { margin: 0; line-height: 1em; white-space: nowrap; display: inline; } .box-related .price-box .special-price .price { color: #E82923; white-space: nowrap; } .box-related .price-box .old-price, .box-related .price-box .price-label { display: none; } .box-related .price-in-cart-note { color: #367C2B; font-size: 12px; font-weight: bold; line-height: 1.1em; margin: 0; clear: both; opacity: 0; position:absolute; bottom:0px; -webkit-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; -ms-transition: opacity .2s ease-in; transition: opacity .2s ease-in; } .box-related li.checked .price-in-cart-note { opacity:1; } .product-image.image-zoom { display: block; max-width: 450px; max-height:450px; } .product-image.image-zoom img { position: absolute; } .more-views li { float: left; padding: 0; margin-right:10px; border:2px #eeeeee solid; width:70px; height:70px; } .more-views li:hover { border-color:#ccc; } .more-views li a { height:70px; width:70px; } .more-views li a img { height:70px; } .more-views li a.colorbox-video span { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; width:70px; margin-top: -22px; text-align: center; display: block; color:#000; text-transform:uppercase; } .product-tabs-container { margin-top: 25px; margin-bottom: 50px; } .product-tabs { margin-bottom: 0; border-bottom: 1px solid #d1d1d1; padding: 0 0 13px 0; } .product-tabs li.tab { font-family: "open sans"; font-size: 22px; line-height: 1em; height: 22px; padding: 4px 20px 4px 10px; display: inline-block; text-align: left; margin: 0; border-right: 1px solid #d1d1d1; } .product-tabs li.tab:last-child { border-right: none; } .product-tabs li.tab a { color: #367c2b; } .product-tabs li.tab.active { background: #fff; } .product-tabs li.tab.active a { color: #000; } .product-tabs-container.hide { display:none; } .product-tabs-container .tab-content-wrapper { display: none; margin-top: 25px; } .product-tabs-container .tab-content.active .tab-content-wrapper { display: block; } .product-tabs-container .tab-content.overview .tab-content-wrapper { width: 75%; } .product-tabs-container .tab-content .description-row { overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 25px; margin-bottom: 25px; } .product-tabs-container .tab-content .description-row:last-of-type { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .product-tabs-container .tab-content h2 { margin-bottom: 25px; font-size:22px; } .product-tabs-container .tab-content ul { list-style: disc; margin-left: 20px; } .product-tabs-container .box-reviews dt p { font-family: 'Roboto Slab', 'Roboto', serif; font-weight:700; color: #333; font-size: 13px; margin-bottom: 10px; } .product-tabs-container .box-reviews dt .review-title { font-family: 'Open Sans', sans-serif, sans; font-style: normal; font-weight:400; font-size: 16px; line-height: 1.5em; margin-bottom: 0; } .product-tabs-container .box-reviews dd { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .product-tabs-container .box-reviews dd:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .product-tabs-container .box-reviews dd .rating-box { margin-bottom: 10px; } .product-tabs-container .box-reviews dd p { font-size: 12px; } .product-tabs-container .box-reviews label { margin-bottom: 0; font-family: 'Roboto Slab', Roboto, times, serif; font-weight: 700; color: #333; } .product-tabs-container .box-reviews label.required em { color: red; } .product-tabs-container #review-form input[type="text"], .product-tabs-container #review-form select, .product-tabs-container #review-form textarea { margin-bottom: 15px; width:80%; } .product-tabs-container #review_field { margin-bottom: 20px; } .product-tabs-container #interactive-rating { margin-bottom: 15px; } .product-tabs-container #interactive-rating .rating { width:100%; } .product-tabs-container .buttons-set button.button { float: none; } .product-tabs-container .required { text-align: left; } .box-collateral.box-up-sell .box-title { margin: 30px 0 0 0; } .box-up-sell .box-title h2 { font-family: "Open Sans"; font-size: 22px; border-bottom: 1px solid #d1d1d1; line-height: 58px; height:58px; } .box-up-sell .box-title h2 span { color:#E82923; } .box-up-sell .products-grid { border:none; } .box-up-sell .products-grid a.product-image { width:auto; height:auto; } .box-up-sell li.item { padding:0; margin-top:25px; margin-bottom:25px; width: 223px; } .box-up-sell .product-name a { color:#333; font-weight:normal; font-family:sans-serif; line-height:1.4; } .box-up-sell .rating-links { display:none; } .box-up-sell .price-box .price { color:#333; } p.required { font-size: 12px; margin: 15px 0; } /* LOGIN PAGE */ h2.legend { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; color:#367C2B; text-transform:none; } .registered-users button { float: left; } .registered-users p.required { display: none; } .new-users .content, .registered-users .content { overflow: hidden; margin-bottom: 30px; } .registered-users .forgot-password { font-size: 10px; float: right !important; text-align: right; } /* MY ACCOUNT PAGES */ /*.my-account .page-title { font-family:'Museo Slab', monospace; }*/ .my-account .page-title h1 { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; } .my-account .page-title-button { float:right; margin-top:6px; } .my-account .sub-title { font-size:20px; font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; margin:0 0 15px 0; } .my-account .sub-title a { font-weight:normal; } .customer-account-index .sub-title, .storecredit .sub-title { margin-top:30px; } .my-account .box-title { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:normal; font-size:16px; margin:0 0 20px 0; } .my-account .box-title a, .my-account .sub-title a { font-size:12px; } .my-account .box-title a.under { display:block; } .my-account address { margin-bottom:20px; color:#777; margin:0 0 20px 0; } .my-account colgroup .order-reorder-column { width:135px; } .my-account .change-password { margin:0; font-size:12px; } .my-account .pager { margin-bottom:20px; background-color:#f6f6f6; border:none; } .my-account .pager .amount { margin:0; } .my-account .pager .limiter { font-size:12px; } .my-account .pager label { display:inline; } .my-account .pager select { display:inline; width:auto; } .my-account table { margin-bottom:20px; font-size:12px; } .my-account table th { font-family: 'Roboto Slab', Roboto, times, serif; font-size:14px; font-weight: 700; } .my-account table .product-name { line-height:2em; font-size: 12px; color: #333; font-family:arial,sans-serif, sans; font-weight:bold; margin:0; } .my-account table .product-name a { color: #333; } .my-account table .review-title { color:#367C2B; margin-bottom:0px; } .my-account table .order-reorder { font-size:12px; } .my-account #account-info-summary { float:none; } .customer-account-index .my-account .row .six.columns { border:1px solid #ddd; padding:9px; width:320px; } .my-account .addresses-list ol { padding:0; margin:0; } .my-account #my_recent_reviews { margin:0; } .my-account #my_recent_reviews li { margin-bottom:20px; } .my-account .product-review .product-image { height:auto; width:auto; } .my-account .product-review .product-image img.full-column-image { margin-bottom:0; } .my-account .product-review-avg .label { font-size:10px; margin-bottom:0px; } .my-account .product-review .ratings .rating-box { margin:0 auto 10px; float:none; } .my-account .product-review .ratings .rating-links { margin:0 auto; float:none; max-width:100px; } .my-account .product-review .ratings .rating-links .separator { display:none; } .my-account .product-review .ratings .rating-links a { display:block; } .my-account .product-review .ratings .rating-links .num-of-reviews { border-bottom:1px solid #ddd; } .my-account .product-review-avg { text-align:center; min-width:85px; } .my-account .product-review .product-details { margin:0 0 20px 10px; } .my-account .product-review .ratings-table th { font-family:sans-serif, sans; } .my-account .product-review .product-details dl dt { font-size:12px; font-weight:normal; } .my-account .product-review .product-details .review-title { margin:10px 0; color:#367C2B; } .my-account .product-review .back-link { clear:both; } #rma_create_form .order-information li > p { margin-bottom:0; color:#777; } #rma_create_form .order-information .box-title { float:left; margin-bottom:6px; margin-right:5px; padding-top:1px; } #rma_create_form .order-information address { clear:left; margin-bottom:0px; } #rma_create_form .order-info { border:none; padding:0; } #rma_create_form .return-information .field { float:none; } .sales-order-view .page-title h1 { margin-bottom:8px; } .sales-order-view .title-buttons { text-align:left; } /* all ie10 fix for disappearing borders */ .sales-order-view table { border-top:1px solid #ddd; border-right:1px solid #ddd; } .sales-order-view table td, .sales-order-view table th { border-right:none; border-top:none; } .sales-order-view td .label { float:left; font-weight:bold; display:none; margin:0; padding:0; } .sales-order-view .box-payment table { border:none; } .my-account .my-wishlist .buttons-set button, .my-account .giftcardaccount .buttons-set button { margin-left:10px; } #wishlist-table th, #wishlist-table td { border:none; } #wishlist-table td { padding-bottom:10px; } #wishlist-table tr.even, #wishlist-table tr.odd { background-color:#fff; border-bottom:1px solid #ddd; margin-top:10px; } #wishlist-table .product-image { display:block; width:125px; } #wishlist-table .description { margin-bottom:10px; } #wishlist-table .price-box { font-family:'Open Sans', sans-serif, sans; font-size:30px; line-height:1.4em; color:#333; float:left; width:180px; } #wishlist-table .old-price .price-label, #wishlist-table .old-price .price { font-size:22px; font-weight:normal; } #wishlist-table .add-to-cart-alt { min-width:245px; position:relative; margin-bottom:10px; clear:both; } #wishlist-table .link-edit { float:left; width:60px; margin:0; display:block; padding-top:10px; } #wishlist-table .link-edit a { display:inline; float:none; } #wishlist-table input.qty { height: 16px; width: 40px; padding: 14px 10px; float:left; margin-right:10px; text-align:center; } #wishlist-table .btn-cart { height: 46px; padding: 17px 33px; width:180px; float:none; } .block-account { border:none; } .block-account .block-title { margin-bottom:20px; padding:0; border:none; color: #333333; font-family: 'Roboto Slab', Roboto, times, serif; font-size: 24px; font-weight: 700; text-transform: capitalize; } .block-account ul { padding:0; } .block-account ul li { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:normal; font-size: 16px; line-height: 1.2em; margin:0 0 20px; } .block-account ul li strong { font-weight:normal; } /* block-reorder | block-compare */ .block-reorder, .block-compare { border:none; margin-top:40px; } .block-reorder .block-title, .block-compare .block-title { font-family: 'Open Sans', sans-serif, sans; font-weight:normal; font-size:18px; padding:0; } .block-reorder .block-content, .block-compare .block-content { padding:0; font-size:12px; } .block-reorder .block-content .view-all-link, .block-compare .block-content .clear-all-link { margin-bottom:10px; float:none; } .block-reorder .block-content .view-all-link a, .block-compare .block-content .view-all-link a { float:none; } #cart-sidebar-reorder, #compare-items { padding:0; margin:0 0 30px 0; } #cart-sidebar-reorder li, #compare-items li { padding:0; list-style-position:outside; } #cart-sidebar-reorder li.odd, #cart-sidebar-reorder li.even, #compare-items li.odd, #compare-items li.even { background-color:transparent; } #cart-sidebar-reorder .item-inner-wrap, #compare-items .item-inner-wrap { margin-left:20px; } #cart-sidebar-reorder .product-name, #compare-items .product-name { margin:0; } #cart-sidebar-reorder .product-name a, #compare-items .product-name a { color:#000; } #cart-sidebar-reorder .actions a, #compare-items .actions a { float:right; } .enterprise-giftcardaccount-customer-index .my-account .buttons-set button.button { float:left; margin-left:0; margin-right:10px; } .reset-password-form .fields .field { clear:both; margin-bottom:10px; } .reset-password-form .buttons-set .button { float:none; } .reset-password-form .required { text-align:left; } /* block-reorder */ .block-reorder input.checkbox { margin:4px 0 0 -20px; } /* block-compare */ /* BILLING AGREEMENTS PAGE */ .sales-billing-agreement-index .button { float:none; display:inline; margin:10px 0; } .sales-billing-agreement-index .back-link { margin-top:40px; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* Colorbox User Style */ #cboxOverlay{background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/overlay.png') repeat 0 0;} #colorbox{outline:0;} #cboxTopLeft{width:21px; height:21px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/controls.png') no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/controls.png') no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/controls.png') no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/controls.png') no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/controls.png') left top repeat-y;} #cboxMiddleRight{width:21px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/controls.png') right top repeat-y;} #cboxTopCenter{height:21px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/border.png') 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/border.png') 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/loading_background.png') no-repeat center center;} #cboxLoadingGraphic{background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/loading.gif') no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/colorbox/controls.png') no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* CART PAGE */ .cart .page-title { margin-bottom: 0; float:left; } .cart .title-buttons .checkout-types li { float: none; margin-bottom: 10px; } .cart .title-buttons .checkout-types li.paypal_express-method { display: none; } .paypal-or { padding-bottom: 0; font-size: 10px; line-height: 1.5em; } #shopping-cart-table th { border: none; padding: 10px 15px; background: #f6f6f6; } #shopping-cart-table td { border: none; padding: 15px; } #shopping-cart-table button { font-size:14px; } #shopping-cart-table td .product-name { font-size:15px; font-weight:400; font-family: 'Roboto Slab', Roboto, times, serif; color: #333; } #shopping-cart-table td .product-name a { color: #333; } #shopping-cart-table tbody tr td { border-bottom: 1px solid #e8e8e8; } #shopping-cart-table tfoot tr td { padding: 15px 0; } #shopping-cart-table tfoot .btn-update { float: right; } #shopping-cart-table tfoot .btn-empty { float: right; margin-right: 15px; } #shopping-cart-table tr.even { background: none; } .cart-table td.edit a {display: block; float: right; width: 16px; height: 16px; background: url('http://www.rungreen.com/skin/frontend/rungreen/default/images/cart/ico_edit.png') top right no-repeat transparent; color: transparent; text-align: right; text-shadow: none; font: 0/0 a; } .cart-table td.movewish a { font-weight:normal; } a.btn-remove, a.btn-remove.btn-remove2 { display: block; float: right; width: 16px !important; height: 16px; background: url('http://www.rungreen.com/skin/frontend/rungreen/default/images/cart/ico_del.png') top right no-repeat transparent !important; color: transparent; text-align: right; text-shadow: none; font: 0/0 a; } #shopping-cart-table td input { text-align: center; } #shopping-cart-table td input.input-text { text-align: center; padding:2px; } #shopping-cart-totals-table { color: #333; } #shopping-cart-totals-table th, #shopping-cart-totals-table td { padding: 5px 10px; font-weight:normal; } #shopping-cart-totals-table .btn-remove { margin-left: 5px; margin-top: 2px; float:left; } #shopping-cart-totals-table .btn-remove img { display: none; } #shopping-cart-totals-table tfoot td { font-size: 22px; border-top: 1px solid #e8e8e8; padding-top: 15px; } .cart-collaterals .gift-card-info { margin:10px 0; } .cart-collaterals .gift-card-info p { margin:0; } .cart-collaterals form label { margin: 8px 0; line-height: 1.25em; } .cart-collaterals .form-list label { margin: 0 0 5px; } .cart-collaterals dl { margin-bottom: 10px; } .cart-collaterals dt { font-size: 16px; font-weight: 700; font-family: 'Roboto Slab', Roboto, times, serif; color: #333; margin-top: 15px; } .cart-collaterals dd ul li { margin: 0 0 5px; } .cart-collaterals dd ul li label { display: inline-block; vertical-align: middle; color: #333; margin: 0; } .cart-collaterals dd ul li label .price { color: #367C2B; margin-left: 5px; } .cart-collaterals dd ul li input { vertical-align: middle; } .cart-collaterals .buttons-set button.button { float: none; max-width: 175px; margin-bottom: 5px; } .cart-collaterals input[type="text"], .cart-collaterals input#postcode { width: 240px; margin-bottom: 10px; } .cart-collaterals .discount { margin-bottom: 25px; } .cart-collaterals .shipping ul { margin-bottom: 0; } .cart-collaterals input#postcode { margin-bottom: 0; } .cart-collaterals .totals-container { background: #f6f6f6; margin-bottom: 25px; padding: 15px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ie-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .cart-collaterals .totals .btn-proceed-checkout, .cart-collaterals .totals .btn-proceed-checkout:hover { font-size:18px; } #giftcard-form button { float:left; margin-right:4px; } #giftcard-form .check-gc-status { float:left; } .checkout-cart-index #giftcard-form .check-gc-status { padding-top:2px; } #co-shipping-method-form { margin-top: 10px; display: block; } #co-shipping-method-form .error-msg { height:auto; } button.btn-proceed-checkout, button.btn-proceed-checkout:hover { width: 165px; font-size: 18px; } #gc-please-wait { display:block; float:none; margin-top:10px; } .cart .totals .checkout-types .paypal-or { display:block; margin:-10px auto 0; font-size:14px; line-height:28px; padding:0; } .cart .paypal-logo { margin-bottom: 0; } .cart .crosssell { margin-top: 25px; } .cart .crosssell li.item { margin: 0 8px; } .cart .crosssell .product-image { border: 0; } .cart .checkout-types { text-align:center; } .cart .checkout-types button, .cart .checkout-types .button { float:none; margin:0 auto; width: 200px; } .cart .checkout-types .btn-cart-paypal { width:180px; } .paypal-or { text-transform:uppercase; color:#666; font-size:14px; } .cart .checkout-types .paypal-or { display:block; margin:-10px auto 0; font-size:14px; line-height:28px; } /* ONE PAGE CHECKOUT */ .opc#checkoutSteps { margin: 0 10px 0 0; border-bottom: 0; } .opc li.section { border: 0; } .opc .step { padding: 10px; margin: 10px 0 40px; border-top: 0; } .opc .step-title { background: #ededed; padding: 10px; } .opc .active .step-title { background: #4d4d4d; } .opc .step-title .number { margin-right: 10px; } .opc .step-title .number, .opc .step-title h2 { font-family: 'Roboto Slab', Roboto, times, serif; color: #333; font-weight: 700; font-size: 24px; line-height: 1em; margin-bottom: 0; } .opc .active .step-title .number, .opc .active .step-title h2 { color: white; } .opc h3 { font-family: 'Open Sans', sans-serif, sans; font-weight: 400; color: #333; font-size: 24px; margin-bottom: 15px; } .opc h4 { font-family: 'Open Sans', sans-serif, sans; font-weight: 400; color: #333; font-size: 18px; } .opc .register-list { list-style: disc; } .opc .form-list { margin: 0; } .opc .form-list.checkout-method-list { margin-left: 30px; margin-bottom: 25px; } .opc .form-list textarea.input-text, .opc .form-list input.input-text { width: 305px; } .opc .buttons-set .please-wait { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; color: #333; font-size: 12px; padding:6px 0; } .opc .button.btn-continue { font-size:18px; } .opc .button.btn-checkout { font-size:18px; } #checkout-step-login .col-1 { padding:10px; width:44%; } #checkout-step-login .bottom-buttons { margin-top: 15px; } #checkout-step-login p.required { display: none; } #checkout-step-login .forgot-password { font-size: 10px; float: right; text-align: right; } #onepage-checkout-shipping-method-additional-load h3 { font-size:16px; } #onepage-checkout-shipping-method-additional-load h4 { font-size:14px; } #onepage-checkout-shipping-method-additional-load label { display:inline; } #allow-gift-options-for-items-container ol { margin:0; margin-left:-10px; width:720px; } #co-billing-form ul, #checkout-step-shipping ul, dl.sp-methods ul { margin: 0; padding: 0; } #co-billing-form .field, #checkout-step-shipping .field { margin-right: 15px; } dl.sp-methods dt { font-family: 'Roboto Slab', Roboto, times, serif; font-weight: 700; color: #333; font-size: 18px; } #shipping_methods dl.sp-methods dd, #co-shipping-method-form dl.sp-methods dd { margin-top: 10px; margin-bottom: 25px; } #checkout-step-payment dt label, dl.sp-methods dd label { display: inline-block; vertical-align: middle; color: #333; font-family: sans-serif; } dl.sp-methods dd label .price { margin-left: 5px; color: #367C2B; } .checkout-onepage-payment-additional-giftcardaccount { margin-top: 15px; } #checkout-step-payment .form-list label { float: none; } #checkout-step-payment .required em { display: none; } #checkout-step-payment .buttons-set .required { display: none; } #checkout-review-table { margin-bottom: 25px; } #checkout-review-table th, #checkout-review-table td { border: none; } #checkout-review-table td h3.product-name { font-size: 16px; font-weight: normal; margin: 0; } #checkout-review-table tbody td { padding: 10px 5px; } #checkout-review-table tfoot tr.first td { border-top: 1px solid #ccc; padding-top: 10px } #checkout-review-table tfoot td { padding: 0 5px; } #checkout-review-submit .f-left { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; font-size: 12px; } .block-progress { border: 0; } .block-progress .block-title strong { font-family: 'Roboto Slab', Roboto, times, serif; font-size: 16px; font-weight: 700; color: #333; } .block-progress dt { font-weight: normal; font-family: 'Roboto Slab', Roboto, times, serif; font-size: 14px; color: #367C2B; } .block-progress dd { margin-bottom: 25px; font-size: 12px; line-height: 1.25em; } .block-progress dt.complete, .block-progress dd.complete { background: none; } .block-progress .changelink .separator { color: #ccc; } .block-progress .changelink a { font-size: 12px; color: #333; } #checkout-review-table .btn-remove { margin-left:4px; } /* MULTISHIPPING */ #checkout-progress-state li.active { border-color:#f7db28; } .checkout-multishipping-addresses .button { float:none; } .checkout-multishipping .title-buttons button { float:right; margin-left:10px; } #checkout_multishipping_form .btn-remove img { display:none; } #multiship-addresses-table { margin-bottom:20px; } #multiship-addresses-table td input.input-text { padding:2px; text-align:center; } .checkout-multishipping-address-newshipping .fields .field:first-child, .checkout-multishipping-address-editshipping .fields .field:first-child, .checkout-multishipping-address-newbilling .fields .field:first-child, .checkout-multishipping-address-editbilling .fields .field:first-child { margin-right:20px; } .checkout-multishipping-address-newshipping .fields .field.columns:first-child, .checkout-multishipping-address-editshipping .fields .field.columns:first-child, .checkout-multishipping-address-newbilling .fields .field.columns:first-child, .checkout-multishipping-address-editbilling .fields .field.columns:first-child { margin-right:10px; } .checkout-multishipping-shipping .add-gift-message h3 { font-size:16px; } .checkout-multishipping-shipping .add-gift-message label { display:inline; } .checkout-multishipping-shipping .gift-message-form h4 { font-size:14px; } .checkout-multishipping-shipping .gift-message-form label { display:inline; } .checkout-multishipping-shipping .gift-message-form .gift-options-for-order label { display:block; float:none; } .checkout-multishipping-shipping .gift-message-form ol { margin:0; margin-left:-10px; width:480px; } .checkout-multishipping-shipping .multiple-checkout > div > .eight.columns.alpha { padding:10px; border:1px solid #ddd; width:430px; } .checkout-multishipping-shipping .box-title, .checkout-multishipping-shipping .table-caption { margin-bottom:10px; } .checkout-multishipping-shipping .box-content { margin-bottom:20px; } .checkout-multishipping-shipping table { margin-bottom:20px; } .checkout-multishipping-billing #multishipping-billing-form > div > .eight.columns.alpha { padding:10px; border:1px solid #ddd; width:430px; } .checkout-multishipping-billing .box-title, .checkout-multishipping-billing .table-caption { margin-bottom:10px; } .checkout-multishipping-billing .box-content { margin-bottom:20px; } .checkout-multishipping-billing table { margin-bottom:20px; } .checkout-multishipping-overview .multiple-checkout > div > .eight.columns.alpha { padding:10px; border:1px solid #ddd; width:430px; } .checkout-multishipping-overview .box-title, .checkout-multishipping-overview .table-caption { margin-bottom:10px; } .checkout-multishipping-overview .box-content { margin-bottom:20px; } .checkout-multishipping-overview table { margin-bottom:20px; } #multishipping-billing-form #payment-methods label { display:inline; } #multishipping-billing-form #payment-methods dd { margin-top:10px; } .checkout-multishipping-address-selectbilling .mulitple-checkout { margin-bottom:20px; } .checkout-multishipping-address-selectbilling .mulitple-checkout .row { margin-left:-10px; width:940px; } /* GIFT MESSAGING */ .gift-message-form { margin-bottom:20px; } .gift-message-form h4 { margin-bottom:10px; } .gift-message-form p { margin-bottom:4px; } .gift-options-for-order label { display:block; } .allow-gift-messages-for-order-container { margin:10px 0; } .allow-gift-messages-for-order-container .fields .field { clear:both; } /* PayPal Express */ .paypal-express-review fieldset > ul { margin:0; } .paypal-express-review #review-buttons-container { margin-top:10px; } .paypal-express-review #review-buttons-container .button { margin-left:10px; } .paypal-express-review .order-page .box-content table { border-right:none; border-top:none; } .paypal-express-review .legend { color:#333; } .paypal-express-review .legend .in-title-link { font-size:12px; color:#F8983B; white-space:nowrap; } .paypal-express-review .legend .in-title-link:hover { font-size:12px; color:#333; } /* AMAZON CHECKOUT */ .ixcba-inline-index .step-title { background: #ededed; padding: 10px; clear: both; } .ixcba-inline-index .step-title h2 { font-family: 'Roboto Slab', Roboto, times, serif; color: #333; font-weight: 700; font-size: 24px; line-height: 1em; margin-bottom: 0; } .ixcba-inline-index #AmazonAddressWidget, .ixcba-inline-index #AmazonWalletWidget, .ixcba-inline-index .table-container, .ixcba-inline-index .create-ac-container, .ixcba-inline-index #login-div, .ixcba-inline-index #forgot_password_div, .ixcba-inline-index #shipping_methods { padding: 20px; } .ixcba-inline .topbar hr { margin: 10px 0; } .ixcba-inline .forgot-pass-link { font-size: 10px; } #forgot-buttons-container { margin-left: 20px } #forgot_password_div { overflow: hidden; } .ixcba-agreement-content h3 { font-family: 'Roboto Slab', Roboto, times, serif; font-size: 18px; } .ixcba-inline .totals-board .a-right { padding-right: 20px; } .before_selection_message_loading, .before_selection_message { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; color: #333; font-size: 12px; } .success_selection_message { font-family: 'Roboto Slab', Roboto, times, serif; font-weight:700; color: #367C2B; font-size: 12px; display: none; } /*-- COMPARE PAGE --*/ #product_comparison { font-size:14px; margin-bottom:20px; } #product_comparison td, #product-comparison th { border:none; border-bottom:1px solid #ddd; padding:10px 6px; } #product_comparison thead th { border:none; background-color:#fff; } #product_comparison thead td { border-right:1px solid #ddd; } #product_comparison tbody th { border:none; border-bottom:1px solid #ddd; } #product_comparison .product-image { margin-bottom:30px; display:block; } #product_comparison .product-image img { float:none; } #product_comparison .product-name { margin-bottom:10px; font-size:18px; min-height:50px; } #product_comparison .ratings-spacer { height:30px } #product_comparison .ratings-spacer .ratings { margin-bottom:0; } #product_comparison .ratings-spacer .ratings .amount { line-height:18px; float:left; } #product_comparison .price-box { margin-bottom:20px; } #product_comparison button, #product_comparison a.button { margin:10px; margin-left:0; margin-top:0; } #product_comparison .std h2 { font-size:25px; } /****** CMS - SHIPPING ******/ .cms-shipping ul ul { padding-left: 0; } .cms-shipping ul ul li, .cms-shipping ul li.no-bullet { list-style: none; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* GENERAL */ .tablet-mobile, .desktop-tablet, .tablet { display: block; } table.tablet-mobile, table.desktop-tablet, table.tablet { display: table; } thead.tablet-mobile,tbody.tablet-mobile,tfoot.tablet-mobile, thead.desktop-tablet,tbody.desktop-tablet,tfoot.desktop-tablet, thead.tablet,tbody.tablet,tfoot.tablet {display:table-header-group;} .desktop-mobile, .mobile, .desktop { display: none !important; } /*** CMS Styles ***/ .rich-col { width: 218px; } .std .intro { width: 85%; } .col-1-left { width: 480px; } .col-2-right { width: 170px; font-size: 1.3rem; } .cms-page-view .rich-col, .cms-corporate-gifting .rich-col { width: 140px; } .std .intro.intro-left { font-size: 1.6rem; } .std .intro strong { font-size: 1.8rem; } #other-gift-ideas { top: -103px; } .cms-page-view .col-1-left, .cms-corporate-gifting .col-1-left { border: none; } .col-1-left-large, .col-1-right-large { width:457px; } .cms-page-view .col-2-right, .cms-corporate-gifting .col-2-right { border-left: 1px solid #d9d9d9; } .cms-ll-shortener { width:auto; } .col-1-left-large { width: 485px; } .col-2-right-small { width: 200px; } /* FORMS */ .form-list li.wide input.input-text, .content .form-list textarea.input-text, .content .form-list input.input-text { width: 295px; } /* HEADER */ .container .logo-holder.columns { width:172px; } header .info-holder.columns { width:196px !important; margin-top:-45px; } .cmslinks, .toplinks { float:none !important; display:block !important; margin-left:40px !important; } .cmslinks .phone-number { font-size:14px; } #search_mini_form input { width:182px; } .container .toplinks.columns { padding-left:0; margin-bottom:10px; } .toplinks ul li.myaccount a, .cmslinks li { font-size: 11px; } .toplinks ul li.topcart > a { font-size: 16px; } .toplinks ul li.topcart .topcart-link img { height: 10px; top:1px; left:-16px; } .toplinks ul li.topcart .cart-title span { font-size:14px; } .os-mac .toplinks ul li.topcart .topcart-link img { top: -1px; } .toplinks ul li.myaccount a:first-child { margin-left: 0; } .header-links { clear:right; margin-bottom:0; } .header-links > li:first-child { padding-right:0; } /* TOP CART */ .container .toplinks.columns { margin-top:8px; } .topcart .cartpop .arrow-up { right: 50px; } .toplinks ul li.topcart .topcart-link .shopping-cart-icon { top:5px; } /* NAVIGATION */ #responsive-navigation .navigation-top-anchor { font-size:12px; padding:17px 11px 17px 11px; } #responsive-navigation .navigation-top-item.last .navigation-top-anchor { padding:17px 10px 17px 11px; } #responsive-navigation .navigation-top-item.mobile, #responsive-navigation .navigation-top-item.desktop { display:none; } /* FOOTER */ .footer-top .sixteen.columns { width:748px; } .footer-middle .subscribe input { width:98px; font-size: 11px; } .footer-middle .subscribe input.validation-failed { margin-bottom: 50px; } .footer-middle .subscribe .submit { padding: 10px 5px 9px; } .footer-bottom address br { display: none; } .footer-bottom li { margin-right: 18px; } /* HOME PAGE */ .cms-home .top-wide-container { background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/backgrounds/home-feature-tablet.jpg) center bottom repeat #f0f0f0; } .cms-home .container .sixteen.columns.col1 { width: 768px; } ul.collections-kickers h3 { font-size:16px; } ul.collections-kickers p { font-size:12px; } #global-banner { width:748px; } /* CATEGORY PAGE */ .category-image-container { background: #e3e3e3; } .category-image-container .container { width: 768px; } .block-layered-nav p.category-name { font-size: 20px; } .block-layered-nav dt.filter-title { font-size: 16px; } .block-layered-nav dd.filter-options-category li { line-height: 1.75em; } .block-layered-nav dd.filter-options-category li a { font-size: 14px; } .subcat-grid li { height:140px; } .subcat-grid li img { height: 105px; } .category-body-content li, .category-body-content li img, .products-grid li.item { width: 172px; } .products-grid li.item { height: 315px; } .subcat-grid li h2 { font-size: 14px; width: 152px; } .category-body-content li h3 { font-size: 16px; } /* PRODUCT PAGE */ .catalog-product-view .pricecontainer { padding-top: 0; } .catalog-product-view .pricecontainer .availability { float: none; line-height: 2em; text-align:left; } .catalog-product-view .product-type-giftcard .pricecontainer .availability { text-align: left; margin-bottom: 10px; } .catalog-product-view .add-to-cart .button.btn-cart { padding:17px 10px; } .catalog-product-view .paypal-logo .button.btn-cart-paypal { padding:9px 2px; } .catalog-product-view .paypal-logo .paypal-or { margin:0 4px; font-size:12px; } .addtobuttons li { float: none; display: list-item; text-align: right; } .addtobuttons li a { font-weight: bold; } .addtobuttons li a.link-wishlist { margin-right: 0; padding-right: 0; border-right: 0; } .catalog-product-view .leftpart .product-image img, .catalog-product-view .leftpart .product-image { width: 364px !important; height: 364px !important; opacity: 1 !important; cursor: default !important; } .product-image.image-zoom .zoomWindow, .product-image.image-zoom .zoomPup, .product-image.image-zoom .zoomPreload { display: none !important; } /* CART PAGE */ .cart-collaterals input[type="text"], .cart-collaterals input#postcode { width: 180px; } .cart-collaterals dd ul li label { width: 200px; } /* MULTISHIPPING */ .checkout-multishipping-shipping .gift-message-form ol { width:480px; } .checkout-multishipping-shipping .multiple-checkout > div > .eight.columns.alpha, .checkout-multishipping-billing #multishipping-billing-form > div > .eight.columns.alpha, .checkout-multishipping-overview .multiple-checkout > div > .eight.columns.alpha { width:342px; } /* ONE PAGE CHECKOUT */ .opc .form-list textarea.input-text, .opc .form-list input.input-text { width: 235px; } /* MY ACCOUNT PAGE */ #address-book-summary .box-title .separator { display:none; } #address-book-summary .box-title a { border-top: 1px solid #DDDDDD; display: block; margin-top: 6px; width: 80%; } .my-account #my-orders-table .order-reorder a { display:block; } .my-account #my-orders-table .order-reorder a:last-child { border-top:1px solid #ddd; } .my-account #my-orders-table .order-reorder .separator { display:none; } .my-account #my-orders-table colgroup .order-reorder-column { width:1px; } .my-account .product-review-avg { margin:0 -5px; } .customer-account-index .my-account .row .six.columns { width:248px; } #account-info-summary { margin-bottom:0; } #account-info-summary .six.columns { display:block; width:536px; clear:both; margin:0 0 10px; } #wishlist-table { border:none; } #wishlist-table tr, #wishlist-table tr.odd,#wishlist-table tr.even { position:relative; display:block; background-color:transparent; } #wishlist-table th { display:none; } #wishlist-table td { display:block; border:none; } #wishlist-table textarea { width:528px; } #wishlist-table .btn-cart { width:220px; padding:17px 20px; } #wishlist-table .price-box { width:200px; } #wishlist-table .link-edit { padding-top:12px; } #wishlist-table .add-to-cart-alt { clear:none; } #wishlist-table .btn-remove { position:absolute; top:10px; right:10px; } /* COMPARE PAGE */ #product_comparison col { width:auto; } #product_comparison thead th { display:none; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { /* GENERAL */ .desktop-tablet, .desktop, .tablet { display: none !important; } .desktop-mobile, .tablet-mobile, .mobile { display: block; } table.desktop-mobile, table.tablet-mobile, table.mobile { display: table; } .container .sixteen.columns.col1 { width: 300px; } /* FORMS */ .form-list li.wide input.input-text, .content .form-list textarea.input-text, .content .form-list input.input-text { width: 280px; } /* HEADER */ header { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0, #ebecec 85px); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(85px,#ebecec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ebecec 85px); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ebecec 85px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ebecec 85px); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ebecec 85px); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebecec',GradientType=0 ); /* IE6-9 */ } header .container { height:75px; padding-top:10px; } .container .logo-holder.columns { width:112px; margin:0 auto; float:none; display:block; } #logo .logo, #logo.logo { display:block; width:112px; height:64px; background-size:300px 300px; margin-top:0; } #search_mini_form input { width: 260px; font-size: 18px; height: 18px; } #search_mini_form button { top:18px; } #search_autocomplete { display: none; } .toplinks ul li.topcart { position: absolute; top: 4px; right: 15px; } .toplinks ul li.topcart .topcart-link .shopping-cart-icon { background: url("http://www.rungreen.com/skin/frontend/rungreen/default/images/sprites/sprite-main_4x.png") no-repeat scroll -22px -125px transparent; background-size:500px 500px; height: 36px; left: -25px; top: 50px; width: 39px; } .browser-safari .toplinks ul li.topcart .topcart-link .shopping-cart-icon, .browser-chrome .toplinks ul li.topcart .topcart-link .shopping-cart-icon { top:32px; } .toplinks ul li.topcart .topcart-link .cart-title span { display:none; } header .info-holder.columns { float:none; } .header-links, .JD-authorized-dealer { display: none !important; } #ajax-cart #cartHeader strong { display:none; } #responsive-navigation-expand { top:40px; } #global-banner { width:280px; font-size:14px; } /* TopSearch */ .topsearch { width:100%; border-top:3px solid #fff; background: #377d2d; /* Old browsers */ background: -moz-linear-gradient(top, #377d2d 0%, #1c6a24 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#377d2d), color-stop(100%,#1c6a24)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #377d2d 0%,#1c6a24 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #377d2d 0%,#1c6a24 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #377d2d 0%,#1c6a24 100%); /* IE10+ */ background: linear-gradient(to bottom, #377d2d 0%,#1c6a24 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#377d2d', endColorstr='#1c6a24',GradientType=0 ); /* IE6-9 */ } .topsearch form { width:300px; margin:0 auto; padding:10px 0; } .topsearch #search { float:none; display:block; } /* TOP CART */ .topcart .cartpop { right: -20px; top: 85px; width: 288px; } .topcart .cartpop .arrow-up { right: 10px; } /* AJAX CART */ .header-content { padding-top:0; } .ajaxtopcart { margin-top:-45px; } .header-content .ajaxtopcart .shopping-cart-icon { background: url("http://www.rungreen.com/skin/frontend/rungreen/default/images/sprites/sprite-main_4x.png") no-repeat scroll -22px -125px transparent; background-size:500px 500px; height: 36px; left: -25px; top: 50px; width: 39px; } #ajax-cart .block-title #cartHeader #openCart span { display:inline-block; background-color:#fff; border:2px solid #367c2b; width:30px; height:30px; text-align:center; line-height:30px; padding:0; margin:0 0 0 -15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } /* NAVIGATION */ .responsive-navigation-container { border-bottom: 1px solid #fff; border-top: 1px solid #fff; -webkit-transition: border-bottom 0s ease-in-out, border-top 0s ease-in-out; -moz-transition: border-bottom 0s ease-in-out, border-top 0s ease-in-out; -ie-transition: border-bottom 0s ease-in-out, border-top 0s ease-in-out; -o-transition: border-bottom 0s ease-in-out, border-top 0s ease-in-out; transition: border-bottom 0s ease-in-out, border-top 0s ease-in-out; background: #f6f6f6; } .responsive-navigation-container.expanded { } #responsive-navigation { background: none; border-left:none; } #responsive-navigation .navigation-top-item { border-left: 0 !important; border-right: 0 !important; } #responsive-navigation .navigation-top-anchor { padding: 17px 10px 15px !important; color:#333; border-right:none; } #responsive-navigation .current-item .navigation-top-anchor { color:#fff; } #responsive-navigation .navigation-top-item.last .navigation-top-anchor { border-right:none; } #responsive-navigation .navigation-top-item.mobile, #responsive-navigation .navigation-top-item.mobile-tablet { display:block; } #responsive-navigation-expand img { height: 32px; background:url('http://www.rungreen.com/skin/frontend/rungreen/default/images/sprites/sprite-main_4x.png') -65px -125px no-repeat transparent; background-size:500px 500px; } /* BREADCRUMBS */ .breadcrumbs-wrapper { display: none; } /* FOOTER */ .footer-top .left { display: none; } .footer-top .right { padding-left: 0; } .footer-top .sixteen.columns { width:auto; padding:20px 0; } .footer-top .sixteen.columns .left { width: 200px; margin-right:-220px; } .footer-top .sixteen.columns .right { padding-left:0; } .footer-top .sixteen.columns p { padding:0; } .footer-top .banner_2 { display: none; } .footer-middle { padding: 20px 0; } .footer-middle dt br { display: none; } .footer-middle .company_information { width:140px !important; float: left; } .footer-middle .customer_service { width:140px !important; float: right; } .footer-middle .contact_us { border: 1px solid #569153; border-right:none; border-left:none; padding-top:20px; margin:0 0 30px; } .footer-middle .contact_us dt { margin: 0; padding: 10px 0; cursor: pointer; background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/footer-expand-plus.png) no-repeat right center; } .footer-middle .contact_us dd { display: none; } .footer-middle .contact_us.expanded dt { background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/footer-expand-minus.png) no-repeat right center;} .footer-middle .contact_us.expanded dd { display: block; } .footer-middle .contact_us .button { display: none; } .footer-middle .subscribe input { width: 216px; } .footer-bottom address { width:160px !important; } #paypal-logo { width:100px;} #credit-card-companies { width:175px; margin-left:0; } /* CMS PAGE TEMPLATES */ .leftcol, .rightcol, .content { min-height: 0; margin-bottom: 25px !important; } .page-title h1 { font-size: 28px; text-align:left; float:none; } .cms-ll-shortener { width:auto; } .col-2-right-small, .col-2-left-small { width:100%; padding:0; } .col-1-right-large, .col-1-left-large { width:100%; padding:0; border:none; } .col-1-left-large { width: 98%; border: none; padding: 20px 0; } .col-2-right-small { width: 98%; padding: 20px 0 0 0; } /* HOME PAGE */ .cms-home .container .sixteen.columns.col1 { width: 300px; margin-bottom:0; } .cms-home .page-wrapper { margin-top: 25px; } .cms-home .top-wide-container { background: none; margin-top: 25px; } .cms-home .top-wide-container .container { padding-bottom: 25px; border-bottom: 1px solid #e0e0e0; } #global-banner { margin-bottom:-25px; } .bxslider img { height: auto; } .bxslider .caption { width: 260px; position: static; background: #f0e8d2; padding-bottom:0; } .bxslider .caption h2 { background:#ffde00; margin-bottom:0; text-align:center; padding:20px 15%; } .bxslider .caption p { display:none; } .bxslider .caption .button { width:280px; margin:0 -20px; text-align:center; padding:10px; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; } .cms-home .pager-wrapper { display: none; } ul.collections-kickers li { margin-bottom: 25px !important; padding-bottom: 25px; border-bottom: 1px solid #e0e0e0; } ul.collections-kickers li.last-visible { border-bottom: 0; margin-bottom: 0 !important; padding-bottom: 0; } ul.collections-kickers p { margin-bottom:0; } ul.collections-kickers h3 { margin-bottom: 0; padding-right:15%; } /* CATEGORY PAGE */ .mobile-category-top { margin-top: 25px; position: relative; } .filter-button { position: absolute; top: 0; right: 0; } .block-layered-nav.mobile { position: relative; right: 0; background: #f6f6f6; padding: 25px; margin-bottom: 25px; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ie-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.25); -ie-box-shadow: 0 2px 5px rgba(0,0,0,.25); -o-box-shadow: 0 2px 5px rgba(0,0,0,.25); box-shadow: 0 2px 5px rgba(0,0,0,.25); } .block-layered-nav.mobile.active { display: block; } .block-layered-nav.mobile .actions { border-bottom: 0; padding-bottom: 0; margin-bottom: 20px; } .block-layered-nav.mobile .arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f6f6f6; position: absolute; right: 20px; top: -10px; } .block-layered-nav.mobile dt { background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/footer-expand-plus.png) right center no-repeat; color: #333; font-style: normal; font-size: 18px; line-height: 1em; padding: 10px 0; margin-bottom: 5px; cursor: pointer; } .block-layered-nav.mobile dt.active { background-image: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/footer-expand-minus.png); } .block-layered-nav.mobile dd { margin-bottom: 10px; padding: 5px 0; display: none; } .block-layered-nav.mobile dd.active { display: block; } .block-layered-nav.mobile dd:last-of-type { margin-bottom: 0; } .block-layered-nav.mobile dd li a { font-size: 16px; line-height: 1.65em; } .mobile-category-top p.category-name, h1.category-name { font-family: 'Open Sans', sans-serif, sans; font-size: 20px; padding-right: 75px; line-height: 1.5em; } .category-image-container { background: none; } .category-image-container .container { width: 300px; } .category-image-container .caption { width: 260px; height: auto; position: static; background: #f0e8d2; } .subcat-grid li.four.columns { width:140px; height:auto; float:left; display:inline; margin:0 10px; min-height:140px; } .subcat-grid li img { width: 140px; height: 84px; } .subcat-grid li h2 { font-size: 13px; width: 120px; } .products-grid li.item { height: auto; border-bottom: 1px solid #ccc; width: auto; padding-bottom: 25px; margin-bottom: 25px; } .products-grid li.item:last-of-type { border-bottom: 0; margin-bottom: 0; } .toolbar .pager { width: auto; float: none; border-bottom: 1px solid #e0e0e0; } .toolbar .pager .limiter { float: left; } .toolbar .sorter { float: none; width: auto; padding-top: 10px; } .toolbar .sorter .sort-by { float: right; width: auto; margin-right: 0; } .category-john-deere-parts .category-body-content.desktop-tablet { display:block !important; } /* PRODUCT PAGE */ .catalog-product-view .leftpart p.product-name { margin-bottom: 15px; line-height:1.2em; } .catalog-product-view .pricecontainer { margin-bottom: 10px; } .catalog-product-view .add-to-cart .button.btn-cart { width: 228px; padding: 17px 60px; display: inline-block; } .catalog-product-view .paypal-logo .paypal-or { clear: both; float: none; line-height: 24px; padding-left: 72px; text-align: center; margin:0; } .catalog-product-view .paypal-logo .button.btn-cart-paypal { margin-left:72px; width:228px; padding-left:0; padding-right:0; } .content .product-image{ width: 300px !important; height: 300px !important; cursor: default !important; } .content .product-image img { width: 300px !important; height: 300px !important; opacity: 1 !important; cursor: default !important; } .product-image.image-zoom .zoomWindow, .product-image.image-zoom .zoomPup, .product-image.image-zoom .zoomPreload { display: none !important; } .catalog-product-view .product-options { border-bottom:none; padding:6px 0 0; margin-bottom:0; } .add-to-box { margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px; } .catalog-product-view .content { margin-bottom:0 !important; } .product-tabs-container { background: none; } .catalog-product-view .product-tabs-container { margin-top:20px; } .product-tabs-container a.tab-title, .block-account .block-title { background: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/expand-plus.png) 272px center no-repeat #666; color: white; font-family: 'Museo Slab', monospace; font-size: 18px; line-height: 1em; padding: 10px 10px; margin-bottom: 5px; } .product-tabs-container .tab-content.mobile-active a.tab-title, .block-account.mobile-active .block-title { background-image: url(http://www.rungreen.com/skin/frontend/rungreen/default/images/icons/expand-minus.png); } .product-tabs-container .tab-content-wrapper { display: none !important; } .product-tabs-container .tab-content.mobile-active .tab-content-wrapper { display: block !important; margin: 20px 0; } .catalog-product-view .widget-static-block #global-banner p { width: auto; } .catalog-product-view .widget-static-block p { width:70%; font-size:13px; } /* LOGIN PAGE */ .registered-users .content { margin-bottom: 0 !important; } .new-users { margin-bottom: 25px !important; padding-bottom: 25px; border-bottom: 1px solid #f0f0f0; } /* REGISTRATION PAGE */ .account-create .alpha { margin-bottom: 25px !important; padding-bottom: 25px; border-bottom: 1px solid #f0f0f0; } /* CONTACT US PAGE */ .contacts-index-index .content .fieldset { margin-top: 25px; } /* MY ACCOUNT PAGE */ #address-book-summary .sub-title { border:none; margin-bottom:10px; } #address-book-summary .sub-title .separator { display:none; } #address-book-summary .sub-title a { display: block; margin-top: 6px; } .customer-account-index .leftcol { margin-bottom:0 !important; } .block-account .block-title { cursor:pointer; background-color:#666; color:#fff; margin:0; } .block-account ul { padding: 0; display:none; } .block-account.mobile-active ul { display:block; } .block-account ul li { padding: 10px 10px; border-bottom:1px solid #eee; margin:0; font-family:'Museo Slab', monospace; font-size:16px; } .block-account ul li strong { font-weight:normal; } .block-account ul li a { color:#000; } .my-account table { font-size:12px; } #my-orders-mobile { list-style-position: inside; } #my-orders-mobile li { padding:0 0 10px 100px; border-bottom:1px solid #ddd; margin-bottom:20px; } #my-orders-mobile .order-id-box { float:left; margin-left:-100px; font-size:12px; } #my-orders-mobile .order-id-box a { display:block; float:none; } #my-orders-mobile .order-id-box .order-id { border-bottom:1px solid #ddd; } #my-orders-mobile .order-reorder { } #my-orders-mobile .item-details { list-style-position:inside; margin:0; text-align:left; } #my-orders-mobile .item-details li { padding:0 0 0 80px; margin-bottom:10px; border:none; } #my-orders-mobile .label { font-weight:bold; float:left; margin-left:-80px; } #my-orders-mobile p { margin-bottom:0; } #my-reviews-mobile { list-style-position: inside; border-top:1px solid #ddd; padding-top:20px; font-size:12px; } #my-reviews-mobile li { padding:0 0 10px 100px; border-bottom:1px solid #ddd; margin-bottom:20px; } #my-reviews-mobile .product-name { } #my-reviews-mobile p.review-title { margin-bottom:10px; } #my-reviews-mobile p.review-body { margin-bottom:10px; } #my-reviews-mobile .review-date-box { float:left; margin-left:-100px; font-size:12px; } #my-reviews-mobile .review-date-box a { display:block; float:none; } #my-reviews-mobile .review-date-box .rating-box { margin-bottom:6px; } #my-reviews-mobile p { margin-bottom:0; } #wishlist-table { border:none; } #wishlist-table tr, #wishlist-table tr.odd,#wishlist-table tr.even { position:relative; display:block; background-color:transparent; } #wishlist-table th { display:none; } #wishlist-table td { display:block; border:none; } #wishlist-table .product-image { width:100%; max-width:300px; } #wishlist-table textarea { width:272px; } #wishlist-table .btn-cart { width:229px; padding:17px 57px; } #wishlist-table .price-box { width:200px; } #wishlist-table .btn-remove { position:absolute; top:10px; right:10px; } .my-account .product-review .product-image { width:180px; height:180px; float:left; } .my-account .product-review .product-review-avg { width:100px; float:left; margin:40px 0 0 20px; } .my-account .my-wishlist .buttons-set button { display: block; float: right; font-size: 12px; margin: 0 1.5% 10px; text-align: center; width: 30%; } .my-account .my-wishlist .buttons-set button { display: block; float: right; font-size: 12px; margin: 0 1.5% 10px; text-align: center; width: 30%; } .my-account .giftcardaccount .buttons-set button { display: block; float: right; margin:0 2% 10px; text-align:center; width:45%; } .sales-order-view table { border:none; } .sales-order-view tr { border-bottom:1px solid #ddd; } .sales-order-view tr.even { background-color:#fff; } .sales-order-view tbody td { border:none; display:block; float:left; width:28%; } .sales-order-view tbody td.product-details { float:none; width:auto; } .sales-order-view tbody td.product-sku { float:none; width:auto; } .sales-order-view tbody td.product-sku .label { font-style:italic; } .sales-order-view td .label { display:block; float:none; } .sales-order-view table tfoot { background-color:#f6f6f6; } .sales-order-view table tfoot td { border:none; } /* CART PAGE */ table.cart-table table, table.cart-table thead, table.cart-table tbody, table.cart-table th, table.cart-table td, table.cart-table tr { display: block; border: 0; text-align: left !important; } table.cart-table thead { display: none; } table.cart-table .product-image img { width: 100%; } table.cart-table .productinfo h2 a { font-size: 24px !important; color: #212b33; } table.cart-table .edit { display: none; } table.cart-table .wee { display: none; } table.cart-table td.button-remove { position: absolute; top: 25px; right: 10px; } .crosssell { display: none; } .cart-collaterals .five.columns { width: 100% !important; margin-bottom: 0; } button#empty_cart_button { display: none; } .checkout-types { width: 100%; } .totals .checkout-types button.btn-proceed-checkout { width: 100%; height: 36px; } .cart .page-title { width: auto; float:none; text-align: left; margin-bottom: 15px; } #shopping-cart-table tbody tr { border-bottom: 1px solid #e8e8e8; position: relative; } #shopping-cart-table tbody tr td { border-bottom: 0; padding: 0; } #shopping-cart-table td .product-name { margin-bottom: 15px; line-height:1.5em; } #shopping-cart-table tbody tr td.productimage { padding-top: 20px; } #shopping-cart-table tbody tr td.qty input { padding: 8px; position: absolute; right: 0; bottom: 20px; } #shopping-cart-table tbody tr td.price2 { padding-bottom: 20px; } #shopping-cart-table tbody tr td.price2 .price { font-size: 22px; font-weight: bold; } #shopping-cart-table tbody .item-options { margin-bottom: 10px; } #shopping-cart-table tbody .item-options dt, #shopping-cart-table tbody .item-options dd { display: inline; font-style: normal; color: #333; } #shopping-cart-table tbody .item-options dt { display:block; } #shopping-cart-table tfoot tr { padding:20px 0; border-bottom:1px solid #ddd; } #shopping-cart-table tfoot tr td { padding:0; } #shopping-cart-table tfoot .btn-continue { display: none; } .cart .cart-collaterals { padding-top:0; } .cart-collaterals .shipping .form-list li, .cart-collaterals .shipping .form-list select { width:100%; } .cart .title-buttons .checkout-types li { margin: 0 0 10px; } .cart-collaterals input[type="text"], .cart-collaterals input#postcode { width: 280px; } #shopping-cart-table tfoot .btn-update { width: 100%; height: 32px; float:none; } .cart-collaterals .buttons-set button.button { max-width: 100%; width: 100%; height: 32px; } #giftcard-form button { float:left; width:auto; } #giftcard-form .check-gc-status { padding-top: 4px; } .cart .paypal-logo { text-align: center; } #discount-coupon-form { display:block; padding-bottom:20px; border-bottom:1px solid #ddd; } .cart-collaterals .discount { margin-bottom:0; } #giftcard-form { display:block; margin-bottom:30px; } /* ONE PAGE CHECKOUT */ .opc#checkoutSteps { margin: 0; } #checkout-step-login .col-1, #checkout-step-login .col-2 { width: auto; clear: both; float: none; overflow: hidden; } #checkout-step-login .col-1 { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ccc; } .opc .step-title .number, .opc .step-title h2 { font-size: 20px; } .opc .form-list textarea.input-text, .opc .form-list input.input-text { width: 262px; } /* MULTISHIPPING */ .page-title.with-buttons h1 { width:100px; } #checkout-progress-state li { float:none; width:auto; border-top:none; border-left:4px solid #ccc; margin:0; padding:4px 0; } #multiship-addresses-table thead { display:none; } #multiship-addresses-table tr { position:relative; display:block; border-bottom:1px solid #ddd; } #multiship-addresses-table td { display:block; border:none; } #multiship-addresses-table td select { width:100%; } #multiship-addresses-table .btn-remove { position:absolute; top:5px; right:2px; } #multiship-addresses-table .button { width:100%; } .multiple-checkout .buttons-set .back-link, #checkout_multishipping_form .buttons-set .back-link { width:280px; display:block; margin-bottom:10px; } .multiple-checkout .buttons-set .button, #checkout_multishipping_form .buttons-set .button { width:100%; text-align:center; } .checkout-multishipping-shipping .gift-message-form ol { margin:0; width:auto; } .checkout-multishipping-shipping .multiple-checkout > div > .eight.columns.alpha, .checkout-multishipping-billing #multishipping-billing-form > div > .eight.columns.alpha, .checkout-multishipping-overview .multiple-checkout > div > .eight.columns.alpha { width:278px; margin-bottom:10px; } /* AMAZON CHECKOUT */ #AmazonInlineWidgetTop { text-align: center; display: block !important; } .paypal-or { text-align: center; } .ixcba-inline-index #AmazonAddressWidget, .ixcba-inline-index #AmazonWalletWidget, .ixcba-inline-index .table-container, .ixcba-inline-index .create-ac-container, .ixcba-inline-index #login-div, .ixcba-inline-index #forgot_password_div, .ixcba-inline-index #shipping_methods { padding: 20px 0; overflow: hidden; } /* COMPARE PAGE */ #product_comparison col { width:auto; } #product_comparison .label { display:none; } #product_comparison thead { height:0px; } #product_comparison thead th { display:none; } #product_comparison thead th, #product_comparison thead td { border:none; background:#fff; } #product_comparison tbody td { } #product_comparison thead a { } #product_comparison .ratings-spacer { height:40px; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* GENERAL */ .container .sixteen.columns.col1 { width: 420px; } /* FORMS */ .form-list li.wide input.input-text, .content .form-list textarea.input-text, .content .form-list input.input-text { width: 400px; } /* HEADER */ #logo { margin: 0 auto 0; } #logo, #logo img { width: 215px; } .topsearch form { width:420px; } #search_mini_form input { width: 380px; } #responsive-navigation .navigation-top-anchor { padding: 17px 15px 15px !important; } /* TOP CART */ .topcart .cartpop { width: 408px; } /* FOOTER */ .footer-middle .company_information { width:210px !important; float: left; } .footer-middle .customer_service { width:210px !important; float: right; } .footer-middle .subscribe input { width:336px; } .footer-middle .subscribe input.validation-failed { margin-bottom: 25px; } /* HOME PAGE */ .cms-home .container .sixteen.columns.col1 { width: 420px; } .bxslider .caption { width: 380px; position: static; } .bxslider .caption .button { width:400px; padding:20px; } #global-banner { width:420px; } /* CATEGORY PAGE */ .category-image-container .container { width: 420px; } .category-image-container .caption { width: 380px; position: static; } .subcat-grid li.four.columns { width:200px; height:auto; } .subcat-grid li img { width: 200px; height: 120px; } .subcat-grid li h2 { font-size: 14px; width: 180px; } /* PRODUCT PAGE */ .catalog-product-view .add-to-cart .button.btn-cart { width: 348px; padding: 17px 120px; } .catalog-product-view .paypal-logo .button.btn-cart-paypal { width:348px; } .content .product-image { width: 420px !important; height: 420px !important; } .content .product-image img { width: 420px !important; height: 420px !important; } .product-tabs-container a.tab-title { background-position: 392px center; } /* MY ACCOUNT PAGE */ .block-account .block-title { background-position: 392px 50%; } .footer-top p { padding-right:80px; } #wishlist-table .btn-cart { width:345px; padding:17px 117px; } .browser-firefox #wishlist-table .btn-cart { width:349px; } #wishlist-table .price-box { width:300px; } #wishlist-table .product-image { width:100%; max-width:200px; } #wishlist-table textarea { width:392px; } .my-account .product-review .product-image { width:280px; height:280px; float:left; } .my-account .product-review .product-review-avg { width:100px; float:left; margin-top:100px; } /* CART PAGE */ .cart-collaterals input[type="text"], .cart-collaterals input#postcode { width: 400px; } /* MULTISHIPPING */ .multiple-checkout .buttons-set .back-link, #checkout_multishipping_form .buttons-set .back-link { width:400px; } .checkout-multishipping-shipping .gift-message-form ol { margin:0; width:auto; } .checkout-multishipping-shipping .multiple-checkout > div > .eight.columns.alpha, .checkout-multishipping-billing #multishipping-billing-form > div > .eight.columns.alpha, .checkout-multishipping-overview .multiple-checkout > div > .eight.columns.alpha { width:398px; } /* ONE PAGE CHECKOUT */ .opc .form-list textarea.input-text, .opc .form-list input.input-text { width: 382px; } /* CMS Styles */ li.rich-col { border: none; width: 251px; } .std .intro { font-size: 1.4rem; color: #666; width: 100%; } .rich-content-row .read-more.see-all { font-size: 1.1rem; } .read-more.see-all img { padding: 2px 0 0 2px; } .col-1-left { width: 280px; padding: 10px 0; border: none; } .std .intro strong { font-size: 1.8rem; } .cms-page-view .rich-content-row h2, .cms-corporate-gifting .rich-content-row h2 { font-size: 1.8rem; } .cms-page-view .rich-col, .cms-corporate-gifting .rich-col { width: 220px; min-height: 285px; padding: 0 0 0 24px !important; } .rich-content-row h3 { margin: 15px 0 19px 0; } #other-gift-ideas { top: 0; } #budget-gifts.rich-content-row { margin: 50px 0 0 0; } } @charset "utf-8"; /* CSS Document */ .zm-viewer { position:absolute; display:none; overflow:hidden; background:url(http://www.rungreen.com/skin/frontend/rungreen/default/css/loading.gif) no-repeat center center ; cursor:crosshair; z-index:9999; } .zm-handler { position:absolute !important; display:none; overflow:hidden ; cursor:crosshair; border:none !important; } .zm-handlerarea { background:url(http://www.rungreen.com/skin/frontend/rungreen/default/css/lens.png); opacity:.9; position:relative; } .zm-description { position:absolute; bottom:6px; left:6px; right:6px; background-color:#eee; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); color: rgba(0,0,0,.6); font-size: 13px; text-align: center; text-shadow: 1px 1px 0 rgba(255,255,255,.3); padding:4px; } .followViewer,.standardViewer { border:2px solid #fefefe; border:4px solid rgba(255, 255, 255, .2); box-shadow: 0 0 3px rgba(0, 0, 0, .2); } /* Run Green can edit this file at their leisure, and it is outside of version control */