﻿
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
    font-family: 'FontSiteSansExtended';
    src: url('/static/css/fontsitesans-extended-webfont.eot');
    src: url('/static/css/fontsitesans-extended-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/css/fontsitesans-extended-webfont.woff') format('woff'),
         url('/static/css/fontsitesans-extended-webfont.ttf') format('truetype'),
         url('/static/css/fontsitesans-extended-webfont.svg#FontSiteSansExtended') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
    font-family: 'FontSiteSansBoldExtended';
    src: url('/static/css/fontsitesans-boldex-webfont.eot');
    src: url('/static/css/fontsitesans-boldex-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/css/fontsitesans-boldex-webfont.woff') format('woff'),
         url('/static/css/fontsitesans-boldex-webfont.ttf') format('truetype'),
         url('/static/css/fontsitesans-boldex-webfont.svg#FontSiteSansBoldExtended') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
  HTML5 ✰ Boilerplate

  style.css contains a reset, font normalization and some base styles.

  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font: inherit;
  vertical-align:baseline;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* Added by G & C */
figure {position: relative;}
figure img {width: 100%;}
.no-boxshadow .pie, .no-cssgradients .pie, .no-borderradius .pie {
	behavior: url(PIE.htc);
	/* Add position:relative; if not shown or hidden behind ancestor element */
}
/* webkit browsers add a annoying glow on focused inputs and selects */
input:focus, select:focus {outline:none;}

/* END RESET CSS */


/* font normalization inspired by  from the YUI Library's fonts.css: developer.yahoo.com/yui/ */
body { font:10px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*
 * minimal base styles
 */

body, select, input, textarea, button {
	/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
	color: #000;
	/* set your base font here, to apply evenly */
	font-family: "FontSiteSansExtended", Helvetica, Arial, Verdana, Sans-serif;
}

body.waiting * {
	cursor: wait;
}

/* headers (h1,h2,etc) have no default font-size or margin. define those yourself. */
h1, h2, h3, h4, h5, h6, button {
	font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
	font-weight:normal;
	letter-spacing:1px;
}

/* always force a scrollbar in non-IE: */
html { overflow-y: scroll; }


/* accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; }


ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }


/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
      border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }
.clear {
	clear:both;
}
/* Primary Styles
 ********************/
.highlight {
 	/*color:#ffff99 !important;*/
 	font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
 	text-decoration: underline;
}
.vegas-background {z-index:-1;}
/* Front specific style */
body.home-index,
body.home-index a,
body.home-index a:active,
body.home-index a:visited,
body.home-index a:hover,
body.content-lookbook,
body.content-lookbook a,
body.content-lookbook a:active,
body.content-lookbook a:visited,
body.content-lookbook a:hover {
	color:#fff;
}
	body.home-index #mast-head h1, body.home-index #mast-head h5,
	body.content-lookbook #mast-head h1, body.content-lookbook #mast-head h5 {
		background-image:url("/static/images/5asr-index-large.png");
	}
		body.home-index #search input,
		body.content-lookbook #search input,
		body.home-index #search button,
		body.content-lookbook #search button,
		body.home-index #newsletter-signup-form input,
		body.content-lookbook #newsletter-signup-form input,
		body.home-index #newsletter-signup-form button,
		body.content-lookbook #newsletter-signup-form button {
			color:#fff;
		}
	body.home-index #page-footer,
	body.content-lookbook #page-footer {
		background-image:url("/static/images/footer-index.png");
	}

/* Default styles */
button {
	background-color: transparent;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	height: 28px;
	letter-spacing: 1px;
	line-height: 28px;
	padding: 0;
	text-transform: uppercase;
}

#page-container {
    margin:26px auto 40px;
    width: 1068px;
}
#page-container.show-cart-wrapper {
	margin-top:56px;
}
	#mast-head {
		float:left;
		line-height:15px;
		text-transform:uppercase;
		width:232px;
	}
		#mast-head h1, #mast-head h5,
		#mast-head h1 a, #mast-head h5 a {
			height:215px;
			width:96px;
		}
		#mast-head h1, #mast-head h5 {
			background-image:url("/static/images/5asr-large.png");
			background-repeat:no-repeat;
			overflow:hidden;
		}
		#mast-head h1 a, #mast-head h5 a {
			display:block;
			text-indent:-1000px;
		}
		#mast-head h1, #mast-head h5,
		#mast-head ul, #mast-head p, #mast-head form {
			margin-left:23px;
		}
		#mast-head ul {
			list-style:none;
			padding:0px;
		}
		#page-entrances {
			letter-spacing:1px;
			line-height:17px;
			font-family:"FontSiteSansBoldExtended", Helvetica, Arial, Sans-serif;
			margin-top:35px;
		}
		#document-menu, #links {
			letter-spacing:1px;
		}
		#document-menu {
			margin-top:35px;
		}
		#links {
		}
		#search {
			margin-top:35px;
			margin-bottom:15px;
		}
		#newsletter-signup-form {
			margin-top:15px;
			margin-bottom:35px;
		}
		form.form {
			letter-spacing:-4px;
		}
		input.input, input.button {
			background-color:transparent;
			border-color:#ccc;
			border-style:solid;
			color:#999;
			font-size:10px;
			letter-spacing:0px;
			vertical-align:middle;
		}
		input.input {
			border-width: 1px 0 1px 1px;
			color: #000000;
			height: 12px;
			letter-spacing: 1px;
			padding: 4px 4px 3px;
			text-transform: uppercase;
			width: 126px;
		}
		input.button {
			border-width:1px;
			color:#666;
			line-height:19px;
			height:19px;
			width:19px;
		}
		#newsletter-signup-form label {
			color:red;
			display: block;
			letter-spacing: 1px;
			width:155px;
		}
		#page-footer {
			background-image: url("/static/images/footer.png");
			background-repeat: no-repeat;
			height: 53px;
			margin-left: 23px;
			margin-top: 30px;
			overflow: hidden;
			width: 155px;
		}
		#page-footer p {
			text-indent:-1000px;
			display: none;
		}
	#content {
		margin-left:232px;
		text-transform:uppercase;
		width:836px;
	}

/* Cart Wrapper
****************/
#cart-wrapper {
	background-color:#000;
	color:#fff;
	display:none;
	left:0px;
	line-height:30px;
	position:absolute;
	text-transform:uppercase;
	top:0px;
	width:100%;
}
.show-cart-wrapper #cart-wrapper {
	display:block;
	position:fixed;
}
	#cart-component {
		display: block;
		letter-spacing: -4px;
		margin: 0 auto;
		text-align: right;
		white-space: nowrap;
		width: 1068px;
	}
	#cart-component.no-items {
		display:none;
	}
	#cart-component p {
		letter-spacing:1px;
	}
	#cart-component a,
	#cart-component a span {
		display: -moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
	}
	#cart-component a {
		color:#fff;
	}
	#cart-component a span.label {
		color:#999;
	}
	#cart-component span {
		letter-spacing:1px;
	}
	#cart-component a + a,
	#cart-component span + span {
		margin-left:17px;
	}

/* Child content generic
*******************/
#content h1 {
	font-size:20px;
	line-height:21px;
}
h1.main-title {
	font-size:17px !important;
	margin-top:-13px;
	margin-bottom:26px;
	text-align:center;
}
.list-header {
	font-size:12px;
	margin-bottom:10px;
	text-align:center;
}
.header-list {
	letter-spacing: -4px;
	list-style: none outside none;
	margin: 0 auto 26px;
	padding: 0 120px;
	text-align: center;
	width: 600px;
}
.header-list li {
	display: -moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	letter-spacing:1px;
	line-height:15px;
	margin:0 4px;
}
.inner-content {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}
.inner-content > div {
	border-bottom:3px double #000;
	border-top:3px double #000;
	padding:10px;
}

/* Rows
********/
.input-row,
.select-row,
.radio-row,
.checkbox-row,
.button-row {
	letter-spacing:-4px;
/*	line-height:35px;*/
	margin:20px 0;
}
.input-row label,
.input-row span,
.radio-row span,
.checkbox-row span,
.select-row label {
	display: -moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	letter-spacing:1px;
	width:140px;
}
.select-row a,
.select-row select {
	letter-spacing:1px;
}
	/* .input-row */
	.input-row {
	}
	.input-row label {
		vertical-align:middle;
	}
	.input-row input {
		border: 1px solid #ccc;
		height: 12px;
		width:210px;
	}
	.input-row select {
		width:220px;
	}
	.input-row input,
	.input-row select {
		letter-spacing:1px;
		padding:4px;
		vertical-align:middle;
	}
	.input-row select.error,
	.input-row input.error {
		border: 2px #ff8888 solid;
	}
	.input-row label.error {
		display: none !important;
	}
	/* .radio-row */
	.radio-row {
	}
	.radio-row span {
		vertical-align:middle;
	}
	.radio-row .radio-container {
	}
	/* .checkbox-row */
	.checkbox-row {
	}
	.checkbox-row span {
		text-align:right;
	}
	.checkbox-row input {
		margin-right:8px;
		vertical-align:middle;
		width: auto;
	}
	.checkbox-row label {
		letter-spacing:1px;
		vertical-align:middle;
		white-space:nowrap;
	}
	.checkbox-row label a {
		text-decoration: underline !important;
	}
	/* .button-row */
	.button-row {
		margin-left:140px;
	}
	.button-row button {
		background-color: #000000;
		border-color: #CCCCCC #9D9D9D #9D9D9D #CCCCCC;
		color: #FFFFFF;
		height: 20px;
		line-height: 20px;
		padding: 0 4px;
		vertical-align: middle;
	}

/* Alert
*********/
.popup-notice {
	padding: 6px 8px;
	color: #fff;
	background-color: #000;
	font-size: 12px;
	border: 1px solid #9d9d9d;
	max-width: 200px;
}
.popup-notice .error {
	background-color: #f00;
}
#default-notice-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
#default-notice-container p {
    background-color: #FBECC8;
    font-size: 16px;
    margin: 0 auto;
    padding: 5px 0;
    position: relative;
    text-align: center;
}
#default-notice-container p.error {
	background-color: #FFBFBF;
}
#default-notice-container p span {
	color: #BFAD83;
	cursor: pointer;
	font-weight: bold;
	padding: 0 5px 3px;
	position: absolute;
	right: 5px;
	text-transform: none;
	top: 3px;
}
#default-notice-container p.error span {
	color: #AF5757;
}

/* Rescue
**********/
div.rescue {
	padding-top: 23px;
	font-size: 15px;
	text-transform: none;
}
div.rescue h2 {
	line-height: 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
div.rescue p {
	letter-spacing: 0;
	margin-bottom: 10px;
	width: 500px;
}
div.rescue pre {
	border-left: 1px solid #000;
	padding: 10px;
	margin: 10px 0;
	padding: 0 20px;
}
div.rescue p.support-data {
	font-size: 10px;
	white-space: normal;
	color: #888;
}

/* Campaign listing
*******************/
#campaign-list {
	letter-spacing:-4px;
	list-style:none;
	margin-left:0px;
	margin-right: -25px;
}
#campaign-list li {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 25px;
	vertical-align: top;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}
	#campaign-list li .campaign-info {

	}
	#campaign-list li:hover {
		opacity: 1;
		filter: alpha(opacity = 100);
	}
		#campaign-list li:hover .campaign-info {

		}
	#campaign-list li {
		position: relative;
	}
		#campaign-list li .campaign-wrapper .campaign-info {
			position: absolute;
			bottom: 0px;
			left: 0px;
			letter-spacing: 1px;
			line-height: 1.231em;
			padding: 10px;
		}
/* SearchDefinitionList
************************/

/* SearchDefinition
********************/
.definition-header { position:relative; }
	.definition-header .desc {
		position:absolute;
		top:10px;
		left:0;
		width:100%;
	}
		.definition-header .desc h1 { margin:0; }

.paging {
	margin:10px 0px;
	text-align:right;
}
.paging .selected {
	text-decoration:underline;
}
.product-listing {
	letter-spacing:-4px;
	list-style:none;
	margin:0px;
	padding:0px;
}
.product-listing li {
	display: -moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	font-size: 9px;
	letter-spacing:0px;
	margin-bottom:25px;
	margin-right:25px;
}
.product-listing li.last {
	margin-right:0px;
}
.product-listing li .price-container {
	letter-spacing:1px;
}
.product-listing li .price-container del {
	margin-right:3px;
}

/* DisplayProduct
******************/
#product-container {
	letter-spacing:-4px;
}
#primary-image, #product-info {
	display: -moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:top;
}
#primary-image, #product-info, #related-products {
	letter-spacing:0px;
}
#primary-image {
	position:relative;
	width:522px;
}
#image-zoom {
	left:0px;
	position:absolute;
	top:0px;
}
	#zoom-wrapper{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		background: #fff;
		z-index: 100000;
		margin: 0 auto;
		display: block;
	}
		#zoom-wrapper #zoom-image{
			cursor: pointer;
		}
		#zoom-wrapper #zoom-follower{
			display: none;
			position: absolute;
			z-index: 100001;
			background: #fff;
			border: 1px solid #333;
			padding: 3px;
			line-height: 14px;
		}
		#zoom-wrapper #zoom-loader{
			position: absolute;
			z-index: 100003;
			width: 68px;
			height: 68px;
		}
#image-container {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#image-container li {
	display: -moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	letter-spacing:0px;
	vertical-align:top;
}
#product-info {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	line-height: 14px;
	margin-left: 18px;
	position:relative;
	width: 294px;
}
#product-info > div {
	border-top: 3px double black;
	border-bottom: 3px double black;
	height: 641px;
	padding: 10px 0;
}
#product-info h1 {
	font-size:12px;
	line-height:17px;
}
#product-info #artno {
	font-family: "FontSiteSansExtended", Helvetica, Arial, Sans-serif;
}
#product-info .price {
	font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Sans-serif;
	font-size:11px;
	letter-spacing:1px;
	margin:1em 0;
}
#long-description {
	margin-top: 10px;
    height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
}
#tab-container {
	bottom:15px;
	left:0px;
	position:absolute;
	width:100%;
}
#tab-container .tabs {
	/*
	margin-left: 5px;
	*/
}
#tab-container .tabs-content {
	max-height: 178px;
	overflow-y:auto;
	padding: 5px 10px 5px 0;
}
#tab-container .tabs-content,
#short-description, #long-description,
.addthis_toolbox {
	font-size:11px;
	line-height:15px;
	text-transform: none;
}
#tab-container .tabs-content a,
#short-description a, #long-description a {
	text-decoration:underline;
}
#size-guide-container {
	display:none;
}
#size-guide-container table {
	width:100% !important;
}
#short-description, #long-description {
	margin: 1em 0;
}
#long-description p { margin-bottom:10px; }


#share-wrapper {
	margin-top: 10px;
}
#share-wrapper #share-svpply {
    display: inline;
    float: left;
    padding: 0 2px;
    vertical-align: top;
}
#share-wrapper #addthis {
	display: inline-block;
}
	#share-wrapper #addthis #___plusone_0 {
		width: 26px;
	}
		#share-wrapper #addthis a {
			max-width: 24px;
			overflow: hidden;
		}
.addthis_toolbox {

}
.addthis_toolbox a span {
	/*background:transparent url(/static/images/share.png) no-repeat scroll left center;	*/
}
.distinct,
.item-select {
}
#add-to-cart-form {
	margin-top:1.5em;
}
#add-to-cart-form h3 {
	margin: 1em 0 0.5em;
}
form.radio .ui-selectmenu {
	display: block;
	cursor: pointer;
	width:292px;
}
form.radio .ui-state-active {
	overflow: visible !important;
}
form.radio .ui-state-active fieldset {
	display: block;
}
form.radio .distinct-row fieldset {
	background-color: #fff;
	border-color: #ccc;
	border-style: solid;
	border-width: 0 1px 1px;
	display: none;
	left: -1px;
	line-height: 1em;
	margin-bottom: 0 !important;
	position: absolute;
	top: 21px;
	width: 292px;
	z-index: 999;
}
form.radio .distinct-row fieldset.upward {
	border-width: 1px 1px 0;
	bottom: 21px;
	top: auto;
}
form.radio .distinct-row label {
	display: block;
	margin-top: 1px;
	padding: 0.6em 0.8em;
	position: relative;
	vertical-align: middle;
}
form.radio .distinct-row label.selected {
	background-color: #ddd;
}
form.radio .distinct-row label:hover {
	background-color: #bbb;
}
form.radio .distinct-row label input {
	position: absolute;
	visibility: hidden;
}
#size-guide-link {
	font-family: "FontSiteSansExtended", Sans-serif;
	text-decoration: underline;
	text-transform: lowercase;
}
#selectable-products-container {
	margin-top: -5px;
}
#selectable-products-container label {
	display: -moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	background-color: #fff;
	border-color: #9d9d9d;
	border-style: solid;
	border-width: 1px;
	color: #000;
	margin-top: 5px;
    padding: 2px 4px 1px 4px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    min-width:30px;
}
#selectable-products-container label.selected {
	background-color: #000;
	color: #fff;
}
#selectable-products-container label.unavailable {
	/*background-color: #eee;*/
	color: #999 !important;
	cursor: default;
}
#selectable-products-container label input {
	position: absolute;
	visibility: hidden;
}
#selectable-products-container label .cross,
#selectable-products-container label .cross img {
	height: 17px;
	width: 100%;
}
#selectable-products-container label .cross {
	left: 0;
	position: absolute;
	top: 0;
}
#add-to-cart,
#go-to-cart button {
	background-color: transparent;
	margin-top:12px;
	width: 292px;
}
#add-to-cart.inactive {
}
#add-to-cart.active {
	background-color:#000;
	color:#fff;
}
#go-to-cart button {
	background-color: #000;
	color:#fff;
}
#related-products {
	margin-top:30px;
}
#related-products h2 {
	margin-bottom:20px;
}
/* Content view
***************/
#content-wrapper {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 15px;
	text-transform: none;
}
#content-wrapper #inner-content {
	border-bottom: 3px double #000;
	border-top: 3px double #000;
	padding:10px 0;
}
#content-wrapper h3,
#content-wrapper h4,
#content-wrapper h5 {
	margin-bottom: 17px;
	text-transform: uppercase;
}
#content-wrapper h3 a,
#content-wrapper h4 a,
#content-wrapper h5 a {
	text-decoration:none;
}
#content-wrapper h3 {
	font-size:20px;
	line-height:23px;
}
#content-wrapper h4 {
	font-size:16px;
	line-height:19px;
}
#content-wrapper h5 {
}
#content-wrapper p {
	margin-bottom: 17px;
}
#content-wrapper ul {
	margin-bottom: 17px;
}
#content-wrapper h3 + h4 {
	margin-top:-12px;
}
#content-wrapper h4 + h5 {
	margin-top:-12px;
}
#content-wrapper h3 + p,
#content-wrapper h4 + p,
#content-wrapper h5 + p {
	margin-top:-15px;
}
#content-wrapper p + p {
	margin-top:17px;
}
#content-wrapper a {
	text-decoration:underline;
}
/* Customer
************/
#basic-info, #addresses {
	display: -moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	letter-spacing:1px;
	vertical-align:top;
	width:406px;
}
.signup-text, .forgotpassword-text
{
	margin-top:20px;
}
#basic-info {
}
#addresses p.input-row span {
	width:auto;;
}
#addresses .selected {
	background: #f0f0f0;
}

/* View profile
****************/
#profile .phone-number {
	width: 108px;
}
#profile .remove-phone-number,
.address-container .remove-address {
	display: -moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

	background-color: #000000;
	border-color: #CCCCCC #9D9D9D #9D9D9D #CCCCCC;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	height: 20px;
	font-family: "FontSiteSansBoldExtended",Helvetica,Arial,Verdana,Sans-serif;
	line-height: 20px;
	letter-spacing: 1px;
	line-height: 20px;
	vertical-align: middle;
	padding: 0 4px;
}
#profile .remove-phone-number {
	margin-left: 4px;
}
.address-container .remove-address {
	bottom: 10px;
	position: absolute;
	right: 24px;
}
.customer-viewprofile form {
	margin-bottom: 30px;
}
.address-container + .address-container {
	margin-top: 30px;
}
.address-container {
	position: relative;
	padding: 2px 10px;
}
button.add-address-line {
	padding: 0;
	width: 220px;
}
p.additional-address-line,
#register-region-row,
#profile-password-container {
	display: none;
}
p.additional-address-line {
	padding-left:140px;
}
button#profile-change-password {
	background-color: #000000;
	border-color: #CCCCCC #9D9D9D #9D9D9D #CCCCCC;
	color: #FFFFFF;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 220px;
}
#page-container.customer-register #please-accept-terms {
	color: #CC3333;
	margin-bottom: 12px;
	margin-left: 125px;
	line-height: 11px;
}
input#submit {
	border: 1px solid #9D9D9D;
	margin-left:140px;
	margin-top:8px;
}
button#submit {
	background: url(/static/images/en/update_profile.png) #000;
	border:1px #9d9d9d solid;
	height:33px;
	margin-top:8px;
	width:175px;
}

/* Order history
*****************/
h2.order-history {
    font-size: 17px;
    margin: 0 0 20px;
    text-align: center;
}

button.submit-large
{
	font-size: 17px;
    height: 40px;
    padding: 10px;
}

table.order-history {
	width: 100%;
}
	table.order-history td {
		letter-spacing: 1px;
		padding: 1px 6px;
	}
	table.order-history td a {
		text-decoration: underline;
	}
	table.order-history tbody tr:hover {
		background-color: #f0f0f0;
	}
	table.order-history .order-sum,
	table.order-history .order-status {
		text-align: right;
	}

/* Customer / order
********************/
.customer-order,
.cart-view-id {
}
	.customer-order #content,
	.cart-view-id #content {
		width:600px;
	}
	.customer-order h2,
	.cart-view-id h2 {
		font-size:20px;
		line-height:21px;
		margin-bottom:20px;
	}
	.customer-order p#intro,
	.cart-view-id p#intro {
		margin-bottom:20px;
	}
	.customer-order h3,
	.cart-view-id h3 {
	}
	.customer-order dl,
	.cart-view-id dl {
		margin-bottom:20px;
	}
	.customer-order dt,
	.cart-view-id dt {
		font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Sans-serif;
	}
	.customer-order dd,
	.cart-view-id dd {
	}

/* Authentication login
************************/

.authentication-forgotpassword .error {
	color: #c44;
}
#forgot-link-container {
	margin-left:140px;
}
#reset-password-hint {
}
input#submit {
	border: 1px solid #9D9D9D;
}

/* cart/view order/view
*************************/
.cart-view,
.cart-empty {
}
.cart-view #content {
	line-height: 24px;
}

/* Cart/Order contents
***********************/
#cart-contents {
	width: 100%;
}
#order-contents {
	width: 100%;
	margin-bottom: 20px;
}
	#cart-contents td.quantity,
	#order-contents td.quantity {
		text-align: center;
	}
	#cart-contents td.quantity img,
	#order-contents td.quantity img {
		vertical-align: middle;
		margin-top: -3px;
	}
	#cart-contents td.quantity img.disabled {
		opacity: 0.2;
		filter: alpha(opacity = 20);
	}
	#cart-contents thead td.price,
	#cart-contents thead td.subtotal,
	#order-contents thead td.price,
	#order-contents thead td.subtotal {
		text-align: right;
	}
	#cart-contents td,
	#order-contents td {
		padding: 6px 1px;
		letter-spacing: 1px;
	}
	#cart-contents thead td,
	#order-contents thead td {
		border-bottom: 1px solid #9d9d9d;
		font-family: "FontSiteSansBoldExtended",Sans-serif;
		padding-bottom: 13px;
		padding-top: 0;
		line-height: 12px;
	}
	#cart-contents tbody td,
	#order-contents tbody td {
		text-align: right;
		vertical-align: middle;
	}
	#cart-contents .product-image {
		width: 46px;
	}
	#cart-contents .product-name,
	#order-contents .product-name {
		text-align: left;
	}
	#cart-contents tbody .product-name {
		line-height:17px;
		padding-left:10px;
		padding-top:26px;
		vertical-align:top;
	}
	#cart-contents .product-name .item-on-sale,
	#cart-contents .product-name .discount-description {
		font-weight: normal;
	}
	#cart-contents tbody .product-name,
	#order-contents tbody .product-name {
		font-family: "FontSiteSansBoldExtended",Sans-serif;
	}
	#cart-contents .product-name img,
	#order-contents .product-name img {
		vertical-align: middle;
	}
	#cart-contents tfoot td,
	#order-contents tfoot td {
		text-align: right;
		font-weight: bold;
	}
	#order-contents tbody.totals td {
		padding: 1px 1px;
	}
	#cart-contents tbody.totals td,
	#order-contents tbody.totals tr:first-child td,
	#order-contents tbody.totals .product-total td {
		border-top: 1px solid #9d9d9d;
		padding-top: 25px;
	}
	tr.product-total td {
		font-size: 11px;
	}
	tr.product-total .label {
		font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
	}
	#order-contents tbody.totals .order-total td {
		font-size: 13px;
		font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
	}

/* Cart / banners
******************/
#cart-campaign-list {
	border: 1px #9d9d9d solid;
	padding: 10px 10px 6px 14px;
	font-size: 12px;
	margin-bottom: 40px;
	margin-left: 0px;
	font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
}
	#cart-campaign-list * {
		display: inline;
		letter-spacing: 1px;
	}
	#cart-campaign-list img {
		vertical-align: middle;
		margin-top: -2px;
	}
	#cart-campaign-list h3 {

	}
	#cart-campaign-list p {
		color: #a6a6a6;
	}

/* Cart / misc items
*********************/
#cart-misc-items {
    margin-bottom: 10px;
    text-align: right;
}
#cart-misc-items .input-row
{
	margin:0;
}

/*	#cart-misc-items div {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display: inline;
		width: 50%;
	}*/
	#cart-misc-items #right-misc {
		text-align:right;
	}
	#left-misc a {
		display:block;
		font-size:10px;
		text-transform:none;
		line-height:14px;
	}
	#left-misc img {
		border:1px solid #9D9D9D;
		float:right;
		margin-left:4px;
	}
	#left-misc strong {
		font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
		text-decoration:underline;
	}
	#checkout-code-show-form {
	    border: medium none;
	    font-family: "FontSiteSansExtended",Helvetica,Arial,Verdana,Sans-serif;
	    height: auto;
	    letter-spacing: 1px;
	    margin: 0;
	    padding: 0 4px;
	    vertical-align: middle;
	}
	#checkout-code-form {
		padding-left:30px;
	}
	#checkout-code {
		width: 135px !important;
	}

/* Customer prerequisites
**************************/
#customer-prerequisites {
	margin-bottom: 15px;
}
	#country-selector {
	}
	.login-password {
		height: auto !important;
		margin-bottom: 10px;
	}
	#login-password, #ssn {
		width: 188px !important;
	}
	#do-login, #do-ssn-check, #submit-checkout-code {
		background: url("/static/images/arrow-right-19x19.png") no-repeat scroll 1px 1px #FFFFFF;
		border-color: #ccc;
		border-style: solid;
		border-width: 1px 1px 1px 0;
		height: 22px;
		line-height: 22px;
		padding: 0;
		vertical-align: middle;
		width: 22px;
	}
	#login-message {
		margin-top: -13px;
	}
	.hint, .wrong-password, #form-error-message {
		display: block;
		line-height: 15px;
		width: 341px;
		margin-top: 13px;
		padding: 10px;
	}
	.hint {
		background: #eee;
	}
	.hint a {
		text-decoration:underline;
	}
	.wrong-password, #form-error-message {
		background: #f88;
	}
	.wrong-password,
	.login-password,
	#login-message,
	#form-error-message,
	#new-password-container,
	#select-address-container,
	#select-kreditor-address-container {
		display: none;
	}
	#choose-password {
		width: 220px;
	}

/* Cart
********/
#cart {
	letter-spacing:-4px;
	margin-bottom: 20px;
	position: relative;
}
	#cart button {
		cursor: pointer;
		vertical-align: middle;
	}
	#cart #process-order {
		border: 1px #9d9d9d solid;
	}
	.cart-view #left-menu a.hover {
		opacity: 1;
	}
	#cart .input-row.checkbox {
		height: auto;
		margin: 0;
		margin-bottom: 12px;
	}
	#cart .input-row.checkbox span {
		margin: 0;
		width: auto;
		float: right;
		position: relative;
		top: -6px;
		margin-left: 5px;
	}
	#cart .input-row.checkbox label {
		margin: 0;
		display: block;
		width: auto;
		text-align: right;
		padding-top: 0;
	}
	#cart #please-accept-terms {
		margin-bottom: 12px;
		color: #c44;
	}
	#cart-process-error {
		background-color: #eee;
		color: #CC4444;
		display: block;
		margin-bottom: 16px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
	}

/* Cart / Details
******************/
#order-options,
#order-details {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	letter-spacing:1px;
}
#order-options {
	width: 418px;
}
	#order-options h3,
	#order-details h3 {
		margin-bottom: 20px;
	}
	#order-options h4 {
	}
	#order-options hr,
	#order-details hr {
		display: none;
	}
#order-details {
	border-left: 1px solid #9d9d9d;
	padding-left: 42px;
	width: 375px;
}

/* Payment/Shipping methods
****************************/
#payment-methods {
	margin-bottom: 15px;
}
	#payment-methods button.dimmed,
	#shipping-methods button.dimmed {
		opacity: 0.5;
		filter: alpha(opacity = 50);
	}
	#shipping-methods .description,
	#payment-methods .description {
		color:#666666;
		display:none;
		font-size:10px;
		line-height:11px;
		margin-top:10px;
		text-transform:none;
		width:298px;
	}
	#shipping-methods div.selected,
	#payment-methods div.selected {
		display: block !important;
	}
	#payment-methods button.dimmed:hover,
	#shipping-methods button.dimmed:hover {
		outline: 2px solid #22BB22;
	}
	#payment-methods button.selected {
		border:0 none;
		outline:2px solid #22BB22;
	}
	#shipping-methods button {
		border: none !important;
	}
	#payment-methods button,
	#shipping-methods button {
		background-position:center 0;
		background-repeat:no-repeat;
		border:0 none;
		height:50px;
		margin-right:5px;
		margin-bottom:5px;
		outline:1px solid #9D9D9D;
		padding:0;
		width:99px;
	}
	#payment-method-paymentProvider-dibs-visa {
		background: url(/static/images/logo-visa.png);
	}
	#payment-method-paymentProvider-kreditor {
			background: url(/static/images/logo-kreditor.png);
	}
	#payment-method-paymentProvider-klarna-campaign {
			background: url(/static/images/logo-klarna-campaign.png);
	}
	#payment-method-paymentProvider-dibs-amex {
			background: url(/static/images/logo-amex.png);
	}
	#shipping-method-shippingProvider-ups,
	#shipping-method-shippingProvider-ups-norway {
			background: url(/static/images/logo-ups.png);
	}
	#shipping-method-shippingProvider-dhl {
			background: url(/static/images/logo-dhl.png);
	}

/* Cart totals
***************/
#order-totals {
	margin-right: 15px;
	padding: 20px 0 10px;
}
	#cart-totals {
		list-style: none;
		margin-left: 0px;
		text-align: right;
	}
	#cart-totals li {
		letter-spacing:-4px;
	}
	#cart-totals .label,
	#cart-totals .total {
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
		letter-spacing:1px;
	}
	#cart-totals .label {
		font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
		width: 175px;
	}
	#cart-totals .total {
		width: 125px;
	}
	#cart-totals .vat {
	}
	#cart-totals #grand-total {
		font-size: 14px;
		font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
	}

/* Cart subscribables
**********************/
#order-details .checkbox-row span {
	width:130px;
}

/* Cart process
****************/
#process-order-container {
	margin-right: 15px;
	margin-top: 15px;
	text-align: right;
}
#processing-order-container {
	text-align: right;
	margin-top: 9px;
}

/* Cart helper
***************/
#cart-helper {
	background-color:#ddd;
	margin-left:0px;
	padding:15px 10px;
}
	#cart-helper li {
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
		vertical-align:top;
		width:30%;
	}
	#cart-helper li:first-child {
		width:40% !important;
	}
	#cart-helper li * {
		text-align:center;
	}
	#cart-helper h3 {
		font-size:16px;
		font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
	}
	#cart-helper p {
		color:#333333;
		font-size:11px;
		line-height:14px;
	}
	#cart-helper a {
		text-decoration:underline;
	}

/* EasyTabs
************/
#tab-container ul {
	margin: 0;
	padding: 0;
	letter-spacing: -4px;
	height:25px;
}
#tab-container ul li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	display:block;
	border-style: solid;
	border-color: #000;
	border-width: 1px 0px 0px 1px;
	letter-spacing: 0px;
	float:left;
}
/*#tab-container ul li.last {
	border-width: 1px 1px 0px 1px;
}*/
#tab-container .tab-shopping-info {
	width:115px;
}
#tab-container .tab-care-guide {
	width:88px;
}
#tab-container .tab-need-help {
	width:87px;
	border-right:1px solid black;
}


#tab-container ul li a {
	display: block;
	padding: 5px;
	outline: none;
}
#tab-container ul li a:hover {
	text-decoration: underline;
}
#tab-container ul li.active {
}
#tab-container ul li a.active {
	font-family: "FontSiteSansBoldExtended", Helvetica, Arial, Verdana, Sans-serif;
}
#tab-container .panel-container {
	border: solid 1px;
	padding: 0 10px;
}
#tab-container .tabs-content {
	border: 1px solid #000;
	padding: 5px 10px;
}

/* Selectmenu
----------------------------------*/
.ui-selectmenu {
	background-color: #fff;
	border: 1px solid #ccc;
	display: block;
	display: inline-block;
	font-family: "FontSiteSansExtended", Helvetica, Arial, Verdana, Sans-serif;
	height: 20px;
	position: relative;
	vertical-align: middle;
	text-decoration: none;
	overflow: hidden;
	zoom: 1;
}
.ui-selectmenu-icon {
	background-image: url("/static/images/arrow-down.png");
	background-position: 0px -3px;
	border-left: 1px solid #ccc;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	width: 33px;
}
.ui-selectmenu-menu {
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: 0px;
	font-family: "FontSiteSansExtended", Helvetica, Arial, Verdana, Sans-serif;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	overflow: auto;
	top: 0;
	visibility: hidden;
	z-index: 1005;
} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-open {
	visibility: visible;
}
.ui-selectmenu-menu-popup {
	margin-top: -1px;
}
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li {
	border-top: 1px dotted transparent;
	border-bottom: 1px dotted transparent;
	border-right-width: 0 !important;
	border-left-width: 0 !important;
	display: block;
	font-weight: normal !important;
	margin:0;
	padding:0;
	text-transform: uppercase;
}
.ui-selectmenu-menu li a, .ui-selectmenu-status {
	color: #000000;
	display: block;
	font-size: 10px;
	line-height: 1.0em;
	outline: medium none;
	padding: 0.6em 0.8em;
	text-decoration: none;
}
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
	padding-left: 20px;
	position: relative;
	margin-left: 5px;
}
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
	position: absolute;
	top: 1em;
	margin-top: -8px;
	left: 0;
}
.ui-selectmenu-status {
}
.cart-view .ui-selectmenu-status {
	background-color:#fff;
	/*color: #99865E;*/
}
.ui-selectmenu-open li.ui-selectmenu-item-focus a {
	background-color:#e4e4e4;
}
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-open li.ui-selectmenu-item-selected a { }
.ui-selectmenu-menu li span,
.ui-selectmenu-status span {
	display:block; margin-bottom: .2em;
}
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; filter: alpha(opacity = 80) !important;}
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }

/* Selectmenu end
----------------------------------*/

/* fancybox override */
#fancybox-content h1.main-title {
	margin-top:0px;
}

/*
 * Non-semantic helper classes: please define your styles before this section.
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; 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; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/*
 * media queries for responsive design
 * these follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */

/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

@media only screen and (min-width: 1212px) {

}

/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {

}

/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

@media only screen and (max-width: 479px) {

}
/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

