/* RESET & NORMALIZATION
================================================================================*/
/* @group Reset ------------- */
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, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

/*-- - - - - HTML 5 Display Definitions - - - - --*/
article, aside, details, figcaption, figure, footer, header, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

/* BASE
================================================================================*/
/* @group Base ------------- */
html {
    font-size: 100%;
    margin-bottom: 1.65em;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    /** To edit this background, follow this link:
http://svgeneration.com/generate/Cross-Stripes Grunge?size=4.5&background=616161&stripe-width=0.48&stripe1=8f8f8f&stripe2=575757&grunge=0.12&
*/
    background-color: #616161;
    background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MDAnIGhlaWdodD0nNDAwJyB2aWV3Qm94PScwIDAgNDAwIDQwMCc+CjxkZWZzPgoJPHBhdHRlcm4gaWQ9J2JsdWVzdHJpcGUnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIHg9JzAnIHk9JzAnIHdpZHRoPSc0LjUnIGhlaWdodD0nOScgdmlld0JveD0nMCAwIDUgMTAnID4KCQk8cmVjdCB4PSctNScgeT0nLTUnIHdpZHRoPScxNScgaGVpZ2h0PScyMCcgZmlsbD0nIzYxNjE2MScvPgoJCTxsaW5lIHgxPSctMicgeTE9JzEnIHgyPSc3JyB5Mj0nMTAnIHN0cm9rZT0nIzhmOGY4Zicgc3Ryb2tlLXdpZHRoPScwLjQ4Jy8+CgkJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjOGY4ZjhmJyBzdHJva2Utd2lkdGg9JzAuNDgnLz4KCQk8bGluZSB4MT0nLTInIHkxPSctNCcgeDI9JzcnIHkyPSc1JyBzdHJva2U9JyM4ZjhmOGYnIHN0cm9rZS13aWR0aD0nMC40OCcvPgoJCTxsaW5lIHgxPSc3JyB5MT0nMScgeDI9Jy0yJyB5Mj0nMTAnIHN0cm9rZT0nIzU3NTc1Nycgc3Ryb2tlLXdpZHRoPScwLjQ4Jy8+CgkJPGxpbmUgeDE9JzcnIHkxPSc2JyB4Mj0nLTInIHkyPScxNScgc3Ryb2tlPScjNTc1NzU3JyBzdHJva2Utd2lkdGg9JzAuNDgnLz4KCQk8bGluZSB4MT0nNycgeTE9Jy00JyB4Mj0nLTInIHkyPSc1JyBzdHJva2U9JyM1NzU3NTcnIHN0cm9rZS13aWR0aD0nMC40OCcvPgoJPC9wYXR0ZXJuPiAKCTxmaWx0ZXIgaWQ9J2Z1enonIHg9JzAnIHk9JzAnPgoJCTxmZVR1cmJ1bGVuY2UgdHlwZT0ndHVyYnVsZW5jZScgcmVzdWx0PSd0JyBiYXNlRnJlcXVlbmN5PScuMiAuMScgbnVtT2N0YXZlcz0nMicgc3RpdGNoVGlsZXM9J3N0aXRjaCcvPgoJCTxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyBpbj0ndCcgdmFsdWVzPScwLjQnLz4KCQk8ZmVDb252b2x2ZU1hdHJpeCBvcmRlcj0nMywzJyBrZXJuZWxNYXRyaXg9JzAsLS4yNSwwLC0uMjUsMiwtLjI1LDAsLS4yNSwwJy8+Cgk8L2ZpbHRlcj4KPC9kZWZzPgo8cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2JsdWVzdHJpcGUpJy8+CjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNmdXp6KScgb3BhY2l0eT0nMC4xMicvPgo8L3N2Zz4=');
    color: #222;
    font-size: 16px;
    font-family: "helvetica neue", arial, helvetica, "avenir next lt pro", "Microsoft Sans Serif", sans-serif;
    line-height: 1.25em;
    margin: .5em 1em 1.5em 1em;
}

.no-svg body {
    background: url(/arachne/images/store/background-stores-1112.gif);
}

/* Font size set to 16px default */

/*-- - - - - Typography - - - - --*/
abbr[title] {
    border-bottom: 1px dotted;
}

strong, th, b {
    font-weight: 600 !important;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

em {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before, q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*-- - - - - Lists - - - - --*/
ul, ol {
    margin: 0 0 1.25em 2em;
}

dd {
    margin: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

/*-- - - - - Embedded Content - - - - --*/
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e */
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/*-- Definitions for use with the jquery.lazyload javascript for category item image thumbnails. --*/
.lazy {
    display: none;
}
.no-js .lazy { display: none !important }

/* Correct overflow not hidden in IE9 */
svg:not(:root) {
    overflow: hidden;
}

/*-- - - - - Figures - - - - --*/
figure {
    margin: 0;
}

/*-- - - - - Tables - - - - --*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}


/* FLUID GRID and MAIN SITE CONTAINERS
================================================================================*/
/* @group Grid ------------- */

/* Containers
--------------*/
#message-GGNetwork, .container_page, .footer-container {
    min-width: 960px;
}

.ie6 #nav-sites, .ie6 #message-GGNetwork, .ie6 .container_page {
    width: expression(document.body.clientWidth < 961 ? "960px" : auto );
}

.container_page {
    background: #fff;
    border: 1px solid #6c6c6c;
    border-bottom: 2px solid #444;
    border-radius: .625em;
    -webkit-border-radius: .625em;
    -moz-border-radius: .625em;
    -khtml-border-radius: .625em;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
    *zoom: 1;
}
.container_page:before,
.container_page:after {
    display: table;
    content: "";
}
.container_page:after {
    clear: both;
}

.container_25 {
    overflow: hidden;
}

.container_main {
    overflow: visible !important;
}

.popup_page {
    background: #fff;
    border-radius: .625em;
    -webkit-border-radius: .625em;
    -moz-border-radius: .625em;
    -khtml-border-radius: .625em;
    padding: 1em;
}

/* Grid >> Global
------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.grid_25 {
    display: inline;
    float: left;
    position: relative;
}

/* Grid >> 25 Columns
----------------------*/

.container_25 .grid_1 {
    width: 4%;
}

.container_25 .grid_2 {
    width: 8%;
}

.container_25 .grid_3 {
    width: 12%;
}

.container_25 .grid_4 {
    width: 16%;
}

.container_25 .grid_5 {
    width: 20%;
}

.container_25 .grid_6 {
    width: 24%;
}

.container_25 .grid_7 {
    width: 28%;
}

.container_25 .grid_8 {
    width: 32%;
}

.container_25 .grid_9 {
    width: 36%;
}

.container_25 .grid_10 {
    width: 40%;
}

.container_25 .grid_11 {
    width: 44%;
}

.container_25 .grid_12 {
    width: 48%;
}

.container_25 .grid_13 {
    width: 52%;
}

.container_25 .grid_14 {
    width: 56%;
}

.container_25 .grid_15 {
    width: 60%;
}

.container_25 .grid_16 {
    width: 64%;
}

.container_25 .grid_17 {
    width: 68%;
}

.container_25 .grid_18 {
    width: 72%;
}

.container_25 .grid_19 {
    width: 76%;
}

.container_25 .grid_20 {
    width: 80%;
}

.container_25 .grid_21 {
    width: 84%;
}

.container_25 .grid_22 {
    width: 88%;
}

.container_25 .grid_23 {
    width: 92%;
}

.container_25 .grid_24 {
    width: 96%;
}

.container_25 .grid_25 {
    width: 100%;
}


/* MAIN, CUSTOM STYLES
================================================================================*/
/* @group MainCustom */
a:link, a:active, .itemReviewPanel a {
    color: #2f77bb;
    text-decoration: none;
}

a:visited {
    color: #7b9dbf;
}

a:hover {
    color: #00478a;
    text-decoration: underline;
}

a:focus {
    outline: 0;
}

a:hover, a:active {
    outline: 0;
}

a.cartSummaryLink {
    color: #444;
    padding: .2em .5em !important;
    text-shadow: 0 -.0625em 0 #fff;
}

a.cta, input.cta {
    background: #cb0500 !important;
    background: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%) !important;
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f37873), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601)) !important;
    background-image: -o-linear-gradient(top, #db504d, #cb0500) !important; /* Opera 11.10+ */
    background-image: linear-gradient(top, #db504d, #cb0500) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#db504d', EndColorStr = '#cb0500') !important; /* IE6–IE9 */
    color: #fff !important;
    text-shadow: 0 -.0625em 0 rgba(0, 0, 0, 0.9) !important;
}

.cta:hover {
    background: #c63929 !important;
    background: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #9c1300 100%) !important;
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #9c1300)) !important;
    background-image: -o-linear-gradient(top, #c63929, #b51700) !important; /* Opera 11.10+ */
    background-image: linear-gradient(top, #c63929, #b51700) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#c63929', EndColorStr = '#b51700') !important; /* IE6–IE9 */
    border: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
}

input.cta-button {
    border: 1px solid #a20601 !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    padding: .25em .5em !important;
}

input.cta-button:hover {
    border: 1px solid #9c1300 !important;
}

a.cta-myShoppingCart {
    display: inline-block;
    padding: .2em .75em .2em .5em !important;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

h1 {
    font-size: 1.375em; /* 22px */
    line-height: 1.4545em; /* 32px */
    margin-bottom: .7273em;
}

h2 {
    font-size: 1.25em; /* 20px */
    line-height: 1em; /* 20px */
    margin-bottom: 1em;
}

h3 {
    font-size: 1.125em; /* 18px */
    line-height: 1.1111em; /* 20px */
    margin-bottom: 1.1111em;
}

h4 {
    font-size: 1em; /* 16px */
    line-height: 1.25em; /* 20px */
    margin-bottom: 1.25em;
}

h5 {
    font-size: .875em; /* 14px */
    line-height: 1.4286em; /* 20px */
    margin-bottom: 1.4286em;
}

h6 {
    font-size: .75em; /* 12px */
    line-height: 1.6666em; /* 20px */
    margin-bottom: 1.6666em;
}

p {
    line-height: 1.25em; /* 20px */
    margin: 0 0 1.25em 0;
}


/* HEADER and TOP NAV
================================================================================*/
/* @group HeaderNav */
#breadcrumbs {
    font-size: .8125em;
    line-height: 1em;
    margin-bottom: .75em;
    text-transform: lowercase;
    width: auto;
}

#breadcrumbs a:hover { text-decoration: underline; }

#message-GGNetwork {
    color: #fff;
    font-size: .875em;
    font-weight: 600;
    letter-spacing: -.02em;
    margin-bottom: .25em;
    text-align: center;
    text-shadow: 0 1px 0 #000;
}

.message-oldBrowser {
    background: #f7f7f7;
    background: rgba(255,255,255,.85);
    border: 1px dotted red;
    color: #606060;
    font-size: 1.125em;
    padding: .75em;
    text-align: center;
}
.message-oldBrowser a { text-decoration: underline; }

.oldie #message-GGNetwork, .ie9 #message-GGNetwork {
    font-size: .8125em;
}

#message-GGNetwork a {
    color: #cfe4ff;
    text-decoration: underline;
}

#message-GGNetwork a:hover {
    color: #eee;
    text-decoration: none;
}

#nav-sites {
    border-radius: .625em .625em 0 0;
    -webkit-border-radius: .625em .625em 0 0;
    -moz-border-radius: .625em .625em 0 0;
    -khtml-border-radius: .625em .625em 0 0;
    border-top: 0.1875em solid transparent;
    background: #fff;
    clear: both;
    *zoom: 1;
}
#nav-sites:before,
#nav-sites:after {
    display: table;
    content: "";
}
#nav-sites:after {
    clear: both;
}
#nav-sites ul {
    float: right;
    margin: -.125em 0 0;
    padding: 0;
    position: relative;
    right: 50%;
}
#nav-sites li {
    display: block;
    float: left;
    left: 50%;
    line-height: normal;
    margin-top: -0.1875em;
    position: relative;
    text-align: center;
}
#nav-sites li a {
    border-top: 0.1875em solid transparent;
    color: #8f8f8f;
    display: block;
    padding: .3125em .6875em 0;
    position: relative;
    text-align: center;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    -ms-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    transition: border-color 0.2s;
}
#nav-sites li a i {
    display: block;
    padding: 1px 0 1px;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}
#nav-sites li a:hover,
#nav-sites li a.navOn {
    color: #3d3b3e;
    text-decoration: none;
}
#nav-sites li a.navOn {
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: -ms-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: -o-linear-gradient(top, #f1f1f1, #ffffff);
    background-image: linear-gradient(top, #f1f1f1, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0);
}
#nav-sites li a.navOn i {
    color: #9966cc;
}
#nav-sites li a.navOn .nav-sites-arrow {
    display: block;
    margin: 0 auto;
    visibility: visible;
}
#nav-sites li i.siteIcon-alz-ribbon,
#nav-sites li i.siteIcon-dbs-ribbon,
#nav-sites li i.siteIcon-vet-star {
    position: absolute;
}
#nav-sites li span {
    display: inline-block;
    font-family: 'Roboto';
    font-size: 0.8125em;
    font-weight: 300;
    margin: 1px 0 2px;
}
#nav-sites li.nav-sites-ALZ i.siteIcon-alz-flower {
    bottom: -1px;
    color: #aaaaaa;
    font-size: 1.375em;
    position: relative;
    z-index: 1;
}
#nav-sites li.nav-sites-ALZ i.siteIcon-alz-ribbon {
    font-size: 1.5625em;
    left: 35px;
    z-index: 0;
}
#nav-sites li.nav-sites-ALZ a:hover,
#nav-sites li.nav-sites-ALZ a.navOn {
    border-top-color: #430098;
}
#nav-sites li.nav-sites-ALZ a:hover i.siteIcon-alz-flower,
#nav-sites li.nav-sites-ALZ a.navOn i.siteIcon-alz-flower {
    color: #8b83d6;
}
#nav-sites li.nav-sites-ALZ a:hover i.siteIcon-alz-ribbon,
#nav-sites li.nav-sites-ALZ a.navOn i.siteIcon-alz-ribbon {
    color: #430098;
}
#nav-sites li.nav-sites-ALZ a.navOn .nav-sites-arrow {
    border-bottom-color: #430098;
}
#nav-sites li.nav-sites-ARS i {
    font-size: 1.35em;
}
#nav-sites li.nav-sites-ARS a:hover,
#nav-sites li.nav-sites-ARS a.navOn {
    border-top-color: #96c;
}
#nav-sites li.nav-sites-ARS a:hover i,
#nav-sites li.nav-sites-ARS a.navOn i {
    color: #96c;
}
#nav-sites li.nav-sites-ARS a.navOn .nav-sites-arrow {
    border-bottom-color: #96c;
}
#nav-sites li.nav-sites-AUT i {
    font-size: 1.35em;
}
#nav-sites li.nav-sites-AUT a:hover,
#nav-sites li.nav-sites-AUT a.navOn {
    border-top-color: #f02933;
}
#nav-sites li.nav-sites-AUT a:hover i,
#nav-sites li.nav-sites-AUT a.navOn i {
    color: #007dc3;
}
#nav-sites li.nav-sites-AUT a.navOn .nav-sites-arrow {
    border-bottom-color: #f02933;
}
#nav-sites li.nav-sites-BCS i {
    font-size: 1.4375em;
    margin-bottom: -1px;
}
#nav-sites li.nav-sites-BCS a:hover,
#nav-sites li.nav-sites-BCS a.navOn {
    border-top-color: #f9c;
}
#nav-sites li.nav-sites-BCS a:hover i,
#nav-sites li.nav-sites-BCS a.navOn i {
    color: #f9c;
}
#nav-sites li.nav-sites-BCS a.navOn .nav-sites-arrow {
    border-bottom-color: #f9c;
}
#nav-sites li.nav-sites-DBS i {
    font-size: 1.5em;
    margin-bottom: -2px;
}
#nav-sites li.nav-sites-DBS i.siteIcon-dbs-heart {
    color: #fff;
    position: relative;
    z-index: 1;
}
#nav-sites li.nav-sites-DBS i.siteIcon-dbs-ribbon {
    left: 27px;
    z-index: 0;
}
#nav-sites li.nav-sites-DBS a:hover,
#nav-sites li.nav-sites-DBS a.navOn {
    border-top-color: #d0112b;
}
#nav-sites li.nav-sites-DBS a:hover i.siteIcon-dbs-heart,
#nav-sites li.nav-sites-DBS a.navOn i.siteIcon-dbs-heart {
    color: #d0112b;
}
#nav-sites li.nav-sites-DBS a:hover i.siteIcon-dbs-ribbon,
#nav-sites li.nav-sites-DBS a.navOn i.siteIcon-dbs-ribbon {
    color: #c2c6ca;
}
#nav-sites li.nav-sites-DBS a.navOn .nav-sites-arrow {
    border-bottom-color: #d0112b;
}
#nav-sites li.nav-sites-LIT i {
    bottom: -2px;
    font-size: 1.25em;
    margin-bottom: 2px;
    position: relative;
}
#nav-sites li.nav-sites-LIT a:hover,
#nav-sites li.nav-sites-LIT a.navOn {
    border-top-color: #f63;
}
#nav-sites li.nav-sites-LIT a:hover i,
#nav-sites li.nav-sites-LIT a.navOn i {
    color: #f63;
}
#nav-sites li.nav-sites-LIT a.navOn .nav-sites-arrow {
    border-bottom-color: #f63;
}
#nav-sites li.nav-sites-THS i {
    font-size: 1.1875em;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-top: 1px;
}
#nav-sites li.nav-sites-THS a:hover,
#nav-sites li.nav-sites-THS a.navOn {
    border-top-color: #fc6;
}
#nav-sites li.nav-sites-THS a:hover i,
#nav-sites li.nav-sites-THS a.navOn i {
    color: #fc6;
}
#nav-sites li.nav-sites-THS a.navOn .nav-sites-arrow {
    border-bottom-color: #fc6;
}
#nav-sites li.nav-sites-TRS i {
    font-size: 1.35em;
}
#nav-sites li.nav-sites-TRS a:hover,
#nav-sites li.nav-sites-TRS a.navOn {
    border-top-color: #393;
}
#nav-sites li.nav-sites-TRS a:hover i,
#nav-sites li.nav-sites-TRS a.navOn i {
    color: #393;
}
#nav-sites li.nav-sites-TRS a.navOn .nav-sites-arrow {
    border-bottom-color: #393;
}
#nav-sites li.nav-sites-VET i {
    font-size: 1.35em;
}
#nav-sites li.nav-sites-VET i.siteIcon-vet-star {
    left: 16px;
}
#nav-sites li.nav-sites-VET a:hover,
#nav-sites li.nav-sites-VET a.navOn {
    border-top-color: #005daa;
}
#nav-sites li.nav-sites-VET a:hover i.siteIcon-vet-flag,
#nav-sites li.nav-sites-VET a.navOn i.siteIcon-vet-flag {
    color: #ee3424;
}
#nav-sites li.nav-sites-VET a:hover i.siteIcon-vet-star,
#nav-sites li.nav-sites-VET a.navOn i.siteIcon-vet-star {
    color: #005daa;
}
#nav-sites li.nav-sites-VET a.navOn .nav-sites-arrow {
    border-bottom-color: #005daa;
}
.nav-sites-arrow {
    border-bottom: 4px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 0;
    display: none;
    height: 0;
    visibility: hidden;
    width: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
    /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=#ffc0cb);
    /* Firefox smooth edge fix */
    -moz-transform: scale(.9999);
}
.nav-sites-divider {
    background: #f6f6f6;
    display: inline-block;
    height: 40px;
    margin: 0 .35em;
    position: relative;
    top: .625em;
    vertical-align: top;
    width: 1px;
}
.nav-sites-logo-ggc {
    background: url("/arachne/images/store/logo-ggc-navTop.gif") no-repeat bottom left;
    display: inline-block;
    font-size: 1em;
    height: 3.0625em;
    line-height: 1;
    position: relative;
    top: 8px;
    width: 9.4375em;
}



/* NAV CATEGORIES
================================================================================*/
/* @group NavCategories ------------- */
#CSinfo {
    background: #eee;
    border-radius: .625em;
    -webkit-border-radius: .625em;
    -moz-border-radius: .625em;
    -khtml-border-radius: .625em;
    font-size: .9286em;
    margin: .5em auto;
    padding: .5em .25em .5em .75em;
    text-align: left;
    width: 9em;
}

i.loveThis-nav-heart {
    color: #d60700;
    float: left;
    font-size: 2.5em;
    margin-top: -2px;
    width: 1em !important;
}

.loveThis-nav-text {
    float: left;
    line-height: 1.15em;
}

.loveThis-nav-text em {
    color:#888;
    font-weight:400;
}

.loveThis-nav-text strong {
    font-size: 1.125em;
}

#message {
    margin: 0 0 1.25em 3.75em;
}

.nav-search {
    width: 65%;
}

.nav-siteLogo {
    display: block;
    margin: 0 auto;
}

#nav-categories {
    font-size: .875em;
    margin-bottom: 1em;
    padding: .5em;
    position: relative;
    z-index: 101; /* this needs to be greater than #footer-colorBar or any other element this needs to go on top of */
}

.nav-categories-dailyDeal { padding: .25em 0 .25em .15em !important; }

.nav-categories-extraLinks {
float: left;
font-weight: 500;
margin-top: .5em;
padding-left: .25em;
}

	.nav-categories-extraLinks a {
	clear: left;
	float: left;
	line-height: 1.25em;
	margin-top: .75em;
	}

#previewMessage {
    border: 3px solid #f00;
    margin: .3125em 0 .625em 0;
    width: 138px;
}

#previewMessage p {
    color: #f00;
    font-weight: bold;
    margin: .1875em;
    text-align: center;
}

/*-- - - SUPERFISH essential styles - - --*/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
    width: 100%;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu li a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}


/*-- - - SUPERFISH skin - - --*/
.sf-menu {
    float: left;
    line-height: 1em;
}
.sf-menu ul {
    width: 100%;
}
.sf-menu a {
    border-bottom: 1px solid #ececec; /* fallback colour must use full shorthand */
    color: #222;
    font-weight: 500;
    line-height: 1em;
    padding: .5em .25em;
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu li {
    background: #fff;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.sf-menu li ul {
    border-color: #ececec;
    border-style: solid;
    border-width: 3px;
    border-left-width: 2px;
    -webkit-box-shadow: .25em .25em .35em rgba(0,0,0,0.35);
    -moz-box-shadow: .25em .25em .35em rgba(0,0,0,0.35);
    box-shadow: .25em .25em .35em rgba(0,0,0,0.35);
    margin-top: -1px;
}

.sf-menu li:first-child ul {
    margin-top: 0;
}

.sf-menu ul li, .sf-menu ul ul li {
    background: #fff;
}
.sf-menu ul li:hover {
    background: #f0f0f0;
}
.sf-menu ul li a {
    padding-left: .5em;
    padding-right: .5em;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #ececec;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*-- - - SUPERFISH arrows (for all except IE7) - - --*/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
    position: relative;
}

/*-- - - SUPERFISH css and generated arrows - - --*/
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    margin-left: 5px;
    margin-right: -3px;
    margin-top: 3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
}

/*-- - - SUPERFISH vertical styling - - --*/
.sf-vertical, .sf-vertical li {
    width:	100%;
}
.sf-vertical ul {
    left:	100%;
    top: 0;
}
.sf-vertical > li {
    float: none;
}

/*-- - - SUPERFISH alter arrow directions - - --*/
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
    border-color: transparent;
    border-left-color: #999; /* edit this to suit design (no rgba in IE8) */
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
    border-left-color: transparent;
    border-top-color: #999;
    margin-top: 4px;
}



/* PAGE ELEMENTS
================================================================================*/
/* @group PageElements ------------- */
.accountLogout {
    background: #666;
    border: 1px solid #fff;
    color: #eee !important;
    float: right;
    font-size: .875em;
    margin-top: -1px; /* need to move the logout button up a pixel to look centered vertically */
    padding: 0 .75em;
    text-shadow: 0 1px 0 #000;
}

.accountLogout:hover {
    background: #c63929;
    text-decoration: none;
}

.accountNotUser {
    color: #666;
    font-size: .8125em;
    padding-left: .25em;
}

.accountSummary {
    border-bottom: 1px solid #ececec;
    clear: both;
    height: 1.5em;
    line-height: 1.5em;
    padding: .5em 12px;
}

.bgGradient {
    background: #f0f0f0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top center, #f0f0f0 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #f0f0f0, #ffffff); /* Opera 11.10+ */
    background-image: linear-gradient(top, #f0f0f0, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#f0f0f0', EndColorStr = '#ffffff'); /* IE6–IE9 */
}

.bgGradient2 {
    background: #f0f0f0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f0f0f0));
    background: -moz-linear-gradient(top center, #ffffff 0%, #f0f0f0 100%);
    background-image: -o-linear-gradient(top, #ffffff, #f0f0f0); /* Opera 11.10+ */
    background-image: linear-gradient(top, #ffffff, #f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#ffffff', EndColorStr = '#f0f0f0'); /* IE6–IE9 */
}

.divider {
    color: #ccc;
	display: inline;
	margin: 0 .375em;
}

.errorMessage {
font-weight: bold;
color: #d60000;
text-align:left;
}

.footer-colorBar {
    -moz-box-shadow: 0 0 8px #888;
    -webkit-box-shadow: 0 0 8px #888;
    box-shadow: 0 0 8px #888;
    height: .5em;
    position: relative;
    z-index: 100;
}

.footer-copyright {
    border-top: 1px solid #ddd;
    clear: both;
    font-size: .875em;
    margin-top: 1.25em;
    padding-top: 1.5em;
}

.footer-imageSpacer, .footer-partnerLogo {
    margin: .75em 1em 0 0;
}

.footer-linkHeader {
    display: inline-block;
    margin: 1.75em .375em .15em 0;
    text-transform: uppercase;
}

.footer-links {
    display: inline;
    font-size: .9375em;
}

.footer-links-connect {
    clear: left;
    float: left;
}

.footer-links-partners, .footer-links-partnersGGF {
    overflow: hidden;
    padding-left: 3em;
    zoom: 1;
}

.footer-links-wrapper {
    overflow: hidden;
}

#footer-main {
    /** To edit this background, follow this link:
http://svgeneration.com/generate/Cross-Stripes Grunge?size=4.9&background=ffffff&stripe-width=1.19&stripe1=fafafa&stripe2=f7f7f7&grunge=0.08&
*/
    background-color: #ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MDAnIGhlaWdodD0nNDAwJyB2aWV3Qm94PScwIDAgNDAwIDQwMCc+CjxkZWZzPgoJPHBhdHRlcm4gaWQ9J2JsdWVzdHJpcGUnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIHg9JzAnIHk9JzAnIHdpZHRoPSc0LjknIGhlaWdodD0nOS44JyB2aWV3Qm94PScwIDAgNSAxMCcgPgoJCTxyZWN0IHg9Jy01JyB5PSctNScgd2lkdGg9JzE1JyBoZWlnaHQ9JzIwJyBmaWxsPScjZmZmZmZmJy8+CgkJPGxpbmUgeDE9Jy0yJyB5MT0nMScgeDI9JzcnIHkyPScxMCcgc3Ryb2tlPScjZmFmYWZhJyBzdHJva2Utd2lkdGg9JzEuMTknLz4KCQk8bGluZSB4MT0nLTInIHkxPSc2JyB4Mj0nNycgeTI9JzE1JyBzdHJva2U9JyNmYWZhZmEnIHN0cm9rZS13aWR0aD0nMS4xOScvPgoJCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2ZhZmFmYScgc3Ryb2tlLXdpZHRoPScxLjE5Jy8+CgkJPGxpbmUgeDE9JzcnIHkxPScxJyB4Mj0nLTInIHkyPScxMCcgc3Ryb2tlPScjZjdmN2Y3JyBzdHJva2Utd2lkdGg9JzEuMTknLz4KCQk8bGluZSB4MT0nNycgeTE9JzYnIHgyPSctMicgeTI9JzE1JyBzdHJva2U9JyNmN2Y3ZjcnIHN0cm9rZS13aWR0aD0nMS4xOScvPgoJCTxsaW5lIHgxPSc3JyB5MT0nLTQnIHgyPSctMicgeTI9JzUnIHN0cm9rZT0nI2Y3ZjdmNycgc3Ryb2tlLXdpZHRoPScxLjE5Jy8+Cgk8L3BhdHRlcm4+IAoJPGZpbHRlciBpZD0nZnV6eicgeD0nMCcgeT0nMCc+CgkJPGZlVHVyYnVsZW5jZSB0eXBlPSd0dXJidWxlbmNlJyByZXN1bHQ9J3QnIGJhc2VGcmVxdWVuY3k9Jy4yIC4xJyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+CgkJPGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIGluPSd0JyB2YWx1ZXM9JzAuNCcvPgoJCTxmZUNvbnZvbHZlTWF0cml4IG9yZGVyPSczLDMnIGtlcm5lbE1hdHJpeD0nMCwtLjI1LDAsLS4yNSwyLC0uMjUsMCwtLjI1LDAnLz4KCTwvZmlsdGVyPgo8L2RlZnM+CjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYmx1ZXN0cmlwZSknLz4KPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2Z1enopJyBvcGFjaXR5PScwLjA4Jy8+Cjwvc3ZnPg==');
    border-color: #6c6c6c;
    border-radius: 0 0 .625em .625em;
    -webkit-border-radius: 0 0 .625em .625em;
    -moz-border-radius: 0 0 .625em .625em;
    -khtml-border-radius: 0 0 .625em .625em;
    padding: 2.25em;
    text-shadow: 0 1px 0 #fff;
}

.no-svg #footer-main {
    background: url(/arachne/images/store/background-stores-footer-1112.jpg);
}

#footer-main > h4:first-of-type {
    margin-top: 0;
}

.footer-partnerCertified  {
    clear:both;
    margin-left: 3em;
    overflow: hidden;
    position: relative;
}

.footer-partnerCertified h4 {
    color: #666;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: .625em;
}

.footer-partnerCertified-artisanAlliance {
    border: 1px solid #ccc;
    margin-left: .75em;
}
.footer-partnerCertified-trustE {
    margin-left: 1.75em;
}

.footer-partnerLogo {
    border: 1px solid #ccc;
    vertical-align: top;
}

.footer-partnerLogo:hover { border: 1px solid #036; }

.footer-topLink {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    float: right;
    font-size: .875em;
    padding: 0 .25em .5em .5em;
}

#loginMenu {
    background: #fff;
    border: 1px solid #000;
    display: none;
    height: 280px;
    left: 250px;
    margin-bottom: .25em;
    padding: .5em;
    position: absolute;
    top: 25px;
    width: 200px;
    z-index: 1000;
}

#loginMenu fieldset {
    border: 0 !important;
    margin-top: 0 !important;
    padding: 0 .25em 0 .25em !important;
    text-align: left;
}

.loginMenuText {
    font-size: .928em;
    font-weight: normal;
    line-height: 1em;
    margin-top: .5em;
}

/*
.loveThis-bar {
    background: #343434;
    background: rgba(0,0,0,.8);
    border-top: 3px double #fff;
    bottom: 0;
    height: 73px;
    left: 0;
    position: fixed;
    right:0;
    width: 100%;
    z-index: 999;
}

.loveThis-bar-image {
    display: block;
    height: 73px;
    margin: 0 auto;
    width: 880px;
} */

.loveWall-heading {
    font-size: 1.625em;
    margin-bottom: 0;
}

.loveWall-heading i {
    color: #d60700;
    margin-left: -1px;
    margin-right: 1px;
}

.page-categoryMessaging {
    border: 1px solid #e1e1e1;
    border-radius: .625em;
    -webkit-border-radius: .625em;
    -moz-border-radius: .625em;
    -khtml-border-radius: .625em;
    color: #c25c01;
    clear: both;
    font-size: .9375em;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.75em;
    margin: 1em auto 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 95%;
}

.page-colorBar {
    clear: both;
    font-weight: 600;
    letter-spacing: 0;
    padding: .375em 0 0.3125em 0;
    position: relative; /*IE>6 renders this div under the top nav images unless it has relative position*/
    text-align: center;
}

.registrationLoginWrapper, .registrationCreateAccountWrapper {
    display: inline;
    float: left;
    padding: .75em;
    position: relative;
    width: 40%;
}

	.registrationLoginWrapper:hover, .registrationCreateAccountWrapper:hover {
	-webkit-box-shadow: 0 0 8px #e7e7e7;
	-moz-box-shadow: 0 0 8px #e7e7e7;
	box-shadow: 0 0 8px #e7e7e7;
	}

.registrationLoginWrapper { margin-right: 5%; }

.required {
color: #d60000;
margin-bottom: 0 !important;
margin-left: .15em;
}

.shoppingCartMyCartNumber {
    color: #cb0500;
    margin-right: .75em;
    margin-left: .25em;
}

.siteColor {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}

.table-default th, .table-default tr { text-align: left; }

.table-default tr.hoverRow:hover {
    background: #f7f7f7;
}

.table-default tr.hoverRow td { border-top: 1px solid #ddd; }

.table-default td {
    padding: .5em 1.5em .5em 0;
}

.utility-search {
    margin: 1em auto;
    text-align: center;
}

.utility-searchButton {
    margin: 0 !important;
}

.utility-cartSummary {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #eee;
    float: right;
    font-size: .875em;
    font-weight: 500; /* this looks best on Mac... see ie rules below for IE... Firefox gets non-bold */
    list-style: none;
    margin: 0 -1px 0 0;
    text-align: right;
    width: 100%;
}

	.oldie .utility-cartSummary {
	margin-right: -1px;
	padding-left: 0 !important;
	}

	.oldie .utility-cartSummary, .ie9 .utility-cartSummary { font-weight: 600; }

.utility-cartSummary a {
width: auto;
}

	.ie7 .utility-cartSummary a {
	padding-bottom: 2px !important;
	padding-top: 0px !important;
	}

.utility-cartSummary i {
font-size: 1.15em;
padding-right: .125em;
}
	.ie7 .utility-cartSummary i, .ie9 .utility-cartSummary i { vertical-align: baseline; }

.utility-cartSummary li {
display: inline;
}

.utility-cartSummary-divider {
color: #ddd;
padding: .2em 0;
}

/*-- - - Taken from basepage.css - - --*/
.feedback { margin:5px 15px; }

.feedbackPanelERROR { color: #d60000; }

.feedbackPanelINFO { color:#090; }

.smallColorBar {
height:2px;
width:98%;
margin:0 auto 0 auto;
}


/*-- - - Support Pages - - --*/
a.faqAnswer:hover {
    color: #444;
    text-decoration: none;
}

.shippingOffer {
    border: 1px solid #ddd;
    padding: 1em;
}

.shippingOffer h1 {
    color: #680a0c;
    text-align: center;
}

#support {
    padding: 1em 1.25em;
}

#support h1 {
line-height: 1.125em !important;
margin-bottom: 1.0568em !important;
}

#support h2 { margin-bottom: .5em !important; }

#support h3 { margin-bottom: 0.55555em !important; }

/*-- - - General Color/Font Styles for Items - - --*/
.blueTextBold, .greenTextBold, .orangeTextBold, .purpleTextBold, .redTextBold, .turquoiseTextBold {
    font-weight: 600 !important;
}

.blueText, .blueTextBold {
    color: #00f;
}

.greenText, .greenTextBold {
    color: #090;
}

.mediumText {
    font-size: .875em !important;
}

.color-neutral-darker {
color: #444;
}

.orangeText, .orangeTextBold {
    color: #F69203;
}

.pinkRibbonPink {
    text-align: left;
    color: #ffbae0;
}

.purpleText, .purpleTextBold {
    color: #800080;
}

.redText, .redTextBold {
    color: #d60000;
}

.smallText {
    font-size: .8125em !important;
}

.smallerText { font-size: .875em !important; }

.strikeThru {
    text-decoration: line-through;
}

.turquoiseText, .turquoiseTextBold {
    color: #099;
}


/* CATEGORY & ITEMS GLOBAL STYLING
================================================================================*/
/* @group Category-Items ------------- */
#artisanInfo > img {
    padding: 1em;
}

#artisanInfo h3 { margin-bottom: 0; }

#artisanItems {
clear: both;
margin: 1em 0;
}

.artisanItemsLink {
padding-left: 2em;
}

.artisanItemsTitle {
padding-top: 1em;
}

.item { font-size: .8125em; }

	.ie9 .item, .oldie .item { font-size: .75em; }
	.oldie .item { border: 1px solid #fff; }

.item:hover {
-moz-box-shadow: inset 0px 0px 10px #ddd;
-webkit-box-shadow: inset 0px 0px 10px #ddd;
box-shadow: inset 0px 0px 10px #ddd;
}

	.oldie #items .item:hover, .oldie .item:hover {
	border: 1px solid #ddd;
	}

.item a { text-decoration: none; }

.item a:hover { text-decoration: underline; }

.item img {
    display: block;
    height: 100px;
    margin: 0 auto;
    width: 100px;
}

#items .item {
height: 232px;
padding: .7em .8em;
}

#items .item, #filmstripItems .item, #matchingItemFilmstrip .item, #artisanItems .item  { /* sets item display for main category pages only... go to itemdetail.css to set for matching and artisan, and to style-1404a.css for #suggestedItems and other styling */
border: 1px solid #fff;
display: inline;
float: left;
margin-bottom: .0625em;
padding: .7em .8em 1em .8em;
width: 125px;
}

#items .item img, #filmstripItems .item img, #matchingItemFilmstrip .item img, #artisanItems .item img {
padding: .8em;
border: 1px solid #e7e7e7;
}

.itemAge { font-style: italic; }

.itemName {
    font-weight: 500;
    line-height: 1.2em;
    margin: .25em 0 0 0 !important;
    padding: 0 !important;
}

	.oldie .itemName, .ie9 .itemName {
    font-weight: bold;
	}

.itemPrice {
    font-size: .9286em;
    line-height: 1.125em;
    margin: .5em 0 0 0 !important;
    padding: 0 !important;
}

.itemPrice br {
    display: inline;
}

.itemPrice span {
margin-top: .125em;
}

#matchingItemsInfo, #artisanInfo {
    border-top: 2px dotted #ddd;
    clear: both;
    margin-top: 1em;
}

#matchingItemsInfo h3, .artisanItemsTitleWrapper {
    margin-top: .9091em;
}

.standardAdPanel-ad02 {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	display: inline-block;
	margin: 0 1.5%;
	padding: 0 1.5%;
}

#standardAdPanel-wrapper {
    border-bottom: 1px solid #ddd;
    clear: both;
    padding: 5px 0 5px 1px; /* Left 1px fix to push all the way against right edge... margins for the border divider line fix make this necessary */
    text-align: center;
    width: 100%;
}

#standardAdPanel-wrapper img {
    height: 100px;
    max-height: 100px;
    max-width: 200px;
    width: 200px;
}

	.ie6 #standardAdPanel-wrapper img {
    height: expression( this.height > 99 ? "100px" : auto ); /* sets max-height for IE */
    width: expression( this.width > 199 ? "200px" : auto ); /* sets max-width for IE */
	}

/*-- - - Carousel Tweaks For Suggested Items in Right Column - Makes it Fluid - ---*/
#suggestedItemFilmstrip .caroufredsel_wrapper,
#suggestedItemFilmstrip .filmstrip {
    width: 100% !important;
}

#suggestedItems {
    padding-bottom: 1em;
}

#suggestedItems img {
    /* IE was allowing wider images, which was pushing the right side suggested items bar down below */
    border: 0 !important; /* don't want a border on item images when in the "Popular Now" column  */
    width: 100px;
    max-width: 100px;
}

#suggestedItems .item {
    border-bottom: 1px dotted #ddd;
    float: none;
    padding: .75em .5em;
    text-align: center;
}

#supertoken {
    display: none;
    position: absolute;
    padding: 5px 0 0 0;
    top: 0px;
    left: 0px;
    height: 450px;
    width: 440px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    z-index: 99999;
    border: 2px solid #444;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -khtml-border-radius: 12px;
    -webkit-box-shadow: 10px 10px 10px #444;
    -moz-box-shadow: 10px 10px 10px #444;
    box-shadow: 10px 10px 10px #444;
}



/* FILMSTRIPS/CAROUSELS
================================================================================*/
/* @group Filmstrips ------------- */

/* ------ DEFAULTS for FILMSTRIP - More Specific Styles set below ------ */

.filmstripContainer {
    clear: both;
    position: relative;
}

.filmstripViewer .filmstrip .frame {
    float: left;
}

/* controls */
.filmstripViewer a.browse {
    /* background: #ddd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ExYTFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWM1YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #aaaaaa 50%, #a1a1a1 51%, #c5c5c5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(50%,#aaaaaa), color-stop(51%,#a1a1a1), color-stop(100%,#c5c5c5));
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#aaaaaa 50%,#a1a1a1 51%,#c5c5c5 100%);
    background: -o-linear-gradient(top,  #e5e5e5 0%,#aaaaaa 50%,#a1a1a1 51%,#c5c5c5 100%);
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#aaaaaa 50%,#a1a1a1 51%,#c5c5c5 100%);
    background: linear-gradient(top,  #e5e5e5 0%,#aaaaaa 50%,#a1a1a1 51%,#c5c5c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c5c5c5',GradientType=0 );
    border: 2px solid #bbb;  */
    color: #444;
    font-size: 1.5em;
    cursor: pointer;
    position: absolute; /* set the exact position of the controls in the app's CSS file for the specific filmstrip, ie top, right, left */
}

/* .ie9 .filmstripViewer a.browse, .ie9 .filmstripViewer a.up:hover, .ie9 .filmstripViewer a.down:hover, .ie9 .filmstripViewer a.right:hover, .ie9 .filmstripViewer a.left:hover, .ie9 .filmstripViewer a.up:active, .ie9 .filmstripViewer a.down:active, .ie9 .filmstripViewer a.right:active, .ie9 .filmstripViewer a.left:active, .ie9 .filmstripViewer a.disabled:hover, .ie9 .filmstripViewer a.disabled:active  { filter: none; }  */

/* left control */
.filmstripViewer a.left .icon-chevron-left {
    margin-right: 1px; /* Need to shift it a pixel to look horizontally centered */
}

/* right control */
.filmstripViewer a.right .icon-chevron-right {
    margin-left: 1px; /* Need to shift it a pixel to look horizontally centered */
}

/* both controls - hover and active */
.filmstripViewer a.up:hover, .filmstripViewer a.down:hover, .filmstripViewer a.right:hover, .filmstripViewer a.left:hover {
    /*background: #888;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZThlOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cccccc 0%, #595959 50%, #474747 51%, #8e8e8e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(50%,#595959), color-stop(51%,#474747), color-stop(100%,#8e8e8e));
    background: -webkit-linear-gradient(top,  #cccccc 0%,#595959 50%,#474747 51%,#8e8e8e 100%);
    background: -o-linear-gradient(top,  #cccccc 0%,#595959 50%,#474747 51%,#8e8e8e 100%);
    background: -ms-linear-gradient(top,  #cccccc 0%,#595959 50%,#474747 51%,#8e8e8e 100%);
    background: linear-gradient(top,  #cccccc 0%,#595959 50%,#474747 51%,#8e8e8e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#8e8e8e',GradientType=0 );
    border-color: #888;
    color: #fff; */
    color: #305578;
    text-decoration: none !important;
}

/*.filmstripViewer a.up:active, .filmstripViewer a.down:active, .filmstripViewer a.right:active, .filmstripViewer a.left:active {
     background: #666;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YjliOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzM2MzYzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YzdjN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #b9b9b9 0%, #484848 50%, #363636 51%, #7c7c7c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(50%,#484848), color-stop(51%,#363636), color-stop(100%,#7c7c7c));
    background: -webkit-linear-gradient(top,  #b9b9b9 0%,#484848 50%,#363636 51%,#7c7c7c 100%);
    background: -o-linear-gradient(top,  #b9b9b9 0%,#484848 50%,#363636 51%,#7c7c7c 100%);
    background: -ms-linear-gradient(top,  #b9b9b9 0%,#484848 50%,#363636 51%,#7c7c7c 100%);
    background: linear-gradient(top,  #b9b9b9 0%,#484848 50%,#363636 51%,#7c7c7c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#7c7c7c',GradientType=0 );
    border-color: #444;
    -moz-box-shadow: inset 1px 2px 6px #222;
    -webkit-box-shadow: inset 1px 2px 6px #222;
    box-shadow: inset 1px 2px 6px #222;
}      */

/* disabled navigational button hover and active - needs same base styling as enabled state, otherwise hover and active states will apply */
.filmstripViewer a.disabled:hover, .filmstripViewer a.disabled:active {
  /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ExYTFhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWM1YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #aaaaaa 50%, #a1a1a1 51%, #c5c5c5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(50%,#aaaaaa), color-stop(51%,#a1a1a1), color-stop(100%,#c5c5c5));
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#aaaaaa 50%,#a1a1a1 51%,#c5c5c5 100%);
    background: -o-linear-gradient(top,  #e5e5e5 0%,#aaaaaa 50%,#a1a1a1 51%,#c5c5c5 100%);
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#aaaaaa 50%,#a1a1a1 51%,#c5c5c5 100%);
    background: linear-gradient(top,  #e5e5e5 0%,#aaaaaa 50%,#a1a1a1 51%,#c5c5c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c5c5c5',GradientType=0 );
    border-color: #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; */
    color: #444;
    zoom: 1;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

/* disabled navigational button */
.filmstripViewer a.disabled {
    zoom: 1;
    filter: alpha(opacity=25);
    opacity: 0.25;
}


#items .filmstripContainer, #filmstripItems .filmstripContainer, #matchingItemFilmstrip .filmstripContainer, #eligibleDiscountPromotionItems .filmstripContainer, #artisanItems .filmstripContainer {
    padding: 0 25px;
}

/* ------ MORE SPECIFIC styles for FILMSTRIP - General Styles set above ------ */
    /* controls */
a.browse {
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -khtml-border-radius: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    width: 27px;
}

#items a.browse, #filmstripItems a.browse, #matchingItemFilmstrip a.browse, #artisanItems a.browse {
    top: 85px;
}

    /* left control */
.filmstripViewer a.left {
    left: 0;
}

    /* right control */
.filmstripViewer a.right {
    right: 0;
}

 /* down control */
.filmstripViewer a.down {
    bottom: 0;
}

    /* up control */
.filmstripViewer a.up {
    top: 0;
}


	/* suggested items vertical*/
#suggestedItemFilmstrip .filmstripContainer {
	padding: 32px 0 40px;
}

#suggestedItemFilmstrip .filmstripViewer a.up, #suggestedItemFilmstrip .filmstripViewer a.down {
	left: 0;
	right: 0;
	margin: 0 auto;
}
/*-- - - /END FILMSTRIP/CAROUSEL - - --*/



/* FORMS (using Formalize - http://sonspring.com/journal/formalize-css)
================================================================================*/
/* @group Forms ------------- */
/*-- - - Form Widths - - --*/

.input_tiny {
  width: 50px;
}

.input_small {
  width: 100px;
}

.input_medium {
  width: 150px;
}

.input_large {
  width: 200px;
}

.input_xlarge {
  width: 250px;
}

.input_xxlarge {
  width: 300px;
}

.input_full {
  width: 100%;
}

.input_full_wrap {
  display: block;
  padding-right: 8px;
}

/*-- - - Form UI Consistency - - --*/

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  vertical-align: top;
  top: 3px;
  top: 0 \0;
  *top: -3px;
}

@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 2px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}
input,
button,
select,
textarea {
  margin: 0;
  vertical-align: middle;
}

button:focus,
input:focus,
select:focus,
textarea:focus,
.cartButton-edit:focus {
  -moz-box-shadow: #06f 0 0 7px 0;
  -webkit-box-shadow: #06f 0 0 7px 0;
  -o-box-shadow: #06f 0 0 7px 0;
  box-shadow: #06f 0 0 7px 0;
  z-index: 1;
}

input[type="file"]:focus, input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"],
.cartButton-edit {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  background-clip: padding-box;
  background: #ddd url('/arachne/images/store/button/formalize_button-background.png') repeat-x;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(#ffffff, #dddddd);
  background-image: -moz-linear-gradient(#ffffff, #dddddd);
  background-image: -o-linear-gradient(#ffffff, #dddddd);
  background-image: -ms-linear-gradient(#ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 14px/1.2 "helvetica neue", arial, helvetica, "avenir next lt pro", "Microsoft Sans Serif", sans-serif;
  outline: 0;
  overflow: visible;
  padding: 5px 10px;
  text-shadow: #fff 0 1px 1px;
  width: auto;
  *padding-top: 2px;
  *padding-bottom: 0;
}

input[type="submit"] {
    margin: .5em .5em 0 0;
}

textarea:hover, select:hover, input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover {
border-color: #555 #a3a3a3 #c8c8c8;
-moz-box-shadow: 0 1px 2px rgba(0,0,0, .1) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0, .1) inset;
box-shadow: 0 1px 2px rgba(0,0,0, .1) inset;
}

button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.cartButton-edit:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: -ms-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
  background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
}

button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active,
.cartButton-edit:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #dddddd), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
  background-image: -moz-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
  background-image: -o-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
  background-image: -ms-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
  background-image: linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
  -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  -o-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  border-color: #999 #bbb #ddd;
}

button {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  background-clip: padding-box;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #444;
  outline: 0;
  padding: 5px 3px;
  text-align: left;
  font-size: 14px;
  font-family: "helvetica neue", arial, helvetica, "avenir next lt pro", "Microsoft Sans Serif", sans-serif;
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
    color: #888;
}

:invalid {
    /*
      Suppress red glow that Firefox
      adds to form fields by default,
      even when user is still typing.
    */
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
    cursor: pointer;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.cartButton-edit:focus,
.cartButton-edit:active {
border-color: #4b4b4b #979696 #bbbaba !important;
-moz-box-shadow: 0 1px 2px rgba(0,0,0, .2) inset !important;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0, .2) inset !important;
box-shadow: 0 1px 2px rgba(0,0,0, .2) inset !important;
outline: medium none;

    /* for Opera */
    z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

select[disabled]:hover,
textarea[disabled]:hover,
input[type="date"][disabled]:hover,
input[type="datetime"][disabled]:hover,
input[type="datetime-local"][disabled]:hover,
input[type="email"][disabled]:hover,
input[type="month"][disabled]:hover,
input[type="number"][disabled]:hover,
input[type="password"][disabled]:hover,
input[type="search"][disabled]:hover,
input[type="tel"][disabled]:hover,
input[type="text"][disabled]:hover,
input[type="time"][disabled]:hover,
input[type="url"][disabled]:hover,
input[type="week"][disabled]:hover,
button[disabled]:hover,
input[disabled]:hover,
select[disabled]:hover,
select[disabled] option:hover,
select[disabled] optgroup:hover,
textarea[disabled]:hover {
border: 1px solid;
border-color: #848484 #c1c1c1 #e1e1e1;
}

::-webkit-input-placeholder {
  color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}

:invalid {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url('/arachne/images/store/button/formalize_select_arrow.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px 0;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: white;
    font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: black 0 0 1px;
    height: 16px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666;
    border: 0;
  }
}
textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: black;
  font-style: normal;
  font-weight: normal;
}

.ie6_button,
* html button {
  background: #dddddd url('/arachne/images/store/button/formalize_button-background.png') repeat-x;
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  overflow: visible;
  width: auto;
}

* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
  background: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #888;
}

.ie6_input_disabled {
  background: #eee;
}

/*-- - - Customizations - Form Styling Defaults - - --*/
form {
    margin-bottom: 1em;
}

.oldie form { padding-bottom: 1em; }

form ul {
    margin: 0 !important;
}

fieldset {
    border: 1px solid #d4dde6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    margin-top: 1em;
    padding: .75em 1.5em 1em 1.5em;
}

legend {
    background: #f0f0f0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top center, #f0f0f0 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #f0f0f0, #ffffff); /* Opera 11.10+ */
    background-image: linear-gradient(top, #f0f0f0, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#f0f0f0', EndColorStr = '#ffffff'); /* IE6–IE9 */
    border: 1px solid #d4dde6;
	border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    font-weight: 600;
    *margin-left: -7px;
    padding: .5em;
    text-shadow: -1px 0 0 rgba(255, 255, 255, 1);
}

	.oldie legend { text-shadow: -1px 0 0 #fff; }

legend h3 {
    margin-bottom: 0;
}

form li {
    list-style: none;
    padding: .25em 0;
}

input.button-noStyling {
background: none;
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
color: #444;
padding: 0;
text-shadow: none;
text-decoration: underline;
}

	input.button-noStyling:hover {
	background: none;
	text-decoration: none;
	}


/* SITE ICONS
================================================================================*/
@font-face {
    font-family: 'siteIcons';
    src: url('/arachne/fonts/siteIcons.eot?v=1409');
    src: url('/arachne/fonts/siteIcons.eot?#iefix&v=1409') format('embedded-opentype'), url('/arachne/fonts/siteIcons.woff?v=1409') format('woff'), url('/arachne/fonts/siteIcons.ttf?v=1409') format('truetype'), url('/arachne/fonts/siteIcons.svg#siteIcons?v=1409') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="siteIcon-"], [class*=" siteIcon-"] {
    font-family: 'siteIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.siteIcon-mountainScene:before {
    content: "\e619";
}
.siteIcon-girlGrow:before {
    content: "\e618";
}
.siteIcon-elephant:before {
    content: "\e617";
}
.siteIcon-school:before {
    content: "\e616";
}
.siteIcon-sandwich:before {
    content: "\e615";
}
.siteIcon-foodBowl:before {
    content: "\e614";
}
.siteIcon-vet:before {
    content: "\e600";
}
.siteIcon-vet-star:before {
    content: "\e601";
}
.siteIcon-vet-flag:before {
    content: "\e602";
}
.siteIcon-ths:before {
    content: "\e604";
}
.siteIcon-shotAtLife:before {
    content: "\e605";
}
.siteIcon-shelterChallenge:before {
    content: "\e606";
}
.siteIcon-onePicture:before {
    content: "\e607";
}
.siteIcon-ars:before {
    content: "\e60b";
}
.siteIcon-aut:before {
    content: "\e60c";
}
.siteIcon-bcs:before {
    content: "\e60d";
}
.siteIcon-catsRCool:before {
    content: "\e60e";
}
.siteIcon-dbs-heart:before {
    content: "\e60f";
}
.siteIcon-dbs-ribbon:before {
    content: "\e610";
}
.siteIcon-dbs:before {
    content: "\e611";
}
.siteIcon-ggc:before {
    content: "\e612";
}
.siteIcon-lit:before {
    content: "\e613";
}
.siteIcon-alz:before {
    content: "\e603";
}
.siteIcon-alz-ribbon:before {
    content: "\e608";
}
.siteIcon-alz-flower:before {
    content: "\e609";
}
.siteIcon-trs:before {
    content: "\e60a";
}

/* FONT AWESOME
================================================================================*/
/* @group FontAwesome */

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/byscuits
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('/arachne/fonts/fontawesome-webfont.eot?v=3.2.1');
    src: url('/arachne/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('/arachne/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('/arachne/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('/arachne/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}


/* Old style that makes icons in nav and list areas display proper width and spacing - DON'T DELETE on upgrades */
li [class^="icon-"],
[class*=" icon-"], .nav li [class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    text-align: center;
    width: 1.25em;
}


/* LIGHTBOX as of 08/14
================================================================================*/
#cusa-lightbox-overlay {
    background: #000;
    bottom: 0;
    display: none;
    left: 0;
    margin-top: 0;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0.15s linear;
    z-index: 9999;
}
#cusa-lightbox-container {
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
#cusa-lightbox-content {
    background: #fff;
    box-shadow: 0 0 15px 5px #333;
    -webkit-box-shadow: 0 0 15px 3px #333;
    -moz-box-shadow: 0 0 15px 3px #333;
    -ms-box-shadow: 0 0 15px 3px #333;
    height: 600px;
    margin: 0 auto;
    position: relative;
    transition: margin-top 0.15s linear;
    width: 400px;
}
#cusa-lightbox-close {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 0.4em 0.8em;
    position: absolute;
    right: 0;
    top: 0;
}
#cusa-lightbox-close:hover {
    background: rgba(0, 0, 0, 1);
}
#cusa-lightbox-content iframe {
    height: 100%;
    width: 100%;
}
#cusa-lightbox-content iframe html {
    overflow: auto;
}


/* AUTOCOMPLETE for SEARCH as of 08/14
================================================================================*/
ul.cusa-autocomplete {
    background: #ffffff;
    border: 1px solid #aaa;
    box-shadow: 0 3px 3px 0px #ccc;
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 400px;
    z-index: 999999;
}
ul.cusa-autocomplete li {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 5px;
}
ul.cusa-autocomplete li:hover {
    background: #eee;
}
ul.cusa-autocomplete a.autocomplete-wrapper {
    display: block;
    overflow: hidden;
}
ul.cusa-autocomplete div.autocomplete-left {
    float: left;
    margin-right: 10px;
    width: 65px;
}
ul.cusa-autocomplete div.autocomplete-right {
    float: left;
    width: 300px;
}

ul.cusa-autocomplete img.autocomplete-image {
    border: 1px solid #eee;
    height: auto;
    margin-right: 10px;
    max-width: 65px;
    width: auto;
}
ul.cusa-autocomplete span.autocomplete-title {
    display: block;
    font-weight: 500;
}
ul.cusa-autocomplete span.autocomplete-description {
    color: #666;
    display: block;
    font-size: 0.8em;
    line-height: 1.2em;
}


/**
 * Ratings
 *
 * Styled to Match CUSA Ratings Box
 */
div.autocomplete-rating-wrapper {
    margin: 4px 0;
    position: relative;
}
div.autocomplete-rating-hollow,
div.autocomplete-rating-filled {
    padding: 0px;
    position: absolute;
}
div.autocomplete-rating-hollow {
    z-index: 1;
}
div.autocomplete-rating-filled {
    z-index: 2;
}
button.autocomplete-see-all {
    border: 0;
    border-radius: 0;
    display: block;
    font-size: 1.1em;
    padding: 4px 0;
    text-align: center;
    width: 100%;
}
button.autocomplete-see-all:hover {
    background: #eee;
    color: #666;
    text-shadow: none;
}





/* Non-semantic helper classes: define your styles before this section.
================================================================================*/
/* @group HelperFixes */

/* For image replacement */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.ir br {
    display: none;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden-new {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.borderRight {
    background: url(/arachne/images/store/background-border-onePixel.gif) no-repeat top right;
}

.borderLeft {
    background: url(/arachne/images/store/background-border-onePixel.gif) no-repeat top left;
    margin-left: -1px;
}

.clearBoth { clear: both; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.overflowHidden { overflow: hidden; }

/* This media query provides a 2x sized logo for retina and high-res screens, for the top nav GreaterGood logo, and applies the standard res for less than IE 9 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.nav-sites-logo-ggc {
		background: url('/arachne/images/store/logo-ggc-navTop2x.png'); 
		-moz-background-size: 151px 49px;
		-ie-background-size: 151px 49px;
		-o-background-size: 151px 49px;
		-webkit-background-size: 151px 49px;
		background-size: 151px 49px;
    }

	.oldie .nav-sites-logo-ggc {
		background: url('/arachne/images/store/logo-ggc-navTop.gif'); 
	}
}

/*Print styles.
- Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
================================================================================*/
/* @group Print */
@media print {

    a:link {
        text-decoration: underline !important;
        font-style: oblique;
    }

    body {
        font-family: georgia, times, times new roman, serif;
        margin: 0;
    }

    .cartAmountLabel {
        font-weight: bold;
    }

    .cartControls {
        font-size: .875em;
    }

    .cartRow {
        margin: 12px 0;
    }

    .container_page {
        border: 0;
        border-radius: 0;
    }

    #CSinfo {
        float: left;
        margin: 0;
    }

    .footer-links-connect {
        float: none;
        width: auto;
    }

    .footer-links-partners {
        border: 0;
        clear: both;
        margin: 0;
        padding: 0;
    }

    #footer-main {
        border-top: 1px solid #000;
    }

    .backToCategory, #breadcrumbs, .cartCheckoutButton, .cartCheckoutButtonsContainer, #cartCouponCode, div#filters, #flyout, .footer-topLink, .itemCaption, #itemDetailHeader, .itemShare, #message-GGNetwork, #nav-sites, .page-colorBar, .pageNav, .productDetailLink, .shoppersAlsoPurchased, .sf-menu, #suggestedItems, .utility-cartSummary, .utility-search, .visuallyhidden {
        display: none;
    }

    img {
        display: inline !important;
    }

    .item {
        display: block;
        margin-bottom: 10px;
    }

    .item img {
        display: inline;
        height: auto;
        margin: 5px 0;
    }

    span, strong, em {
        display: inline;
    }

    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: h5bp.com/s */
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* h5bp.com/t */
    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page { margin: 0.5cm; }
  	p, h2, h3 { orphans: 3; widows: 3; }
  	h2, h3 { page-break-after: avoid; }

}