/* 
Arakawa Hanging Systems

author:	Substance, Inc / findsubstance.com

-- */


/* -- substance reset -- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, tr, th, td { background: transparent no-repeat 0 0; border: 0; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
ol, ul { list-style: none; }
table {	border-collapse: collapse; border-spacing: 0; width: 100%; }
input, textarea, select, button { font-family: inherit; font-size: inherit; vertical-align: top; }
input, textarea { margin: 0; padding: 0; }
textarea { overflow: auto; }
legend { white-space: normal; width: 100%; }
embed, object, img { max-width: 100%; vertical-align: top; }
object { display: block; }
a:hover, a:active, embed, object { outline: 0; }
a, button { cursor: pointer; }
button[disabled] { cursor: default; }
button::-moz-focus-inner { border: 0; padding: 0; }
strong { font-weight: bold; }


/* -- elements -- */
body {
	background: #fff;
	color: #333;
	font-size: 13px;
	line-height: 1.3846em; /* 18px */
	min-width: 960px;
	}
a {
	color: #b10101;
	text-decoration: none;
	}
a:hover, a:hover h2 {
	text-decoration: underline;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
h1 {
	font-size: 22px;
	line-height: 1.1818; /* 26px */
	margin: 0 0 .4545em; /* 10px */
	}
h2 {
	font-size: 18px;
	line-height: 1.2222; /* 22px */
	margin: 0 0 .3333em; /* 6px */
	}
h3 {
	font-size: 16px;
	line-height: 1.375; /* 22px */
	margin: 0 0 .4em; /* 6px */
	}
h4, h5 {
	text-transform: uppercase;
	}
h4 {
	font-size: 12px;
	line-height: 1.8333; /* 22px */
	margin: 0 0 .5em; /* 6px */
	}
h5, h6 {
	font-size: 10px;
	line-height: 1.2; /* 12px */
	margin: 0 0 .6em; /* 6px */
	}
p {
	margin: 0 0 1em;
	}

/* -- grid (930wide/20col/30gutter) -- */
.col-wrap {
	margin-right: -30px;
	}
.col {
	float: left;
	margin-right: 30px;
	}
.last {
	float: right;
	margin-right: 0;
	}
.inner {
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	width: 930px;
	}

/* - grid: columns - */
.col1 { width: 18px; }
.col2 { width: 66px; }
.col3 { width: 114px; }
.col4 { width: 162px; }
.col5 { width: 210px; }
.col6 { width: 258px; }
.col7 { width: 306px; }
.col8 { width: 354px; }
.col9 { width: 402px; }
.col10 { width: 450px; }
.col11 { width: 498px; }
.col12 { width: 546px; }
.col13 { width: 594px; }
.col14 { width: 642px; }
.col15 { width: 690px; }
.col16 { width: 738px; }
.col17 { width: 786px; }
.col18 { width: 834px; }
.col19 { width: 882px; }

/* - grid: append columns - */
.append1 { padding-right: 48px; }
.append2 { padding-right: 96px; }
.append3 { padding-right: 144px; }
.append4 { padding-right: 192px; }
.append5 { padding-right: 240px; }
.append6 { padding-right: 288px; }
.append7 { padding-right: 336px; }
.append8 { padding-right: 384px; }
.append9 { padding-right: 432px; }
.append10 { padding-right: 480px; }
.append11 { padding-right: 528px; }
.append12 { padding-right: 576px; }
.append13 { padding-right: 624px; }
.append14 { padding-right: 672px; }
.append15 { padding-right: 720px; }
.append16 { padding-right: 768px; }
.append17 { padding-right: 816px; }
.append18 { padding-right: 864px; }
.append19 { padding-right: 912px; }

/* - grid: prepend columns - */
.prepend1 { padding-left: 48px; }
.prepend2 { padding-left: 96px; }
.prepend3 { padding-left: 144px; }
.prepend4 { padding-left: 192px; }
.prepend5 { padding-left: 240px; }
.prepend6 { padding-left: 288px; }
.prepend7 { padding-left: 336px; }
.prepend8 { padding-left: 384px; }
.prepend9 { padding-left: 432px; }
.prepend10 { padding-left: 480px; }
.prepend11 { padding-left: 528px; }
.prepend12 { padding-left: 576px; }
.prepend13 { padding-left: 624px; }
.prepend14 { padding-left: 672px; }
.prepend15 { padding-left: 720px; }
.prepend16 { padding-left: 768px; }
.prepend17 { padding-left: 816px; }
.prepend18 { padding-left: 864px; }
.prepend19 { padding-left: 912px; }

/* - grid: pull columns - */
.pull { float: left; }
.pull1 { margin-left: -48px; }
.pull2 { margin-left: -96px; }
.pull3 { margin-left: -144px; }
.pull4 { margin-left: -192px; }
.pull5 { margin-left: -240px; }
.pull6 { margin-left: -288px; }
.pull7 { margin-left: -336px; }
.pull8 { margin-left: -384px; }
.pull9 { margin-left: -432px; }
.pull10 { margin-left: -480px; }
.pull11 { margin-left: -528px; }
.pull12 { margin-left: -576px; }
.pull13 { margin-left: -624px; }
.pull14 { margin-left: -672px; }
.pull15 { margin-left: -720px; }
.pull16 { margin-left: -768px; }
.pull17 { margin-left: -816px; }
.pull18 { margin-left: -864px; }
.pull19 { margin-left: -912px; }

/* - grid: push columns - */
.push { float: right; }
.push1 { margin-right: -48px; }
.push2 { margin-right: -96px; }
.push3 { margin-right: -144px; }
.push4 { margin-right: -192px; }
.push5 { margin-right: -240px; }
.push6 { margin-right: -288px; }
.push7 { margin-right: -336px; }
.push8 { margin-right: -384px; }
.push9 { margin-right: -432px; }
.push10 { margin-right: -480px; }
.push11 { margin-right: -528px; }
.push12 { margin-right: -576px; }
.push13 { margin-right: -624px; }
.push14 { margin-right: -672px; }
.push15 { margin-right: -720px; }
.push16 { margin-right: -768px; }
.push17 { margin-right: -816px; }
.push18 { margin-right: -864px; }
.push19 { margin-right: -912px; }

/* - grid: inline-block - */
.grid-inline {
	letter-spacing: -.65em;
	margin-left: -15px; 
	margin-right: -15px;
	}
.grid-inline > .col {
	display: inline-block;
	float: none;
	letter-spacing: normal;
	margin-left: 15px; margin-right: 15px;
	vertical-align: top;
	}


/* -- structure -- */
.sec {
	margin-top: 20px;
	}
.sec:first-child {
	margin-top: 0;
	}
#wrap {
	overflow: hidden;
	}


/* -- nav -- */
.nav {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
.on, .current-cat a,
.on:hover, .current-cat a:hover {
	background-color: #b10101;
	color: #fff;
	text-decoration: none;
	}

/* - nav: global - */
#nav, #nav li {
	float: left;	
	}
#nav > li, #nav > li > a {
	display: block; 
	height: 64px;
	position: relative;
	}
#nav > li > a {
	background: url(/img/nav/global.png);
	}
#nav > #applications > a {
	background-position: 0 0;
	width: 131px;
	}
#nav > #products > a {
	background-position: -131px 0;
	width: 98px;
	}
#nav > #search > a {
	background-position: -229px 0;
	width: 162px;
	}
#nav > #tel {
	border-left: 1px solid #333;
	color: #b5b5b5;
	font-size: 12px;
	height: auto;
	letter-spacing: 1px;
	padding-left: 12px;
	width: 210px;
	}
#nav > #tel span {
	color: #fff;
	font-size: 28px;
	letter-spacing: 0.2ex;
	line-height: 1; /* 28px */
	}

/* nav: global: hover */
#nav > #applications:hover a {
	background-position: 0 -64px;
	}
#nav > #products:hover a {
	background-position: -131px -64px;
	}
#nav > #search:hover a {
	background-position: -229px -64px;
	}

/* nav: global: active */
.applications #nav > #applications a {
	background-position: 0 -128px;
	}
.products #nav > #products a {
	background-position: -131px -128px;
	}
.selector #nav > #search a {
	background-position: -229px -128px;
	}


/* - nav: sub - */
#nav ul {
	background: #c2c2c2;
	border-bottom: 2px solid #000;
	font-size: 14px; 
	left: -9999px;
	line-height: 1.2; /* 21px */
	padding: 8px 20px;
	position: absolute;
	top: 100%;
	z-index: 99;
	}
#nav li:hover ul { 
	left: 0;
	}
#nav ul a {
	color: #333;
	display: block;
	padding: 8px 5px 8px 0;
	}
#nav > #applications ul a {
	width: 105px;
	}
#nav > #products ul a {
	max-width: 185px;
	min-width: 135px;
	}
#nav ul li {
	background: url(/img/ui/h-dots.png) 0 0 repeat-x;
	}
#nav ul li:first-child {
	background: none;
	}


/* -- forms -- */
label, .label {
	display: block;
	margin: 0 0 .25em;
	}
label em {
	color: #666;
	font-size: 11px;
	font-style: normal;
	}
input[type=text], textarea, select {
	background: #fff;
	border: 1px solid #d4d0c8;
	color: #444;
	padding: 2px 4px;
	width: 265px;
	}
select {
	padding: 1px 0 1px 2px;
	width: 275px;
	}
input[type=text]:hover, textarea:hover {
	border-color: #bbb;
	}
input[type=text]:focus, textarea:focus {
	border-color: #bbb;
	color: #000;
	}
input[type=file] {
	width: 500px;
	}
input.stacked {
	display: block;
	margin: .25em 0 0;
	}
.field {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 .75em;
	width: 275px;
	}
.full, .textarea {
	margin: 0;
	width: 570px;
	}
.full input[type=text] {
	width: 560px;
	}
.textarea textarea {
	height: 126px;
	width: 560px;
	}
.radio label, .radio input {
	vertical-align: middle;
	}
.radio label {
	display: inline;
	margin: 0 10px 0 0;
	}
.cb label {
	display: inline;
	}
.cb li {
	margin: .2308em 0 0; /* 3px */
	}
button {
	display: block;
	}
button.send {
	background-image: url(/img/buttons/send.png);
	height: 29px;
	margin: 1px 0;
	width: 196px;
	}
button.send:hover {
	background-position: 0 -29px;
	}
.error {
	color: #b10101;
	}

/* - forms: contact - */
#contact-form {
	border-bottom: 3px double #333;
	margin: 0 0 30px;
	width: 680px;
	}
#contact-form fieldset {
	border-bottom: 1px solid #333;
	margin: 0 0 1em 0;
	padding: 0 0 .5em;
	}
#contact-form fieldset.alt {
	margin-bottom: 0;
	padding-bottom: 1.25em;
	}
#contact-form .main {
	float: left;
	width: 340px;
	}
#contact-form .main .field {
	margin: 0;
	width: 340px;
	}
#contact-form .secondary {
	border-left: 1px solid #999;
	float: right;
	padding: 0 0 0 9px;
	width: 290px;
	}
#contact-form .secondary .field {
	margin: 0;
	width: 290px;
	}
#contact-form .secondary .field select {
	margin: 4px 0 6px;
	width: auto;
	}
#contact-form .citystatezip {
	clear: both;
	width: 100%;
	}
#contact-form .citystatezip select {
	width: 150px;
	}
#contact-form .citystatezip .field {
	margin-right: 10px;
	width: auto;
	}
#contact-form #txtCity {
	width: 175px;
	}
#contact-form #txtZip {
	width: 85px;
	}


/* -- header -- */
#header {
	background: #000;
	color: #fff;
	padding: 15px 0 0;
	position: relative;
	z-index: 98;
	}
#logo {
	float: left;
	margin: -5px 105px -5px 0;
	}
#logo a {
	display: block;
	}


/* -- content -- */
#content {
	overflow: hidden;
	}
#content > .inner {
	padding: 40px 15px;
	}
.page-title {
	width: 100%;
	}
.intro {
	font-size: 15px;
	line-height: 1.4; /* 21px */
	margin-bottom: 30px;
	}
.excerpt p {
	margin: 0;
	}
.more {
	font-size: 12px;
	font-weight: bold;
	margin: .25em 0 0; /* 3px */
	text-transform: uppercase;
	}
.toggler {
	cursor: pointer;
	}
.stretcher {
	display: none;
	}
.photo {
	display: block;
	margin: 0 0 1em;
	}
.zoom {
	display: block;
	position: relative;
	}
.zoom:before {
	background: rgba(255, 255, 255, .75) url(/img/icons/zoom.png) no-repeat 50% 50%;
	bottom: 1px;
	content: '';
	height: 25px;
	left: 1px;
	position: absolute;
	width: 25px;
	}
.diagram {
	font-size: 15px;
	line-height: 1.4667; /* 22px */
	margin-top: 30px;
	}
.diagram img {
	border: 1px solid #999;
	}
.diagram a:hover img {
	border-color: #b10101;
	}	
.contact-callout {
	margin-top: -12px;
	}
.app-categories {
	background: url(/img/ui/h-dots.png) repeat-x 0 100%;
	font-size: 15px;
	line-height: 1.4667; /* 22px */
	margin: 15px 0 30px;
	padding-bottom: 30px;
	}

/* - flash - */
#flash {
	margin: 0 0 1em;
	}
#flash img {
	display: block;
	margin: 0 auto;
	}

/* - cms - */
.cms ul, .cms ol, .lst {
	margin: 0 0 1em 20px;
	}
.cms ul, .lst {
	list-style: disc;
	}
.cms ol, ol.lst {
	list-style: decimal;
	}
.cms li, .lst > li {
	margin: .2308em 0 0; /* 3px */
	}

/* - aside - */
.aside {
	font-size: 16px;
	line-height: 1.375; /* 22px */
	}
.aside.product-info {
	margin-top: 75px;
	}
.aside .lst > li {
	margin-top: .625em; /* 10px */
	}
.aside .contact, .contact-aside {
	border: dotted #000;
	border-width: 1px 0; 
	margin: 30px 0;
	padding: 20px 0;

	-moz-border-image: url(/img/ui/h-dots.png) 1 0 1 0 repeat; 
	-webkit-border-image: url(/img/ui/h-dots.png) 1 0 1 0 repeat; 
	border-image: url(/img/ui/h-dots.png) 1 0 1 0 repeat; 
	}
.contact-aside {
	margin-top: 0;
	}

/* - thumbs - */
.thumbs {
	overflow: hidden;
	width: 100%;
	}
.thumbs li {
	float: left;
	margin: 0 5px 5px 0;
	text-align: center;
	}
.thumbs img {
	background: #fff;
	border: 2px solid #666;
	display: block;
	padding: 4px 0 5px;
	}
.thumbs a {
	display: block;
	position: relative;
	}
.thumbs a:hover img {
	border-color: #b10101;
	}
.thumbs-wide {
	margin: 0 0 2px;
	}
.thumbs-wide li {
	margin-right: 0;
	text-align: left;
	width: 113px;
	}
.thumbs-wide h6 {
	margin: 0;
	padding: 15px 0 0;
	}
.thumbs-wide img {
	float: left;
	margin: 0 5px 0 0;
	}

/* thumbs: viewer */
.thumb-viewer .active, .thumb-viewer .thumbs {
	float: left;
	}
.thumb-viewer .active {
	margin-right: 30px;
	}
.thumb-viewer .thumbs {
	overflow: visible;
	width: 80px;
	}
.thumb-viewer .thumbs img {
	border: 1px solid #fff;
	padding: 0;
	width: 78px;
	}
.thumb-viewer a:hover img {
	border-color: #999;
	}
.thumb-viewer .on img, .thumb-viewer .on:hover img {
	border-color: #b10101;
	}
.thumb-viewer .on:before {
	border: solid transparent;
	border-right-color: #b10101;
	border-width: 6px 6px 6px 0;
	content: '';
	left: -10px;
	margin: -6px 0 0;
	position: absolute;
	top: 50%;
	}

/* - paging - */
.paging {
	border-top: 1px solid #999;
	margin: 15px 0 0;
	overflow: hidden;
	padding: 15px 0;
	width: 100%;
	}
.paging a {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
.paging .prev {
	float: left;
	width: 50%;
	}
.paging .prev a {
	background: url(/img/icons/arrow-left.png) no-repeat 0 .15em;
	margin: 0 0 0 3px;
	padding: 0 0 0 10px;
	}
.paging .next {
	float: right;
	text-align: right;
	width: 50%;
	}
.paging .next a {
	background: url(/img/icons/arrow-right.png) no-repeat 100% .15em;
	margin: 0 3px 0 0;
	padding: 0 10px 0 0;
	}

/* - post - */
.post {
	border-top: 1px solid #999;
	margin: 15px 0;
	padding: 15px 0 0;
	}
.post .date {
	font-size: 14px;
	font-weight: normal;
	}
.post .entry {
	margin: .75em 0 0;
	}
.post:first-child {
	border: 0;
	margin: 0;
	padding-top: 0;
	}


/* -- slideshow -- */
.slideshow {
	background: #000;
	color: #c2c2c2;
	margin: 30px 0;
	overflow: hidden;
	width: 100%;
	}
.slide-buttons, .slide-arrows a { 
	position: absolute;
	}
.slides, .slide {
	height: 400px;
	overflow: hidden;
	width: 100%;
	}
.slides {
	position: relative;
	z-index: 5;
	}
.slide img {
	display: block;
	height: 400px;
	width: 100%; 
	}
.slide-arrows a {
	background: url(/img/applications/slide-arrows.png) no-repeat;
	height: 67px;
	margin-top: -34px;
	top: 50%;
	width: 46px;
	z-index: 20;
	}
.slide-arrows a:hover {
	border-bottom: none 
	}
.slide-arrows .prev {
	background-position: 0 0;
	}
.slide-arrows .prev:hover {
	background-position: -46px 0;
	}
.slide-arrows .next {
	right: 0;
	background-position: -46px -67px;
	}
.slide-arrows .next:hover {
	background-position: 0 -67px;
	}
.slide-buttons {
	bottom: 15px;
	left: 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	z-index: 20;
	}
.slide-buttons a {
	background: #000;
	background: rgba(0,0,0,.8);
	border: 1px solid #414141; 
	display: inline-block;
	height: 10px;
	margin: 0 2px;
	vertical-align: bottom;
	width: 10px;
	}
.slide-buttons .activeSlide {
	background: #fff;
	}
.slide-buttons a:hover {
	border-color: #b10101;
	}
.slide-captions {
	font-size: 15px;
	line-height: 1.4667; /* 22px */
	padding: 20px;
	}
.slide-caption {
	display: none;
	}
.slide-caption h1 {
	margin-right: 5px;
	}
.slide-caption p, .slide-caption h4 {
	display: inline;
	text-align: text-bottom;
	}
.slide-caption p, .slide-caption h4 {
	display: inline;
	text-align: text-bottom;
	}
.slide-caption h4 a {
	margin-left: 5px;
	position: relative;
	text-transform: uppercase;
	}
.slide-caption h4 a:after {
	border: solid transparent;
	border-left-color: #b10101;
	border-width: 4px 0 4px 4px;
	content: '';
	position: absolute;
	right: -10px;
	top: 3px;
	}

/* - slideshow: single - */
.slideshow.single {
	margin-top: 0;
	}


/* -- products -- */
.products-home {
	margin-bottom: 3em;
	}
.products-home .app-list {
	border-left: 1px solid #333;
	font-size: 15px;
	line-height: 1.4667; /* 22px */
	margin-left: -30px;
	padding-left: 29px;
	}
.products-home .app-list ul li {
	margin: .1em 0;
	}
.products-home .app-list ul a:before {
	content: "\203A  ";
	}
.product-description {
	padding-left: 4px;
	}
.product-downloads li {
	margin: 0 0 .25em;
	}

/* - products: stats - */
.stats {
	font-size: 14px;
	margin: 0 0 7px;
	}
.stats li {
	border-bottom: 1px solid #666;
	margin: 7px 0 0;
	overflow: hidden;
	padding: 0 0 7px 4px;
	}
.stats strong, .product-footer strong {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	margin: 0 6px 0 0;
	text-transform: uppercase;
	}
.stats .name strong, .stats .name h1 {
	display: inline;
	}
.stats .name h1 {
	font-size: 28px;
	margin: 0;
	}
.stats li.weight strong, .stats li.weight span {
	display: inline-block;
	}
.stats li.weight span {
	line-height: 1.4; /* 19.6px */
	}

/* - products: installation - */
.product-installation {
	border: solid #666; border-width: 1px 0;
	bottom: 0;
	left: 0;
	padding: 6px 0 3px 0;
	position: absolute;
	}
.product-installation h4 {
	margin: 0;
	}
.product-installation p {
	margin: 0 0 .5em;
	}

/* - products: footer - */
.product-footer {
	border-top: 1px solid #666; 
	margin-top: 10px;
	padding-top: 10px;
	}
.product-footer strong {
	margin-bottom: 6px;
	}

/* - products: recently viewed - */
.recently-viewed {
	border-top: 1px solid #999;
	margin-top: 30px;
	padding-top: 30px;
	}
.results-controls + .recently-viewed {
	border-top: 0;
	padding-top: 0;
	}

/* - products: related - */
.related-products {
	margin-top: 22px;
	}
	
/* - featured block - */
.featured {
	background: #000;
	color: #c2c2c2;
	display: block;
	margin: 0 0 30px;
	padding: 20px;
	}
.featured p {
	font-size: 12px;
	}
.featured h1, .featured h3 {
	display: inline;
	font-weight: 300;
	}
.featured h1 {
	margin-right: 5px;
	}
.page-title .featured {
	margin: 10px 0 0;
	padding: 10px 15px;
	}
.page-title .featured p {
	margin-bottom: 0;
	}

/* featured: contextual */
.featured.search {
	margin: 0;
	}
.featured.checklist {
	padding: 15px;
	}
.featured.checklist p {
	margin-bottom: 0;
	}

	
/* -- results -- */
.results > li {
	border-top: 1px solid #999;
	padding: 20px 0 10px;
	}
.results > .first {
	border: 0;
	margin-top: 0;
	}
.results img {
	display: block;
	margin: 0 auto;
	}
.results .stats {
	font-size: 11px;
	line-height: 1.2727; /* 14px */
	margin: 0;
	}
.results .stats li {
	border: 0;
	margin: 1px 0 0;
	padding: 0;
	}
.results .stats a {
	font-size: 15px;
	}
.results .stats strong {
	font-size: 11px;
	margin-right: 4px;
	}
.results .stats .name strong {
	margin-top: .3636em; /* 4px */
	}

/* - results: controls - */
.results-controls {
	border: solid #999; border-width: 1px 0;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25; /* 15px */
	margin: 15px 0 0;
	overflow: hidden;
	padding: 3px 0;
	text-transform: uppercase;
	width: 100%;
	}
.results-controls a {
	font-size: 13px;
	font-weight: 300;
	padding: 0 2px;
	}
.results-controls .pages, .results-controls .units, .results-controls .perpage {
	float: left;
	margin: 2px 0 0;
	width: 30%;
	}
.results-controls .pages span {
	margin: 0 4px 0 0;
	}
.results-controls .units {
	width: 40%;
	}
.results-controls .perpage {
	float: right;
	margin: 0;
	text-align: right;
	}
.results-controls .perpage label {
	color: #333;
	display: inline;
	}
.results-controls .perpage label,
.results-controls .perpage span {
	position: relative;
	top: 2px;
	vertical-align: top;
	}
.results-controls .perpage select {
	font-size: 12px;
	font-style: normal;
	margin: 0 2px 0 2px;
	padding: 0;
	text-transform: none;
	width: 46px;
	}


/* --  international contact -- */
.international h4 {
	display: none;
	}
.international p {
	background-image: url(/img/headers/not-in-north-america.png);
	height: 14px;
	margin: 0;
	width: 560px;
	}
.international .nav {
	margin: .5em 0 0 -2px;
	overflow: hidden;
	width: 100%;
	}
.international .nav li {
	float: left;
	margin: 0 24px 0 0;
	}
.international .nav a {
	background-image: url(/img/icons/arrow-down.png);
	background-position: 98% 50%;
	padding: 2px 14px 2px 2px;
	}
.international .nav .on {
	background-image: url(/img/icons/arrow-up-on.png);
	background-position: 98% 50%;
	}
.international .stretcher ul {
	float: left;
	margin: 0 10px 0 0;
	padding: 8px 0 0;
	width: 240px;
	}
.international .stretcher li {
	margin: 0 0 .15em;
	}


/* -- footer -- */
#footer {
	border-top: 7px solid #000;
	padding: 20px 0 30px;
	}
#footer a {
	color: #000;
	}
#footer p {
	margin: 0;
	}
#footer li {
	border-left: 1px solid #666;
	display: inline;
	margin-left: 6px;
	padding-left: 10px;
	}
#footer li:first-child {
	border: 0;
	margin: 0;
	padding: 0;
	}
#footer .copyright {
	font-size: 10px;
	text-align: right;
	}


/* -- image replacement -- */
button, .international p, #nav > li > a, .slide-buttons a, .slide-arrows a {
	overflow: hidden;
	text-align: left;
	text-indent: -9999px;
	}


/* -- font stacks -- */
body, .stats .name, .grid-inline > .col {
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
	font-weight: 300;
	}
.cms, .lst, .stats, .excerpt, .slide-caption {
	font-family: Georgia, Serif;
	}
.more, .results-controls, .nav, .stats strong, .product-footer strong {
	font-family: 'Arial Narrow', Arial, Sans-serif;
	}

/* - font stacks: control font for inline-block whitespace - */
.grid-inline {
	font-family: 'Courier New', Monospace;
	}


/* -- contain floats -- */
.group:after, .inner:after, .field:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	}


/* -- third party -- */

/* - fancy zoom - */
#zoom {
	background: #fff;
	border: 1px solid #999;
	box-shadow: 0 0 10px rgba(0, 0, 0, .75);
	padding: 20px;
	z-index: 10;
	}
