/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */ /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ /* line 20, ../src/_html5reset.scss */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; } /* line 31, ../src/_html5reset.scss */ body { line-height: 1; } /* line 36, ../src/_html5reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* line 40, ../src/_html5reset.scss */ nav ul { list-style: none; } /* line 44, ../src/_html5reset.scss */ blockquote, q { quotes: none; } /* line 49, ../src/_html5reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* line 54, ../src/_html5reset.scss */ a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* change colours to suit your needs */ /* line 63, ../src/_html5reset.scss */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ /* line 70, ../src/_html5reset.scss */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } /* line 77, ../src/_html5reset.scss */ del { text-decoration: line-through; } /* line 81, ../src/_html5reset.scss */ abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } /* line 86, ../src/_html5reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ /* line 92, ../src/_html5reset.scss */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } /* line 101, ../src/_html5reset.scss */ input, select { vertical-align: middle; } /* line 2, ../src/_grid.scss */ .grid { width: 900px; margin: 0 auto; overflow: hidden; *zoom: 1; } /* line 7, ../src/_grid.scss */ .col1 { display: inline; float: left; margin-right: 20px; width: 164px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .col1 { overflow-x: hidden; } /* line 12, ../src/_grid.scss */ .col2 { display: inline; float: left; margin-right: 20px; width: 348px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .col2 { overflow-x: hidden; } /* line 16, ../src/_grid.scss */ .col3 { display: inline; float: left; margin-right: 20px; width: 532px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .col3 { overflow-x: hidden; } /* line 20, ../src/_grid.scss */ .col4 { display: inline; float: left; margin-right: 20px; width: 716px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .col4 { overflow-x: hidden; } /* line 24, ../src/_grid.scss */ .col5 { display: inline; float: left; margin-right: 0; width: 900px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .col5 { overflow-x: hidden; } /* line 28, ../src/_grid.scss */ .col1, .col2, .col3, .col4 { padding-bottom: 12px; } /* line 30, ../src/_grid.scss */ .col1.last, .col2.last, .col3.last, .col4.last { margin-right: 0; } /* line 37, ../src/_grid.scss */ .threecolumn .col1 { display: inline; float: left; margin-right: 20px; width: 164px; width: 286px; margin-right: 21px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .threecolumn .col1 { overflow-x: hidden; } /* line 41, ../src/_grid.scss */ .threecolumn .col1.last { margin-right: 0; } /* line 46, ../src/_grid.scss */ .threecolumn .col2 { display: inline; float: left; margin-right: 20px; width: 348px; width: 593px; margin-right: 21px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .threecolumn .col2 { overflow-x: hidden; } /* line 50, ../src/_grid.scss */ .threecolumn .col2.last { margin-right: 0; } /* line 54, ../src/_grid.scss */ .threecolumn .col3 { display: inline; float: left; margin-right: 0; width: 900px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .threecolumn .col3 { overflow-x: hidden; } /* line 62, ../src/_grid.scss */ .fourcolumn .col1 { display: inline; float: left; margin-right: 20px; width: 164px; width: 210px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .fourcolumn .col1 { overflow-x: hidden; } /* line 65, ../src/_grid.scss */ .fourcolumn .col1.last { margin-right: 0; } /* line 69, ../src/_grid.scss */ .fourcolumn .col2 { display: inline; float: left; margin-right: 20px; width: 164px; width: 438px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .fourcolumn .col2 { overflow-x: hidden; } /* line 72, ../src/_grid.scss */ .fourcolumn .col2.last { margin-right: 0; } /* line 76, ../src/_grid.scss */ .fourcolumn .col3 { display: inline; float: left; margin-right: 20px; width: 164px; width: 669px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .fourcolumn .col3 { overflow-x: hidden; } /* line 79, ../src/_grid.scss */ .fourcolumn .col3.last { margin-right: 0; } /* line 83, ../src/_grid.scss */ .fourcolumn .col4 { display: inline; float: left; margin-right: 0; width: 900px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .fourcolumn .col4 { overflow-x: hidden; } /* line 90, ../src/_grid.scss */ .twocolumn .col1 { display: inline; float: left; margin-right: 20px; width: 164px; width: 438px; margin-right: 24px; } /* line 147, ../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.11.4/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ * html .twocolumn .col1 { overflow-x: hidden; } /* line 94, ../src/_grid.scss */ .twocolumn .col1.last { margin-right: 0; } /* blue celeste */ /* line 23, ../src/_typography.scss */ html { font-size: 11px; } /* line 27, ../src/_typography.scss */ body { font-family: "Fedra Sans Screen Regular", "Fedra Sans Screen", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-style: normal; font-weight: normal; font-stretch: normal; font-size: 14px; *font-size: small; *font: x-small; } /* line 37, ../src/_typography.scss */ body * { line-height: 1.5em; } /* line 44, ../src/_typography.scss */ h1, h2, h3, h4 { font-family: "Fedra Sans Screen Regular", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-style: normal; font-weight: normal; font-stretch: normal; font-size: 14px; *font-size: small; *font: x-small; font-family: "FedraSansDisStdThin"; text-transform: uppercase; letter-spacing: .125em; color: #000; } /* line 17, ../src/_typography.scss */ h1 *, h2 *, h3 *, h4 * { line-height: 1.5em; } /* line 52, ../src/_typography.scss */ p, ul, ol { font-size: 12px; } /* line 56, ../src/_typography.scss */ ul li { margin-left: 24px; list-style: square; margin-bottom: 1.25em; } /* line 62, ../src/_typography.scss */ h2 { font-size: 150%; line-height: 1em; color: #000; } /* line 69, ../src/_typography.scss */ h3 { font-size: 130%; line-height: 1em; margin: .5em 0; -webkit-column-break-inside: avoid; -webkit-column-break-after: avoid; color: #000; text-align: center; } /* line 78, ../src/_typography.scss */ h4 { font-size: 10px; text-align: center; } /* line 82, ../src/_typography.scss */ h5 { font-size: 80%; } /* line 87, ../src/_typography.scss */ h1 { font-size: 200%; } /* Expressive elements */ /* line 93, ../src/_typography.scss */ strong { font-weight: bolder; } /* line 96, ../src/_typography.scss */ em { font-style: italic; } /* line 1, ../src/_nav.scss */ #nav { font-family: "Fedra Sans Screen Regular"; font-style: normal; font-weight: normal; font-stretch: normal; letter-spacing: .25em; margin: 0; margin-bottom: 1em; padding: 0; text-align: center; background: transparent; } /* line 13, ../src/_nav.scss */ #nav h1 { color: #fdf4ea; font-size: 250%; font-family: "Fedra Sans Display 1 Thin 2", "FedraSansDisStdThin"; font-style: normal; font-weight: normal; font-stretch: normal; text-transform: uppercase; margin-bottom: 0; margin-top: .5em; } /* line 24, ../src/_nav.scss */ #nav ul { padding-top: 0px; margin-top: 0; } /* line 27, ../src/_nav.scss */ #nav ul li { display: inline; color: #fdf4ea; text-transform: uppercase; letter-spacing: .25em; margin: 0px 0px; padding: 0; font-family: "Fedra Sans Screen Bold"; } /* line 35, ../src/_nav.scss */ #nav ul li:after { content: " \00b7"; } /* line 38, ../src/_nav.scss */ #nav ul li:last-child:after { content: ""; } /* line 42, ../src/_nav.scss */ #nav ul li.active a { color: #F46F8B; } /* line 46, ../src/_nav.scss */ #nav ul li a { text-decoration: none; border-bottom: 0; font-size: 80%; color: #fdf4ea; } /* line 51, ../src/_nav.scss */ #nav ul li a:hover { color: #fff; border-bottom: none; } /* line 56, ../src/_nav.scss */ #nav ul li.rsslink { background: url("../images/rss.gif") no-repeat right center; padding-right: 30px; } /* line 59, ../src/_nav.scss */ #nav ul li a { padding: 0px; } /* line 66, ../src/_nav.scss */ #subnav { width: 960px; margin: auto; padding-top: 12px; background: #d5e6e3; } /* line 72, ../src/_nav.scss */ #subnav ul li { display: inline-block; margin-left: 12px; } /* line 75, ../src/_nav.scss */ #subnav ul li a { text-decoration: none; } /* line 79, ../src/_nav.scss */ #subnav .navigation { margin-left: 12px; } /* line 82, ../src/_nav.scss */ #subnav .account { float: right; margin-right: 24px; } /* line 1, ../src/_footer.scss */ #footer { position: relative; background: url(../images/bottom.jpg) repeat-x 50%; height: 240px; } /* line 7, ../src/_footer.scss */ .footer a { border-bottom: 0px; text-decoration: none; color: #fdf4ea; } /* line 13, ../src/_footer.scss */ #copyright { color: #66584D; margin-left: 50px; padding-bottom: 20px; } /* line 21, ../src/_footer.scss */ p.footer { color: #fdf4ea; font-size: 95%; text-align: center; margin-top: 30px; padding-bottom: 100px; } /* line 2, ../src/_scroller.scss */ .scrollable .slider-track { width: 898px; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; overflow: hidden; border: 1px solid #ddd; } /* line 9, ../src/_scroller.scss */ .scrollable .slider { width: 798px; height: 14px; margin: 0; background: transparent; position: relative; } /* line 18, ../src/_scroller.scss */ .scrollable .ui-slider-handle { width: 100px; height: 12px; border: 1px solid #ccc; position: absolute; top: 0px; background: #D5E6E3; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } /* line 28, ../src/_scroller.scss */ .scrollable .ui-state-focus { outline: none; } /* line 32, ../src/_scroller.scss */ .scrollable .scrollpane { width: 898px; height: auto; margin-top: 10px; overflow: hidden; } /* line 39, ../src/_scroller.scss */ .scrollable .scrollpane-content { width: 3000px; height: 164px; } /* line 1, ../src/_curls.scss */ .drop-shadow { margin: 5px; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } /* line 10, ../src/_curls.scss */ .drop-shadow:before, .drop-shadow:after { content: ""; position: absolute; z-index: -2; bottom: 15px; left: 10px; width: 50%; height: 20%; } /* line 20, ../src/_curls.scss */ .drop-shadow:after { right: 10px; left: auto; } /* line 26, ../src/_curls.scss */ .raised:before { width: auto; right: 10px; left: 10px; bottom: 0; -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5); } /* line 37, ../src/_curls.scss */ .curls { border: 1px solid #efefef; -moz-border-radius: 0 0 120px 120px/0 0 6px 6px; border-radius: 0 0 120px 120px/0 0 6px 6px; } /* line 44, ../src/_curls.scss */ .curls:before, .curls:after { bottom: 12px; max-width: 200px; height: 55%; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); -webkit-transform: skew(-8deg) rotate(-4deg); -moz-transform: skew(-8deg) rotate(-4deg); -o-transform: skew(-8deg) rotate(-4deg); transform: skew(-8deg) rotate(-4deg); } /* line 57, ../src/_curls.scss */ .curls:after { -webkit-transform: skew(8deg) rotate(4deg); -moz-transform: skew(8deg) rotate(4deg); -o-transform: skew(8deg) rotate(4deg); transform: skew(8deg) rotate(4deg); } /* line 1, ../src/_layout.scss */ body { position: relative; background: #1c150d url("../../images/ui/background-tile.jpg"); margin: 0; padding: 0; } /* line 8, ../src/_layout.scss */ div.wrapper { background-color: #655b52; width: 960px; margin: auto; margin-top: 2px; border: 2px solid #483719; } /* line 16, ../src/_layout.scss */ div#page { padding-top: 24px; } /* line 20, ../src/_layout.scss */ #related-products { padding-top: 30px; background: #504841; } /* line 25, ../src/_layout.scss */ div.content-block { background: #fef4ea; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #eae8e2), color-stop(2%, #fef4ea), color-stop(97%, #fef4ea), color-stop(100%, #eae8e2)); background-image: -webkit-linear-gradient(left, #eae8e2, #fef4ea 2%, #fef4ea 97%, #eae8e2); background-image: -moz-linear-gradient(left, #eae8e2, #fef4ea 2%, #fef4ea 97%, #eae8e2); background-image: -o-linear-gradient(left, #eae8e2, #fef4ea 2%, #fef4ea 97%, #eae8e2); background-image: -ms-linear-gradient(left, #eae8e2, #fef4ea 2%, #fef4ea 97%, #eae8e2); background-image: linear-gradient(left, #eae8e2, #fef4ea 2%, #fef4ea 97%, #eae8e2); width: 960px; margin: auto; padding: 0; padding-top: 20px; overflow: hidden; *zoom: 1; padding: 0; } /* line 28, ../src/_layout.scss */ div.content-block > div.section { width: 900px; padding: 12px 30px; border-top: 0px solid #fff; list-style: none; border-bottom: 1px solid #ccc; -webkit-transition: background .5s ease; } /* line 36, ../src/_layout.scss */ div.content-block > div.section.open { -webkit-transition: background .5s ease; padding-bottom: 0; } /* line 40, ../src/_layout.scss */ div.content-block > div.section:hover { background: #d5e6e3; } /* line 43, ../src/_layout.scss */ div.content-block > div.section.open:hover { background: inherit; } /* line 47, ../src/_layout.scss */ div.content-block > div.section.open h1 { background: url(../images/ui/accordianarrow-open.png) no-repeat right center; } /* line 52, ../src/_layout.scss */ div.content-block > div.section h1 { background: url(../images/ui/accordianarrow-closed.png) no-repeat right center; text-shadow: #cccccc 1px 1px 2px; cursor: pointer; } /* line 58, ../src/_layout.scss */ div.content-block > div.section p { color: #666; } /* line 61, ../src/_layout.scss */ div.content-block > div.section div.section { width: 900px; border-top: 1px solid #ccc; padding: 12px 30px; margin-left: -30px; list-style: none; -webkit-transition: background .5s ease; } /* line 69, ../src/_layout.scss */ div.content-block > div.section div.section.open { -webkit-transition: background .5s ease; } /* line 73, ../src/_layout.scss */ div.content-block > div.section div.section:hover { background: #d5e6e3; } /* line 76, ../src/_layout.scss */ div.content-block > div.section div.section.open:hover { background: inherit; } /* line 80, ../src/_layout.scss */ div.content-block > div.section h2 { cursor: pointer; padding: 0; } /* line 89, ../src/_layout.scss */ div.content-block div.content { width: 900px; margin: 0 auto; overflow: hidden; *zoom: 1; padding-bottom: 20px; margin-top: 12px; } /* line 94, ../src/_layout.scss */ div.content-block div.content h2 { background: none; } /* line 98, ../src/_layout.scss */ div.content-block:first-child { border-top: 0px; } /* line 103, ../src/_layout.scss */ header { position: relative; width: 976px; margin: auto; } /* line 108, ../src/_layout.scss */ header h1 { font-family: Palatino, "Palatino Linotype", serif; margin: 30px 30px 0; } /* line 112, ../src/_layout.scss */ header p { font-family: "Helvetica", sans; margin: 0 30px; text-transform: uppercase; margin-bottom: 2em; font-size: 1em; margin-top: -0.65em; } /* line 120, ../src/_layout.scss */ header .menu { position: absolute; right: 0; top: 24px; } /* line 127, ../src/_layout.scss */ footer { width: 976px; margin: auto; margin-top: 24px; color: #666; } /* line 132, ../src/_layout.scss */ footer p { margin: 0 30px; font-size: 1em; } /* line 1, ../src/_product.scss */ div.product { text-align: center; } /* line 5, ../src/_product.scss */ div.product { color: #988e84; } /* line 8, ../src/_product.scss */ div.product a { color: #fef4ea; text-decoration: none; } /* line 14, ../src/_product.scss */ div.product h3 { font-size: 90%; } /* line 18, ../src/_product.scss */ #thumbnails { overflow: hidden; *zoom: 1; margin-bottom: 24px; } /* line 22, ../src/_product.scss */ #thumbnails div { float: left; margin-right: 24px; } /* line 28, ../src/_product.scss */ .product-image { margin-bottom: 24px; } /* line 31, ../src/_product.scss */ #product-description { color: #fef4ea; margin-bottom: 24px; text-align: left; } /* line 35, ../src/_product.scss */ #product-description p { margin-bottom: 1.25em; font-size: 100%; line-height: 1.5em; } /* line 40, ../src/_product.scss */ #product-description a { color: #fef4ea; text-decoration: none; border-bottom: 1px solid #988e84; } /* line 45, ../src/_product.scss */ #product-description a:hover { color: #fff; border-bottom: 1px solid #fff; } /* line 52, ../src/_product.scss */ .show h1, .show h2, .show h3, .show h4 { color: #fef4ea; text-align: left; margin-bottom: 12px; } /* line 59, ../src/_product.scss */ #product-options { color: #fef4ea; } /* line 61, ../src/_product.scss */ #product-options p { margin-bottom: 24px; } /* line 1, ../src/_tooltip.scss */ #tooltip, .tooltip { position: absolute; opacity: 0; z-index: 2000; display: none; height: auto; background: #fff; overflow: visible; border: 8px solid #fff; -moz-box-shadow: 0 0 10px 0px black; -webkit-box-shadow: 0 0 10px 0px black; -o-box-shadow: 0 0 10px 0px black; box-shadow: 0 0 10px 0px black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; line-height: 1.25em; zoom: 1; /*TOP (Normal Tooltip State)*/ } /* line 16, ../src/_tooltip.scss */ #tooltip.menu, .tooltip.menu { width: 200px; } /* line 20, ../src/_tooltip.scss */ #tooltip .arrow, #tooltip .arrowshadow, .tooltip .arrow, .tooltip .arrowshadow { position: absolute; content: ""; display: block; line-height: 0; font-size: 0; zoom: 1; } /* line 30, ../src/_tooltip.scss */ #tooltip .arrow, .tooltip .arrow { right: 50%; left: auto; top: auto; bottom: -14px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; border-bottom: 0px; } /* line 40, ../src/_tooltip.scss */ #tooltip .arrowshadow, .tooltip .arrowshadow { right: 50%; left: auto; top: auto; bottom: -16px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #999; border-bottom: 0px; } /* line 51, ../src/_tooltip.scss */ #tooltip.bottom .arrowshadow, .tooltip.bottom .arrowshadow { left: 50%; right: auto; bottom: auto; top: -16px; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #999; border-top: 0px; } /* line 61, ../src/_tooltip.scss */ #tooltip.bottom .arrow, .tooltip.bottom .arrow { left: 50%; right: auto; bottom: auto; top: -14px; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0px; } /* line 72, ../src/_tooltip.scss */ #tooltip.left .arrowshadow, .tooltip.left .arrowshadow { right: -16px; bottom: auto; left: auto; top: 50%; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #999; border-right: 0px; } /* line 82, ../src/_tooltip.scss */ #tooltip.left .arrow, .tooltip.left .arrow { right: -14px; bottom: auto; left: auto; top: 50%; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; border-right: 0px; } /* line 93, ../src/_tooltip.scss */ #tooltip.right .arrowshadow, .tooltip.right .arrowshadow { left: -16px; top: auto; right: auto; bottom: 50%; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #999; border-left: 0px; } /* line 103, ../src/_tooltip.scss */ #tooltip.right .arrow, .tooltip.right .arrow { left: -14px; top: auto; right: auto; bottom: 50%; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; border-left: 0px; } /* line 114, ../src/_tooltip.scss */ #tooltip.top.left .arrow, .tooltip.top.left .arrow { right: -14px; left: auto; top: auto; bottom: -8px; border-top: 6px solid transparent; border-bottom: 0px solid transparent; border-left: 6px solid #fff; border-right: 0; } /* line 124, ../src/_tooltip.scss */ #tooltip.top.left .arrowshadow, .tooltip.top.left .arrowshadow { right: -16px; top: auto; left: auto; bottom: -8px; border-top: 8px solid transparent; border-bottom: 0px solid transparent; border-left: 8px solid #999; border-right: 0; } /* line 134, ../src/_tooltip.scss */ #tooltip.top.right .arrowshadow, .tooltip.top.right .arrowshadow { left: -16px; right: auto; top: auto; bottom: -8px; border-top: 8px solid transparent; border-bottom: 0px solid transparent; border-right: 8px solid #999; border-left: 0px; } /* line 144, ../src/_tooltip.scss */ #tooltip.top.right .arrow, .tooltip.top.right .arrow { left: -14px; top: auto; right: auto; bottom: -8px; border-top: 6px solid transparent; border-bottom: 0px solid transparent; border-right: 6px solid #fff; border-left: 0px; } /* line 155, ../src/_tooltip.scss */ #tooltip.right.bottom .arrowshadow, .tooltip.right.bottom .arrowshadow { left: -16px; right: auto; top: -8px; bottom: auto; border-top: 0px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #999; border-left: 0px; } /* line 165, ../src/_tooltip.scss */ #tooltip.right.bottom .arrow, .tooltip.right.bottom .arrow { left: -14px; right: auto; bottom: auto; top: -8px; border-top: 0px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; border-left: 0px; } /* line 176, ../src/_tooltip.scss */ #tooltip.bottom.left .arrowshadow, .tooltip.bottom.left .arrowshadow { right: -16px; left: auto; top: -8px; border-top: 0px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #999; border-right: 0px; } /* line 185, ../src/_tooltip.scss */ #tooltip.bottom.left .arrow, .tooltip.bottom.left .arrow { right: -14px; left: auto; top: -8px; border-top: 0px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; border-right: 0px; } /* line 195, ../src/_tooltip.scss */ #tooltip .closebutton, .tooltip .closebutton { position: relative; cursor: pointer; right: 0px; left: 0; text-align: right; padding-right: 5px; padding-bottom: 5px; top: 0px; font-size: 12px; background: #fff; } /* line 210, ../src/_tooltip.scss */ #tooltip .closebutton:hover, .tooltip .closebutton:hover { cursor: pointer; color: #cc0000; } /* line 215, ../src/_tooltip.scss */ #tooltip .inner ul, .tooltip .inner ul { margin: 0; padding: 0; } /* line 219, ../src/_tooltip.scss */ #tooltip .inner p, .tooltip .inner p { color: #666; } /* line 222, ../src/_tooltip.scss */ #tooltip .inner ul li, .tooltip .inner ul li { font-size: 16px; padding: .75em; margin: 0; line-height: 18px; } /* line 227, ../src/_tooltip.scss */ #tooltip .inner ul li.mainlink, .tooltip .inner ul li.mainlink { font-size: 12px; background: #eee; border-top: 1px solid #ccc; } /* line 232, ../src/_tooltip.scss */ #tooltip .inner ul li.mainlink:hover, .tooltip .inner ul li.mainlink:hover { background: eee; } /* line 238, ../src/_tooltip.scss */ #tooltip .inner ul li:hover, .tooltip .inner ul li:hover { background: #d5e6e3; background: #e0e6e1; } /* line 242, ../src/_tooltip.scss */ #tooltip .inner ul li:hover a, .tooltip .inner ul li:hover a { color: #000; } /* line 245, ../src/_tooltip.scss */ #tooltip.swatch, .tooltip.swatch { padding: 10px; width: 250px; } /* line 248, ../src/_tooltip.scss */ #tooltip.swatch img, .tooltip.swatch img { margin-bottom: 10px; } /* line 252, ../src/_tooltip.scss */ #tooltip.tip-cartlink, .tooltip.tip-cartlink { width: 300px; } /* line 255, ../src/_tooltip.scss */ #tooltip.tip-cartlink .inner, .tooltip.tip-cartlink .inner { padding: 10px; } /* line 258, ../src/_tooltip.scss */ #tooltip.tip-menu, .tooltip.tip-menu { width: 216px; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ /* line 6, ../src/_colorbox.scss */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: visible; } /* line 7, ../src/_colorbox.scss */ #cboxOverlay { position: fixed; width: 100%; height: 100%; } /* line 8, ../src/_colorbox.scss */ #cboxMiddleLeft, #cboxBottomLeft { clear: left; } /* line 9, ../src/_colorbox.scss */ #cboxContent { position: relative; overflow: visible; } /* line 10, ../src/_colorbox.scss */ #cboxLoadedContent { overflow: auto; } /* line 11, ../src/_colorbox.scss */ #cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; } /* line 12, ../src/_colorbox.scss */ #cboxTitle { margin: 0; } /* line 13, ../src/_colorbox.scss */ #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } /* line 14, ../src/_colorbox.scss */ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ /* line 21, ../src/_colorbox.scss */ #cboxOverlay { background: #1c150d; } /* line 23, ../src/_colorbox.scss */ #colorbox { border: 30px solid #fef4ea; } /* line 28, ../src/_colorbox.scss */ #cboxLoadedContent { background: #000; padding: 1px; } /* line 29, ../src/_colorbox.scss */ #cboxLoadingGraphic { background: url(../images/ui/loading.gif) no-repeat center center; } /* line 30, ../src/_colorbox.scss */ #cboxLoadingOverlay { background: #000; } /* line 31, ../src/_colorbox.scss */ #cboxTitle { position: absolute; top: -22px; left: 0; color: #000; font-size: 12px; } /* line 32, ../src/_colorbox.scss */ #cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; } /* line 33, ../src/_colorbox.scss */ #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose { text-indent: -9999px; width: 30px; height: 23px; position: absolute; top: -20px; background: url(../images/ui/next-prev.png) no-repeat 0 0; } /* line 34, ../src/_colorbox.scss */ #cboxPrevious { background-position: 0px 0px; right: 44px; top: 50%; left: -30px; } /* line 35, ../src/_colorbox.scss */ #cboxPrevious.hover { background-position: 0px -23px; } /* line 36, ../src/_colorbox.scss */ #cboxNext { background-position: -30px 0px; right: -30px; top: 50%; } /* line 37, ../src/_colorbox.scss */ #cboxNext.hover { background-position: -30px -23px; } /* line 38, ../src/_colorbox.scss */ #cboxClose { width: 30px; height: 30px; top: -30px; background-position: 0px -46px; right: 0; } /* line 39, ../src/_colorbox.scss */ #cboxClose.hover { background-position: -30px -46px; } /* line 40, ../src/_colorbox.scss */ .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; } /* line 41, ../src/_colorbox.scss */ .cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; } /* line 42, ../src/_colorbox.scss */ .cboxSlideshow_on #cboxSlideshow.hover { background-position: -100px -25px; } /* line 43, ../src/_colorbox.scss */ .cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; } /* line 44, ../src/_colorbox.scss */ .cboxSlideshow_off #cboxSlideshow.hover { background-position: -75px -25px; }