/* =Reset
============================================================================== */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	outline: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    
    /* HTML5 display-role reset for older browsers */
    
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    table { border-collapse: collapse; border-spacing: 0; }

    /* clear fix */

    .clearfix {
    	*zoom: 1;
    	}
    	
    .clearfix:before,
    .clearfix:after {
    	display: table;
    	content: "";
    	}
    	
    .clearfix:after {
    	clear: both;
    	}
    	
    .sprite-about { background-image: url(../img/sprite-about.png); background-repeat: no-repeat; }

/* =Global
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */
		
		body {
			font: 14px/1.5 Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			background: url(../img/noise-light.jpg) 50% 0 repeat;
			color: #6e6e6e;
			}
			
	/* Text
	-------------------------------------------------------------------------- */
		
		p, ul, ol, dl, pre {
			margin-bottom: 15px;
			}
			
		h1, h2, h3, h4 {
			margin-bottom: 15px;
			color: #242424;
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			font-weight: 400;
			}
						
		h1 { font-size: 32px; line-height: 1.1; }
		h2 { font-size: 26px; line-height: 1.2; }
		h3 { font-size: 20px; line-height: 1.3; }
		h4 { font-size: 14px; line-height: 1.4; font-weight: 700; }
		
		/* main title */
		
		h1.mainTitle {
			margin: 0 0 30px 0;
			padding-bottom: 30px;
			border-bottom: 1px solid #ececec;
			}
			
		* + h1.mainTitle { margin-top: 40px; }
		
		/* strong/em */
			
		strong { font-weight: 700; }
		em { font-style: italic; }
		
		/* lists */
		
		ol {
			margin-left: 15px;
			list-style: decimal;
			}
		
		ul.indent {
			margin-left: 20px;
			}
		
		ul.bullets {
			margin-left: 20px;
			list-style: disc;
			}
			
		/* arrow list */
		
		.arrowList li {
			padding: 0 0 10px 21px;
			position: relative;
			}
			
		.arrowList li:before {
			content: "";
			width: 11px;
			height: 8px;
			margin: 0 10px 1px 0;
			background: url(../img/sprite-icons.png) -42px -93px no-repeat;
			display: block;
			position: absolute;
			top: 6px;
			left: 0;
			}
			
		/* links */
			
		a, a:visited { color: #36b3d5; text-decoration: none; }			
		a:hover { text-decoration: underline; }
		
		/* text colors */
		
		.redText { color: #e04b27 !important; }
		.orangeText { color: #ed2e61 !important; }
		.greenText { color: #49b649 !important; }
	
	/* Sprites
	-------------------------------------------------------------------------- */

		.spriteIcons {
			background-image: url(../img/sprite-icons.png);
			background-repeat: no-repeat;
			}
			
	/* Buttons
	-------------------------------------------------------------------------- */		
		
		/* default state and shape */
		
		.btnBlue, .btnBlue:visited, .btnDarkBlue, .btnDarkBlue:visited, .btnGrey, .btnGrey:visited {
			padding: 0 20px;
			font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			text-align: center;
			text-decoration: none !important;
			border: 0;
	    	float: left;
			}
			
		/* colors */
		
		.btnBlue, .btnBlue:visited {
			height: 40px;
			line-height: 40px;
			color: #fff;
			font-size: 18px;
			border: 1px solid #0e81ae;
			background-color: #46b5e1;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(70, 181, 225)), to(rgb(58, 168, 213)));
			background-image: -webkit-linear-gradient(top, rgb(70, 181, 225), rgb(58, 168, 213));
			background-image: -moz-linear-gradient(top, rgb(70, 181, 225), rgb(58, 168, 213));
			background-image: -o-linear-gradient(top, rgb(70, 181, 225), rgb(58, 168, 213));
			background-image: -ms-linear-gradient(top, rgb(70, 181, 225), rgb(58, 168, 213));
			background-image: linear-gradient(top, rgb(70, 181, 225), rgb(58, 168, 213));
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
	    	        border-radius: 5px;
	    	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			}
			
		.btnBlue:hover { background: #46b5e1; cursor: pointer; }
		
		.btnDarkBlue, .btnDarkBlue:visited {
			height: 40px;
			line-height: 40px;
			color: #fff;
			font-size: 18px;
			border: 1px solid #395191;
			background-color: #4b67aa;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(75, 103, 170)), to(rgb(59, 87, 152)));
			background-image: -webkit-linear-gradient(top, rgb(75, 103, 170), rgb(59, 87, 152));
			background-image: -moz-linear-gradient(top, rgb(75, 103, 170), rgb(59, 87, 152));
			background-image: -o-linear-gradient(top, rgb(75, 103, 170), rgb(59, 87, 152));
			background-image: -ms-linear-gradient(top, rgb(75, 103, 170), rgb(59, 87, 152));
			background-image: linear-gradient(top, rgb(75, 103, 170), rgb(59, 87, 152));
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
	    	        border-radius: 5px;
	    	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			}
			
		.btnDarkBlue:hover { background: #4b67aa; cursor: pointer; }
		
		.btnGrey, .btnGrey:visited {
			height: 40px;
			line-height: 40px;
			color: #000;
			font-size: 18px;
			border: 1px solid #c7c7c7;
			border-bottom-color: #b1b1b1;
			background-color: #e9e9e9;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(225, 225, 225)));
			background-image: -webkit-linear-gradient(top, rgb(233, 233, 233), rgb(225, 225, 225));
			background-image: -moz-linear-gradient(top, rgb(233, 233, 233), rgb(225, 225, 225));
			background-image: -o-linear-gradient(top, rgb(233, 233, 233), rgb(225, 225, 225));
			background-image: -ms-linear-gradient(top, rgb(233, 233, 233), rgb(225, 225, 225));
			background-image: linear-gradient(top, rgb(233, 233, 233), rgb(225, 225, 225));
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
	    	        border-radius: 5px;
	    	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			}
			
		.btnGrey:hover { background: #e9e9e9; cursor: pointer; }
		
		/* active states */
		
		.btnBlue:active, .btnDarkBlue:active, .btnGrey:active {
			border-bottom-color: transparent;
			-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
			   -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
			        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
			}
			
		/* form buttons */

		button.btnBlue, button.btnDarkBlue, button.btnGrey {
			white-space: nowrap;
			cursor: pointer;
			overflow: visible;
			}
			
		button.btnBlue, button.btnDarkBlue, button.btnGrey { height: 42px; }
				
	/* Forms
	-------------------------------------------------------------------------- */

		/* textareas and text inputs */
		
		textarea {
			line-height: 1.3;
			resize: none;
			}

		textarea, input, button {
			margin: 0;
			padding: 0;
		    font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
		    outline: 0;
		    }
		    
		textarea, input[type=text], input[type=password], input[type=email] {
			padding: 10px;
			color: #4c4c4c;
			font-size: 17px;
			background: #fcfcfc;
			border: 1px solid #d5d5d5;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
	    	        border-radius: 4px;
			-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.075);
			   -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.075);
			        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.075);
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus {
			border-color: #73d9f5 !important;
			}
			
		textarea { vertical-align: top; }
			
		::-webkit-input-placeholder  { color: #d9dbe0; }
		input:-moz-placeholder { color: #d9dbe0; }
		input:-ms-input-placeholder { color: #d9dbe0; }
			
		/* form buttons */
		
		button::-moz-focus-inner {
		    padding: 0;
		    border: none;
			}
			
		/* custom select */
		
		.customSelect {
			height: 42px;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
			border-top: 1px solid #e4e4e4;
			border-left: 1px solid #dadada;
			border-right: 1px solid #dadada;
			border-bottom: 1px solid #cbcbcb;
			background: #fff;
			overflow: hidden;
			float: left;
			position: relative;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
	    	        border-radius: 4px;
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		.customSelect:hover { background: #f4f4f6; }
		
		.customSelect:focus, .customSelect:active {
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
			        box-shadow: none;
			}
			
		.customSelect:after {
			content: "";
			width: 10px;
			height: 6px;
			background: url(../img/sprite-icons.png) 0 -23px no-repeat;
			display: block;
			position: absolute;
			top: 18px;
			right: 10px;
			z-index: 0;
			}
		
		.customSelect select {
			width: 100%;
			height: 42px;
			padding: 0 30px 0 10px;
			color: #242424;
			font-size: 14px;
			border: 0;
			background: transparent;
			outline: none;
			cursor: pointer;
			-webkit-appearance: none;
			   -moz-appearance: window;
			     -o-appearance: window;
				    appearance: none;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			position: relative;
			z-index: 1;
			}

		noindex:-o-prefocus, .customSelect select { width: 120%; padding-right: 15px; } /* target Opera */
		
		@-moz-document url-prefix() { /* target Firefox */
		
			.customSelect select { padding-top: 10px; }
		
		}
		
		@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* target IE10 */
			
			.customSelect select { padding-right: 5px; }
			.customSelect:after { display: none; }
		
		}
		
		/* titles */
		
		form h1, form h2, form h3, form h4 { font-weight: 700; }
		
		/* errors */
		
		input.error, textarea.error, input.error:focus, textarea.error:focus {
			border-color: #ce2c2c !important;
			}
			
		label.error {
			width: 100% !important;
			padding: 3px 0 0 90px !important;
			color: #ce2c2c;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		.errorMsg {
			width: 100%;
			margin: 0 0 20px 0;
			padding: 10px 20px;
			color: #ce2c2c !important;
			font-size: 13px !important;
			border: 2px solid #ce2c2c;
			background: #ffe1e1;
			float: left;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
	    	        border-radius: 3px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		.warning { color: #ce2c2c !important; }
						
	/* Common
	-------------------------------------------------------------------------- */
		
		/* wrapper */
		
		.wrapper {
			max-width: 980px;
			margin: 0 auto;
			padding-left: 5% !important;
			padding-right: 5% !important;
			position: relative;
			}
			
		/* noise */
		
		.noiseDark {
			border-top: 1px solid #d9d9d9;
			border-bottom: 1px solid #d9d9d9;
			background: url(../img/noise-dark.jpg) 50% 0 repeat;
			}
			
		.noiseDark.shadow {
			border-top: 1px solid #bebebe;
			background: url(../img/shadow-x.png) 0 0 repeat-x, url(../img/noise-dark.jpg) 50% 0 repeat;
			-webkit-box-shadow: 0 1px 0 #fff;
			   -moz-box-shadow: 0 1px 0 #fff;
					box-shadow: 0 1px 0 #fff;
			}
			
		/* raisded white block */
			
		.raisedBlock {
			background: #fff;
			border: 1px solid #d5d5d5;
			-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
			}
			
		/* inset block */
		
		.insetBlock {
			border-top: 1px solid #c6c6c6;
			border-left: 1px solid #e1e1e1;
			border-right: 1px solid #e1e1e1;
			background: url(../img/noise-dark.jpg) 50% 0 repeat;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
	    	        border-radius: 3px;
	    	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
			   -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
			        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
			}
		
		/* hide */
		
		.hidden {
			display: none;
			}
			
		/* float left or right */
		
		.floatLeft { margin: 0 20px 10px 0; float: left; }
		.floatRight { margin: 0 0 10px 20px; float: right; }
			
		/* center text */ 
		
		.centerText { text-align: center; }
			
		/* center button */ 
		
		.centerButton { 
			float: left;
			position: relative;
			left: 50%;
			}
			
		.centerButton a, .centerButton button {
			position: relative;
			left: -50%;
			}
			
		/* vertically center content */
			
		.verticalCenter {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			   -moz-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
				 -o-transform: translateY(-50%);
				 	transform: translateY(-50%);
			}
			
/* =Header
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
		
		#header {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 4;
			}
			
		@media (max-height: 600px) {
			#header {
				position: relative;
				}
		}
			
		#header.shadow {
			-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.07);
			   -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.07);
					box-shadow: 0 5px 10px rgba(0,0,0,0.07);
			}
			
		#header .noiseDark.shadow { background: url(../img/shadow-x.png) 0 -3px repeat-x, url(../img/noise-dark.jpg) 50% 0 repeat; }
			
		#header .noiseDark.shadow .wrapper {
			padding: 8px 0;
			}
	
	/* Blue Bar
	-------------------------------------------------------------------------- */
			
		#blueBar {
			background: #2caddf;
			}
			
		#blueBar .wrapper {
			padding: 5px 0;
			color: #fff;
			font-size: 15px;
			font-weight: 600;
			}
			
		/* ticker */
		
		#ticker {
			margin: 0;
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			text-align: center;
			position: relative;
			z-index: 0;
			}
			
		#ticker li {
			display: none;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			}
			
		#ticker li:first-child { display: block; }
		
		#ticker a, #ticker a:visited {
			color: #fff;
			margin-bottom: -1px;
			border-bottom: 1px solid #fff;
			}
			
		#ticker a:hover {
			margin-bottom: 0;
			border-bottom: 0;
			text-decoration: none;
			}
				
	/* Top Bar
	-------------------------------------------------------------------------- */
	
		#topBar {
			padding: 0 5%;
			background: #fff;
			}
			
		#header.shadow #topBar { border-bottom: 1px solid #d9d9d9; }
		
	/* Top Nav
	-------------------------------------------------------------------------- */
			
		#topNav {
			float: right;
			}
			
		#topNav ul {
			margin: 23px 0 20px 0;
			}
			
		#topNav li {
			padding-left: 30px;
			float: left;
			}
			
		#topNav a, #topNav a:visited {
			color: #000;
			font-size: 16px;
			}
			
		#topNav em {
			font-style: normal;
			}
			
		/* search link */
		
		#topNav a#toggleNav, #topNav a#toggleNav:visited {
			margin-right: 30px;
			position: relative;
			z-index: 0;
			}
		
		#topNav a#toggleNav:before, #topNav a#toggleNav:after { /* doubled to darken the PNG icon */
			content: "";
			width: 20px;
			height: 20px;
			background: url(../img/sprite-icons.png) -151px -67px no-repeat;
			display: block;
			position: absolute;
			top: -2px;
			right: -30px;
			}
			
	/* Logo
	-------------------------------------------------------------------------- */
	
		a#logo, a#logo:visited {
			width: 230px;
			height: 34px;
			margin: 22px 0 18px 0;
			text-indent: -9999px;
			background: url(../img/logo.svg) 0 0 no-repeat;
			background-size: 100% auto;
			float: left;
			overflow: hidden;
			opacity: 1;
			-webkit-transition: opacity .12s linear;
			   -moz-transition: opacity .12s linear;
			     -o-transition: opacity .12s linear;
			    -ms-transition: opacity .12s linear;
			        transition: opacity .12s linear;
			}
			
		a#logo:hover { opacity: 0.55; }
		
	/* Search
	-------------------------------------------------------------------------- */
		
		#search {
			float: left;
			position: relative;
			}
	
		#search input {
			width: 460px;
			height: 40px;
			padding: 7px 10px 7px 60px;
			font-size: 20px;
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			border: 1px solid #d9d9d9;
			background: #fff url(../img/sprite-icons.png) -136px -57px no-repeat;
			position: relative;
			z-index: 4;
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
			        box-shadow: none;
			}
			
		/* autocomplete */
		
		#search .ui-helper-hidden-accessible { display: none; }
		
		#search .ui-autocomplete {
			max-height: 503px;
			padding-top: 3px;
			border: 1px solid #b8b8b8;
			background: #fff;
			overflow: auto;
			position: absolute;
			top: 37px !important;
			z-index: 3;
			-webkit-border-radius: 0 0 3px 3px;
			   -moz-border-radius: 0 0 3px 3px;
	    	        border-radius: 0 0 3px 3px;
	    	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			}
			
		#search .ui-autocomplete li { cursor: pointer; }
		
		#search .ui-autocomplete a, #search .ui-autocomplete a:visited {
			padding: 7px 10px;
			border-top: 1px solid #ededed;
			display: block;
			}
			
		#search .ui-autocomplete li:first-child a { border: 0; }
		
		#search .ui-autocomplete a:hover, #search .ui-autocomplete a.ui-state-focus {
			background: #f6f6f6;
			}
			
	/* Primary Navigation
	-------------------------------------------------------------------------- */
		
		#navBar {
			display: none;
			padding: 2px 0;
			}
			
		#navBar.noiseDark.shadow {
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;
			}
		
		/* toggle, call, email buttons */
		
		#primaryNav > a, #primaryNav > a:visited {
			width: 100%;
			height: 36px;
			padding: 0;
			line-height: 36px;
			display: none;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
		
		#primaryNav > a.btnGrey { width: 49%; margin: 5px 0; }
		#primaryNav > a.btnGrey + a.btnGrey { float: right; }
			
		/* main nav link list */
		
		#primaryNav > ul {
			margin: -5px 0;
			float: right;
			}
			
		#primaryNav > ul > li {
			margin-top: 9px;
			height: 32px;
			float: left;
			border-right: 1px solid #d5d5d5;
			position: relative;
			}

		#primaryNav > ul > li:first-child { position: static; } /* required to let categories menu be relative to .wrapper */

		#primaryNav > ul > li:first-child:hover:after, #primaryNav > ul > li:first-child:hover:before {
			content: " ";
			width: 0;
			height: 0;
			border: solid transparent;
			pointer-events: none;
			position: absolute;
			}
		
		#primaryNav > ul > li:first-child:hover:after {
			margin: -16px 0 0 51px;
			border-color: rgba(255, 255, 255, 0);
			border-bottom-color: #fff;
			border-width: 8px;
			}
			
		#primaryNav > ul > li:first-child:hover:before {
			margin: 23px 0 0 50px;
			border-color: rgba(223, 223, 223, 0);
			border-bottom-color: #adadad;
			border-width: 9px;
			}

		#primaryNav > ul > li > a, #primaryNav > ul > li > a:visited {
			width: 115px;
			height: 50px;
			margin-top: -9px;
			padding: 0 0 0 10px;
			color: #000;
			font-size: 16px;
			line-height: 52px;
			display: block;
			position: relative;
			z-index: 2;
			}
			
		#primaryNav > ul > li > a:after {
			content: "";
			width: 10px;
			height: 6px;
			background: url(../img/sprite-icons.png) 0 -23px no-repeat;
			display: block;
			position: absolute;
			top: 23px;
			right: 10px;
			}
		
		/* by color */
		
		.byColor span { color: #bd2500; }
		.byColor span + span { color: #b36f00; }
		.byColor span + span + span { color: #3c9415; }
		.byColor span + span + span + span { color: #005ea0; }
		.byColor span + span + span + span + span { color: #9100c1; }
		
		/* drop menu */
		
		#primaryNav .centerMenu {
			height: 0;
			position: absolute;
			top: 40px;
			right: 50%;
			display: none;
			}
			
		#primaryNav .centerMenu ul {
			margin-left: 50%;
			padding: 8px 15px;
			white-space: nowrap;
			border: 1px solid #b8b8b8;
			background: #fff;
			float: left;
			-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			}
			
		html.no-touch #primaryNav > ul > li:hover > .centerMenu { display: block; }
		
		#primaryNav .centerMenu ul a, #primaryNav .centerMenu ul a:visited {
			padding-right: 25px;
			color: #07a1cb;
			font-size: 13px;
			line-height: 27px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			display: block;
			position: relative;
			}
			
		#primaryNav .centerMenu ul a:after {
			content: "";
			width: 7px;
			height: 11px;
			margin-top: -6px;
			background: url(../img/sprite-icons.png) -62px -106px no-repeat;
			display: block;
			position: absolute;
			top: 50%;
			right: 0;
			opacity: 0.3;
			}
			
		#primaryNav .centerMenu ul a:hover { color: #0989ac; text-decoration: none; }
		#primaryNav .centerMenu ul a:hover:after { opacity: 1; }

		#primaryNav .centerMenu:after, #primaryNav .centerMenu:before {
			content: " ";
			width: 0;
			height: 0;
			margin-bottom: -1px;
			border: solid transparent;
			pointer-events: none;
			position: absolute;
			bottom: 100%;
			}
		
		#primaryNav .centerMenu:after {
			margin-left: -8px;
			border-color: rgba(255, 255, 255, 0);
			border-bottom-color: #ffffff;
			border-width: 8px;
			left: 100%;
			}
			
		#primaryNav .centerMenu:before {
			margin-left: -9px;
			border-color: rgba(223, 223, 223, 0);
			border-bottom-color: #adadad;
			border-width: 9px;
			left: 100%;
			}

		/* categories menu */
		
		#categoriesFilter {
			width: 980px;
			margin-left: -490px;
			background: #fff;
			border: 1px solid #b8b8b8;
			display: none;
			position: absolute;
			top: 52px;
			left: 50%;
			-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
			   -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
			        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
			}
			
		html.no-touch #primaryNav > ul > li:hover > #categoriesFilter { display: block; }

		#categoriesFilter > ul {
			width: 250px;
			margin: 0;
			border-right: 1px solid #e0e0e0;
			background: url(../img/shadow-y.png) 243px 0 repeat-y, #f7f7f7;
			float: left;
			}
			
		#categoriesFilter > ul > li > a, #categoriesFilter > ul > li > a:visited {
			padding: 11px 12px 10px 12px;
			border-bottom: 1px solid #efefef;
			display: block;
			position: relative;
			}
			
		#categoriesFilter > ul > li > a:hover, #categoriesFilter > ul > li > a.selected {
			text-decoration: none;
			background: url(../img/shadow-y.png) 243px 0 repeat-y, #fff;
			}
			
		#categoriesFilter > ul > li > a:after {
			content: "";
			width: 12px;
			height: 20px;
			margin-top: -9px;
			background: url(../img/sprite-icons.png) -17px -51px no-repeat;
			display: block;
			position: absolute;
			top: 50%;
			right: 10px;
			}
			
		#categoriesFilter > ul > li > a:hover:after, #categoriesFilter > ul > li > a:hover:before, #categoriesFilter > ul > li > a.selected:after, #categoriesFilter > ul > li > a.selected:before {
			content: " ";
			border: solid transparent;
			height: 0;
			width: 0;
			position: absolute;
			right: -1px;
			pointer-events: none;
			}
		
		#categoriesFilter > ul > li > a:hover:after, #categoriesFilter > ul > li > a.selected:after {
			background: none;
			border-color: rgba(255, 255, 255, 0);
			border-right-color: #ffffff;
			border-width: 7px;
			top: 50%;
			margin-top: -7px;
			}
			
		#categoriesFilter > ul > li > a:hover:before, #categoriesFilter > ul > li > a.selected:before {
			border-color: rgba(224, 224, 224, 0);
			border-right-color: #e0e0e0;
			border-width: 8px;
			top: 50%;
			margin-top: -8px;
			}
			
		/* sub-categories menu */

		#categoriesFilter .subCategories {
			background: #fff;
			position: absolute;
			top: 0;
			right: 0;
			left: 251px;
			bottom: 0;
			display: none;
			}
			
		#categoriesFilter li a.selected + .subCategories { display: block; }
			
		#categoriesFilter .subCategories h3 {
			margin: 0;
			padding: 20px 20px 11px 20px;
			}
			
		#categoriesFilter .subCategories ul {
			width: 243px;
			float: left;
			}
	
		#categoriesFilter .subCategories a, #categoriesFilter .subCategories a:visited {
			margin: 9px 9px 0 9px;
			padding: 18px 20px 18px 10px;
			border: 1px solid #e8e8e8;
			display: block;
			position: relative;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
	    	        border-radius: 3px;
	    	-webkit-transition: all .1s linear;
			   -moz-transition: all .1s linear;
			     -o-transition: all .1s linear;
			    -ms-transition: all .1s linear;
			        transition: all .1s linear;
			}
			
		#categoriesFilter .subCategories a:hover {
			border-color: #ccc;
			background: #f7f7f7;
			text-decoration: none;
			}
			
		 #categoriesFilter .subCategories a:after {
			content: "";
			width: 7px;
			height: 11px;
			margin-top: -5px;
			background: url(../img/sprite-icons.png) -62px -106px no-repeat;
			display: block;
			position: absolute;
			top: 50%;
			right: 8px;
			opacity: 0.3;
			}

/* =Content
============================================================================== */			
	
	/* Base
	-------------------------------------------------------------------------- */
		
		.main {
			position: relative;
			z-index: 1;
			}
		
		.main .wrapper {
			padding: 50px 0;
			}
			
		/* 2 col layout */
		
		.twoCol article, .twoCol aside {
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
		
		.twoCol article {
			width: 75%;
			padding-right: 30px;
			float: left;
			}
			
		.twoCol aside {
			width: 25%;
			padding: 20px;
			float: right;
			}
			
		.twoCol aside h4 { margin: 0; }

	/* Thumbnails - used to show Featured Items, New Arrivals, Related Items, etc.
	-------------------------------------------------------------------------- */
		
		.thumbnails {
			padding-top: 20px;
			clear: both;
			}
		
		.thumbnails li {
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		.thumbnails.medium { margin: 0 -10px; }
		.thumbnails.medium li { width: 20%; min-width: 230px; padding: 0 10px; }

		.thumbnails.large { margin: 0 -10px; }
		.thumbnails.large li { width: 25%; padding: 0 10px; }
		
		.thumbnails a, .thumbnails a:visited {
			width: 100%;
			margin: 0;
			font-size: 0; /* fixes gap below img */
			border: 1px solid #d5d5d5;
			border-bottom-color: #808080;
			display: block;
			position: relative;
			overflow: hidden;
			-webkit-transition: all .1s linear;
			   -moz-transition: all .1s linear;
			     -o-transition: all .1s linear;
			    -ms-transition: all .1s linear;
			        transition: all .1s linear;
			-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			}
			
		.thumbnails a:hover {
			margin-top: -2px;
			margin-bottom: 2px;
			-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.27);
			   -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.27);
			        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.27);
			}
			
		.thumbnails a img {
			width: 100%;
			height: auto;
			position: relative;
			z-index: 1;
			}
			
		.thumbnails a strong {
			padding: 10px;
			color: #fff;
			background: rgba(0,0,0,0.415);
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 2;
			}
			
		.thumbnails a strong em {
			color: #ddd;
			font-style: normal;
			display: block;
			}
			
		.thumbnails.medium a strong { padding: 5px 10px; }
		.thumbnails.medium a strong, .thumbnails.large a strong em { font-size: 11px; }

		.thumbnails.large a strong { font-size: 14px; }
		.thumbnails.large a strong em { font-size: 12px; }

		/* featured */
		
		.featured {
			width: 200px;
			height: 18px;
			color: #fff;
			font-size: 9px;
			font-weight: 700;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 1px;
			line-height: 18px;
			background: #405da9;
			display: block;
			position: absolute;
			top: 15px;
			left: -75px;
			z-index: 2;
			-webkit-transform: rotate(-45deg);
			   -moz-transform: rotate(-45deg);
			     -o-transform: rotate(-45deg);
			    -ms-transform: rotate(-45deg);
					transform: rotate(-45deg);
			}
			
		#heroCarousel .featured {
			top: 25px;
			left: -65px;
		}

		/* view all */
		
		a.viewAll, a.viewAll:visited {
			font-size: 16px;
			text-decoration: underline;
			position: relative;
			top: 7px;
			float: right;
			}
			
		a.viewAll:hover { text-decoration: none; }
			
		a.viewAll:after {
			content: "";
			margin: 4px 0 0 10px;
			width: 17px;
			height: 11px;
			background: url(../img/sprite-icons.png) -13px -23px no-repeat;
			float: right;
			}
			
	/* "New" & "Sale" tags
	-------------------------------------------------------------------------- */
		
		.new:before, .sale:before {
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 1px;
			}
			
		.new:before {
			content: "New";
			border-top: 1px solid #f26289;
			background: #ed2e61;			
			}
			
		.sale:before {
			content: "Sale";
			border-top: 1px solid #77c877;
			background: #49b649;
			}
		
		/* thumbnails */
		
		.thumbnails a strong em.new:before, .thumbnails a strong em.sale:before {
			margin: 2px 5px 0 0;
			padding: 1px 3px 0 3px;
			font-size: 8px;
			float: left;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
	    	        border-radius: 3px;
			}
		
		/* view item */
		
		#item header h2 strong.new:before, #item header h2 strong.sale:before {
			margin: 3px 0 0 15px;
			padding: 4px 7px 5px 7px;
			font-size: 12px;
			float: right;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
	    	        border-radius: 4px;
			}

	/* Color Chooser
	-------------------------------------------------------------------------- */
		
		/* base */
		
		.chooseColor {
			float: left;
			}
		
		.chooseColor li { float: left; }
		
		.chooseColor a, .chooseColor a:visited {
			width: 25px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			position: relative;
			z-index: 1;
			}
			
		.chooseColor a:hover {
			z-index: 2;
			}
		
		/* main nav color chooser */
		
		#primaryNav .byColor + .centerMenu {
			min-width: 347px;
			}
		
		#primaryNav .centerMenu ul.chooseColor {
			width: 472px;
			padding: 10px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#primaryNav .centerMenu ul.chooseColor li {
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			}
		
		#primaryNav .centerMenu ul.chooseColor a, #primaryNav .centerMenu ul.chooseColor a:visited {
			height: 43px;
			padding: 0;
			}
				
		#primaryNav .centerMenu ul.chooseColor a:after { display: none; }
		
		#primaryNav .centerMenu ul.chooseColor a:hover {
			margin: -4px -2px;
			padding: 4px 2px;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			}
			
		/* View Item color chooser */
		
		#itemDetails .chooseColor { width: 100%; }

		#itemDetails .chooseColor li { padding: 0 15px 15px 0; }
		
		#itemDetails .chooseColor a, #itemDetails .chooseColor a:visited {
			height: 25px;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
	    	        border-radius: 0;
			-webkit-transition: border-radius .1s linear;
			   -moz-transition: border-radius .1s linear;
			     -o-transition: border-radius .1s linear;
			    -ms-transition: border-radius .1s linear;
			        transition: border-radius .1s linear;
			}
			
		#itemDetails .chooseColor a:hover {
			margin: -2px;
			padding: 2px;
			}
			
		#itemDetails .chooseColor a.selected {
			-webkit-border-radius: 50%;
			   -moz-border-radius: 50%;
	    	        border-radius: 50%;
			}
		
		#itemDetails .chooseColor a#toThePhotos, #itemDetails .chooseColor a#toThePhotos:visited { display: none; }
		
		#itemDetails .chooseColor a#toThePhotos:hover {
			margin: 0;
			padding: 0;
			background-color: #eee;
			}
			
		#itemDetails .chooseColor a#toThePhotos:before {
			content: "";
			width: 11px;
			height: 7px;
			margin: -3px 0 0 -5px;
			background: url(../img/sprite-icons.png) -58px -93px no-repeat;
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			}
						
		/* ink color */
		
		#colorType li, #colorType li label { float: left; }
		
		#inkColor {
			margin: -11px 10px 0 10px;
			float: left;
			position: relative;
			}

		#inkColor > a, #inkColor > a:visited {
			padding: 7px 30px 7px 7px;
			color: #242424;
			font-size: 14px;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
			border-top: 1px solid #e4e4e4;
			border-left: 1px solid #dadada;
			border-right: 1px solid #dadada;
			border-bottom: 1px solid #cbcbcb;
			background: #fff;
			float: left;
			position: relative;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
	    	        border-radius: 4px;
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

		#inkColor > a:hover { background: #f4f4f6; }
		
		#inkColor > a:focus, #inkColor > a:active {
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
			        box-shadow: none;
			}
			
		#inkColor > a:after {
			content: "";
			width: 10px;
			height: 6px;
			background: url(../img/sprite-icons.png) 0 -23px no-repeat;
			display: block;
			position: absolute;
			top: 18px;
			right: 10px;
			}
			
		#inkColor > a strong {
			width: 25px;
			height: 25px;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
	    	        border-radius: 3px;
	    	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
			   -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
			        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
			}
			
		#inkColor ul.chooseColor {
			width: 425px;
			padding: 10px;
			border: 1px solid #b8b8b8;
			background: #fff;
			display: none;
			position: absolute;
			top: 100%;
			left: -199px;
			z-index: 100;
			-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			}
			
		#inkColor ul.chooseColor li {
			padding: 0;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			}
		
		#inkColor ul.chooseColor a, #inkColor ul.chooseColor a:visited {
			height: 43px;
			padding: 0;
			}
				
		#inkColor ul.chooseColor a:after { display: none; }
		
		#inkColor ul.chooseColor a:hover {
			margin: -2px -4px;
			padding: 2px 4px;
			-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
			}
			
		/* colors */
			
		.chooseColor a.maroon, #inkColor > a strong.maroon {
			background-color: #74181c;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(116, 24, 28)), to(rgb(91, 0, 4)));
			background-image: -webkit-linear-gradient(top, rgb(116, 24, 28), rgb(91, 0, 4));
			background-image: -moz-linear-gradient(top, rgb(116, 24, 28), rgb(91, 0, 4));
			background-image: -o-linear-gradient(top, rgb(116, 24, 28), rgb(91, 0, 4));
			background-image: -ms-linear-gradient(top, rgb(116, 24, 28), rgb(91, 0, 4));
			background-image: linear-gradient(top, rgb(116, 24, 28), rgb(91, 0, 4));
			}
			
		.chooseColor a.red, #inkColor > a strong.red {
			background-color: #d01321;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 19, 33)), to(rgb(183, 0, 13)));
			background-image: -webkit-linear-gradient(top, rgb(208, 19, 33), rgb(183, 0, 13));
			background-image: -moz-linear-gradient(top, rgb(208, 19, 33), rgb(183, 0, 13));
			background-image: -o-linear-gradient(top, rgb(208, 19, 33), rgb(183, 0, 13));
			background-image: -ms-linear-gradient(top, rgb(208, 19, 33), rgb(183, 0, 13));
			background-image: linear-gradient(top, rgb(208, 19, 33), rgb(183, 0, 13));
			}
			
		.chooseColor a.yellow, #inkColor > a strong.yellow {
			background-color: #fefd38;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(254, 253, 56)), to(rgb(229, 228, 42)));
			background-image: -webkit-linear-gradient(top, rgb(254, 253, 56), rgb(229, 228, 42));
			background-image: -moz-linear-gradient(top, rgb(254, 253, 56), rgb(229, 228, 42));
			background-image: -o-linear-gradient(top, rgb(254, 253, 56), rgb(229, 228, 42));
			background-image: -ms-linear-gradient(top, rgb(254, 253, 56), rgb(229, 228, 42));
			background-image: linear-gradient(top, rgb(254, 253, 56), rgb(229, 228, 42));
			}

		.chooseColor a.orange, #inkColor > a strong.orange {
			background-color: #fb7228;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(251, 114, 40)), to(rgb(226, 88, 23)));
			background-image: -webkit-linear-gradient(top, rgb(251, 114, 40), rgb(226, 88, 23));
			background-image: -moz-linear-gradient(top, rgb(251, 114, 40), rgb(226, 88, 23));
			background-image: -o-linear-gradient(top, rgb(251, 114, 40), rgb(226, 88, 23));
			background-image: -ms-linear-gradient(top, rgb(251, 114, 40), rgb(226, 88, 23));
			background-image: linear-gradient(top, rgb(251, 114, 40), rgb(226, 88, 23));
			}

		.chooseColor a.green, #inkColor > a strong.green {
			background-color: #487520;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(72, 117, 32)), to(rgb(47, 92, 9)));
			background-image: -webkit-linear-gradient(top, rgb(72, 117, 32), rgb(47, 92, 9));
			background-image: -moz-linear-gradient(top, rgb(72, 117, 32), rgb(47, 92, 9));
			background-image: -o-linear-gradient(top, rgb(72, 117, 32), rgb(47, 92, 9));
			background-image: -ms-linear-gradient(top, rgb(72, 117, 32), rgb(47, 92, 9));
			background-image: linear-gradient(top, rgb(72, 117, 32), rgb(47, 92, 9));
			}
		.chooseColor a.lime, #inkColor > a strong.lime {
			background-color: #85d041;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(133, 208, 65)), to(rgb(110, 185, 43)));
			background-image: -webkit-linear-gradient(top, rgb(133, 208, 65), rgb(110, 185, 43));
			background-image: -moz-linear-gradient(top, rgb(133, 208, 65), rgb(110, 185, 43));
			background-image: -o-linear-gradient(top, rgb(133, 208, 65), rgb(110, 185, 43));
			background-image: -ms-linear-gradient(top, rgb(133, 208, 65), rgb(110, 185, 43));
			background-image: linear-gradient(top, rgb(133, 208, 65), rgb(110, 185, 43));
			}

		.chooseColor a.blue, #inkColor > a strong.blue {
			background-color: #2576d1;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(37, 118, 209)), to(rgb(18, 93, 185)));
			background-image: -webkit-linear-gradient(top, rgb(37, 118, 209), rgb(18, 93, 185));
			background-image: -moz-linear-gradient(top, rgb(37, 118, 209), rgb(18, 93, 185));
			background-image: -o-linear-gradient(top, rgb(37, 118, 209), rgb(18, 93, 185));
			background-image: -ms-linear-gradient(top, rgb(37, 118, 209), rgb(18, 93, 185));
			background-image: linear-gradient(top, rgb(37, 118, 209), rgb(18, 93, 185));
			}

		.chooseColor a.purple, #inkColor > a strong.purple {
			background-color: #4847a3;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(72, 71, 163)), to(rgb(47, 46, 138)));
			background-image: -webkit-linear-gradient(top, rgb(72, 71, 163), rgb(47, 46, 138));
			background-image: -moz-linear-gradient(top, rgb(72, 71, 163), rgb(47, 46, 138));
			background-image: -o-linear-gradient(top, rgb(72, 71, 163), rgb(47, 46, 138));
			background-image: -ms-linear-gradient(top, rgb(72, 71, 163), rgb(47, 46, 138));
			background-image: linear-gradient(top, rgb(72, 71, 163), rgb(47, 46, 138));
			}

		.chooseColor a.pink, #inkColor > a strong.pink {
			background-color: #ea5c94;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(234, 92, 148)), to(rgb(209, 65, 123)));
			background-image: -webkit-linear-gradient(top, rgb(234, 92, 148), rgb(209, 65, 123));
			background-image: -moz-linear-gradient(top, rgb(234, 92, 148), rgb(209, 65, 123));
			background-image: -o-linear-gradient(top, rgb(234, 92, 148), rgb(209, 65, 123));
			background-image: -ms-linear-gradient(top, rgb(234, 92, 148), rgb(209, 65, 123));
			background-image: linear-gradient(top, rgb(234, 92, 148), rgb(209, 65, 123));
			}

		.chooseColor a.brown, #inkColor > a strong.brown {
			background-color: #74471e;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(116, 71, 30)), to(rgb(92, 45, 6)));
			background-image: -webkit-linear-gradient(top, rgb(116, 71, 30), rgb(92, 45, 6));
			background-image: -moz-linear-gradient(top, rgb(116, 71, 30), rgb(92, 45, 6));
			background-image: -o-linear-gradient(top, rgb(116, 71, 30), rgb(92, 45, 6));
			background-image: -ms-linear-gradient(top, rgb(116, 71, 30), rgb(92, 45, 6));
			background-image: linear-gradient(top, rgb(116, 71, 30), rgb(92, 45, 6));
			}

		.chooseColor a.white, #inkColor > a strong.white {
			background-color: #ffffff;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(230, 230, 230)));
			background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
			background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
			background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
			background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
			background-image: linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
			}

		.chooseColor a.grey, #inkColor > a strong.grey {
			background-color: #d1d1d1;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(209, 209, 209)), to(rgb(184, 184, 184)));
			background-image: -webkit-linear-gradient(top, rgb(209, 209, 209), rgb(184, 184, 184));
			background-image: -moz-linear-gradient(top, rgb(209, 209, 209), rgb(184, 184, 184));
			background-image: -o-linear-gradient(top, rgb(209, 209, 209), rgb(184, 184, 184));
			background-image: -ms-linear-gradient(top, rgb(209, 209, 209), rgb(184, 184, 184));
			background-image: linear-gradient(top, rgb(209, 209, 209), rgb(184, 184, 184));
			}

		.chooseColor a.black, #inkColor > a strong.black {
			background-color: #1a1a1a;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(26, 26, 26)), to(rgb(1, 1, 1)));
			background-image: -webkit-linear-gradient(top, rgb(26, 26, 26), rgb(1, 1, 1));
			background-image: -moz-linear-gradient(top, rgb(26, 26, 26), rgb(1, 1, 1));
			background-image: -o-linear-gradient(top, rgb(26, 26, 26), rgb(1, 1, 1));
			background-image: -ms-linear-gradient(top, rgb(26, 26, 26), rgb(1, 1, 1));
			background-image: linear-gradient(top, rgb(26, 26, 26), rgb(1, 1, 1));
			}
			
	/* To the Top
	-------------------------------------------------------------------------- */
			
		a.toTheTop, a.toTheTop:visited {
			width: 26px;
			height: 26px;
			text-indent: -9999px;
			background-color: transparent;
			overflow: hidden;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			-webkit-transition: background-color .11s linear;
			   -moz-transition: background-color .11s linear;
			     -o-transition: background-color .11s linear;
			    -ms-transition: background-color .11s linear;
			        transition: background-color .11s linear;
			}
			
		a.toTheTop:hover { background-color: #eee; }
			
		a.toTheTop:before {
			content: "";
			width: 11px;
			height: 7px;
			background: url(../img/sprite-icons.png) -58px -93px no-repeat;
			display: block;
			position: absolute;
			top: 10px;
			left: 8px;
			}

/* =Home
============================================================================== */
	
	/* Slideshow
	-------------------------------------------------------------------------- */
	
		#slideshow {
			width: 100%;
			margin: 20px 0 0 1px;
			/* border: 1px solid #d5d5d5; */
			border-top: 1px solid #e3e3e3;
			border-bottom-color: #a8a8a8;
			display: none;
			float: left;
			position: relative;
			z-index: 1;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			   -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
			}
			
		#slideshow .slidesjs-container { z-index: 1; }
			
		#slideshow a.slidesjs-navigation, #slideshow a.slidesjs-navigation:visited {
			width: 21px;
			height: 42px;
			margin-top: -21px;
			display: block;
			overflow: hidden;
			position: absolute;
			top: 50%;
			z-index: 2;
			}

		#slideshow a.slidesjs-previous { left: 0; }
		#slideshow a.slidesjs-next { right: 0; }
			
		#slideshow a.slidesjs-navigation em {
			width: 42px;
			height: 42px;
			background: #fff;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
	    	        border-radius: 100%;
	    	-webkit-transition: box-shadow .16s linear;
			   -moz-transition: box-shadow .16s linear;
			     -o-transition: box-shadow .16s linear;
			    -ms-transition: box-shadow .16s linear;
			        transition: box-shadow .16s linear;
			}
		
		#slideshow a.slidesjs-previous:hover em {
			-webkit-box-shadow: inset -25px 0 0 #000;
			   -moz-box-shadow: inset -25px 0 0 #000;
			        box-shadow: inset -25px 0 0 #000;
			}
			
		#slideshow a.slidesjs-next:hover em {
			-webkit-box-shadow: inset 25px 0 0 #000;
			   -moz-box-shadow: inset 25px 0 0 #000;
			        box-shadow: inset 25px 0 0 #000;
			}
			
		#slideshow a.slidesjs-previous em { margin-left: -21px; }
		#slideshow a.slidesjs-next em { margin-right: -21px; }
		
		#slideshow a.slidesjs-navigation:after {
			content: "";
			width: 10px;
			height: 16px;
			background: url(../img/sprite-icons.png) no-repeat;
			display: block;
			position: absolute;
			top: 13px;
			z-index: 2;
			}
			
		#slideshow a.slidesjs-previous:after { background-position: -99px -94px; right: 8px; }
		#slideshow a.slidesjs-next:after { background-position: -110px -94px; left: 8px; }
		
		#slideshow img {
			width: 100%;
			height: auto;	
			}
			
		.slidesjs-pagination {
			display: none;
			}

		.navbar {
			overflow: hidden
			}

	/* Hero Carousel 
	-------------------------------------------------------------------------- */
		
		#heroCarousel {
			width: 100%;
			background: #fff;
			position: relative;
			z-index: 2;
			-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.18);
			   -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.18);
					box-shadow: 0 5px 10px rgba(0,0,0,0.18);
			}
			
		#heroCarousel .flexslider {
			margin: 0;
			padding: 0;
			}
		
		#heroCarousel .flexslider .slides {
			text-align: center;
			}
			
		#heroCarousel .flexslider .slides > li {
			height: 350px;
			position: relative;
			z-index: 0;
			overflow: hidden;
			}
			
		#heroCarousel .flex-control-nav {
			bottom: 20px;
			}
			
		/* text */
		
		#heroCarousel .flexslider .slides > li > ul {
			max-width: 320px;
			margin: 0;
			display: inline-block;
			position: relative;
			right: -200px;
			z-index: 1;
			}
			
		#heroCarousel .flexslider .slides > li > ul h1 {
			color: #666;
			font-weight: 400;
			}
			
		#heroCarousel .flexslider .slides > li > ul a.btnDarkBlue, #heroCarousel .flexslider .slides > li > ul a.btnDarkBlue:visited {
			height: 60px;
			max-width: 250px;
			margin: 0 auto;
			line-height: 60px;
			font-size: 22px;
			display: block;
			float: none;
			}
			
		/* product images */
			
		#heroCarousel .flexslider .slides > li > a.heroImg, #heroCarousel .flexslider .slides > li > a.heroImg:visited {
			margin-left: -450px;
			position: absolute;
			left: 45%;
			top: 0;
			bottom: 0;
			z-index: 0;
			pointer-events: none; /* disable until needed in mobile */
			cursor: default;
			}
			
		#heroCarousel .flexslider .slides > li > a.heroImg img {
			height: 100%;
			width: auto;
			}
			
		/* media queries */
		
		@media (max-width: 730px) {
			#heroCarousel .flexslider .slides > li { text-align: center; }
			#heroCarousel .flexslider .slides > li > ul, #heroCarousel .flexslider .flex-control-nav { display: none; }
			#heroCarousel .flexslider .slides > li > a.heroImg, #heroCarousel .flexslider .slides > li > a.heroImg:visited {
				margin-left: 0;
				text-align: center;
				left: 0;
				right: 0;
				pointer-events: auto;
				cursor: pointer;
				}
			#heroCarousel .flexslider .slides > li > a.heroImg img {
				display: inline-block;
				}	
		}
		
		@media (min-width: 731px) and (max-height: 650px) {
			#heroCarousel .flexslider .slides > li > a.heroImg, #heroCarousel .flexslider .slides > li > a.heroImg:visited {
				height: 125%;
				margin-left: -350px;
				top: -20px;
				}
		}

	/* Block Category Nav
	-------------------------------------------------------------------------- */
			
		#blockNav {
			position: relative;
			z-index: 1;
			overflow: hidden;
			-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.18);
			   -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.18);
					box-shadow: 0 5px 10px rgba(0,0,0,0.18);
			}
			
		#blockNav .flexslider {
			margin: 0;
			padding: 0 38px;
			}
			
		#blockNav .flex-viewport { z-index: 1; }
			
		/* fixed */
		
		#blockNav.fixed {
			position: fixed;
			left: 0;
			right: 0;
			z-index: 3;
			}
		
		#blockNav.fixed .slides > li a, #blockNav.fixed .slides > li a:visited,
		#blockNav.small .slides > li a, #blockNav.small .slides > li a:visited { height: 60px; padding: 0 30px; }
		#blockNav.fixed .slides > li h3,
		#blockNav.small .slides > li h3 { margin: 0; }
		#blockNav.fixed .slides > li p,
		#blockNav.small .slides > li p { display: none; }
			
		/* block links */
		
		#blockNav .slides > li a, #blockNav .slides > li a:visited {
			height: 120px;
			padding: 30px;
			text-align: center;
			border-left: 2px solid #fff;
			border-right: 2px solid #fff;
			display: block;
			color: #fff;
			position: relative;
			z-index: 0;
			-webkit-transition: box-shadow .1s linear;
			   -moz-transition: box-shadow .1s linear;
			     -o-transition: box-shadow .1s linear;
			    -ms-transition: box-shadow .1s linear;
			        transition: box-shadow .1s linear;
			}
			
		#blockNav .slides > li a:hover {
			text-decoration: none;
			-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.17);
			   -moz-box-shadow: inset 0 0 30px rgba(0,0,0,0.17);
					box-shadow: inset 0 0 30px rgba(0,0,0,0.17);
			}
			
		#blockNav .slides > li:nth-child(5n) a { background: #e36840; /* orange */ }
		#blockNav .slides > li:nth-child(5n+1) a { background: #405da9; /* purple */ }
		#blockNav .slides > li:nth-child(5n+2) a { background: #48b748; /* green */ }
		#blockNav .slides > li:nth-child(5n+3) a { background: #ed2c62; /* red */ }
		#blockNav .slides > li:nth-child(5n+4) a { background: #179fda; /* blue */ }
		
		#blockNav .slides > li a .verticalCenter {
			margin-top: -20px;
			left: 30px;
			right: 30px;
			}
			
		#blockNav.fixed .slides > li a .verticalCenter,
		#blockNav.small .slides > li a .verticalCenter { margin-top: 0; }
		
		#blockNav .slides > li h3 {
			color: #fff;
			font-size: 18px;
			font-weight: 600;
			}
			
		#blockNav .slides > li p {
			margin: 0;
			}

		/* category icons */
			
		#blockNav .slides > li a .verticalCenter:before {
			content: "";
			margin-left: -13px;
			width: 30px;
			height: 28px;
			background: url(../img/sprite-icons-white.png) no-repeat;
			display: block;
			position: absolute;
			left: 50%;
			bottom: -42px;
			}
			
		#blockNav.fixed .slides > li a .verticalCenter:before,
		#blockNav.small .slides > li a .verticalCenter:before { display: none; }
			
		#blockNav .slides > li a .verticalCenter.iconApparel:before { background-position: 0 0; }
		#blockNav .slides > li a .verticalCenter.iconAuto:before { background-position: -30px 0; }
		#blockNav .slides > li a .verticalCenter.iconBags:before { background-position: -60px 0; }
		#blockNav .slides > li a .verticalCenter.iconDrinkware:before { background-position: -90px 0; }
		#blockNav .slides > li a .verticalCenter.iconFood:before { background-position: -120px 0; }
		#blockNav .slides > li a .verticalCenter.iconOffice:before { background-position: 0 -30px; }
		#blockNav .slides > li a .verticalCenter.iconOutdoor:before { background-position: -30px -30px; }
		#blockNav .slides > li a .verticalCenter.iconStationary:before { background-position: -60px -30px; }
		#blockNav .slides > li a .verticalCenter.iconTechnology:before { background-position: -90px -30px; }
		#blockNav .slides > li a .verticalCenter.iconToys:before { background-position: -120px -30px; }
		#blockNav .slides > li a .verticalCenter.iconTradeShow:before { background-position: 0 -60px; }
		#blockNav .slides > li a .verticalCenter.iconWellness:before { background-position: -30px -60px; }
		#blockNav .slides > li a .verticalCenter.iconWriting:before { background-position: -60px -60px; }
		#blockNav .slides > li a .verticalCenter.iconHome:before { background-position: -90px -60px; }
		#blockNav .slides > li a .verticalCenter.iconOther:before { background-position: -120px -63px; }
			
		/* arrow nav */
		
		#blockNav .flex-direction-nav {
			width: auto;
			height: auto;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 0;
			}
		
		#blockNav .flex-direction-nav li {
			width: 40px;
			position: absolute;
			top: 0;
			bottom: 0;
			}
			
		#blockNav .flex-direction-nav li:first-child { left: 0; }
		#blockNav .flex-direction-nav li:last-child { right: 0; }
			
		#blockNav .flex-direction-nav li a {
			width: auto;
			height: auto;
			background: #fff;
			border: 0;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
	    	        border-radius: 0;
			}
						
	/* Featured Items
	-------------------------------------------------------------------------- */
	
		.featuredItems {
			clear: both;
			}
						
		.featuredItems > h2 {
			position: relative;
			z-index: 1;
			-webkit-font-smoothing: antialiased;
			}
			
		.featuredItems .flexslider {
			margin-bottom: 20px;
			}
			
		.featuredItems .thumbnails.medium a strong { padding: 10px; }
		.featuredItems .thumbnails.medium a strong { font-size: 14px; }
		.featuredItems .thumbnails.medium a strong em { font-size: 12px; }

/* =View Item
============================================================================== */
	
	/* Header
	-------------------------------------------------------------------------- */
		
		#item header {
			width: 100%;
			margin-top: -20px;
			float: left;
			}
			
		/* item title */
		
		#item header h2 {
			max-width: 63%;
			margin-bottom: 35px;
			float: left;
			}
		
		#item header h2 em {
			padding-top: 5px;
			color: #242424;
			font-size: 14px;
			font-style: normal;
			font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			display: block;
			}
			
		/* "add this" social buttons */
		
		#addThis {
			margin-top: 3px;
			float: right;
			}
		
	/* Photos
	-------------------------------------------------------------------------- */
	
		#itemPhotos {
			width: 585px;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#itemPhotos .insetBlock {
			margin-bottom: 10px;
			padding: 10px;
			text-align: center;
			}
			
		/* full size */
			
		#itemPhotos .fullsize {
			margin: 0 auto;
			background: #fff;
			font-size: 0;
			border: 1px solid #d5d5d5;
			display: inline-block;
			position: relative;
			overflow: hidden;
			-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
			   -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
			        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
			}
			
		#itemPhotos .fullsize img {
			width: 100%;
			height: auto;
			}
			
		/* thumbs */
		
		#itemPhotos { margin-bottom: 30px; }
		
		#itemPhotos ul {
			margin: 0;
			padding-bottom: 0 !important;
			}
			
		#itemPhotos li {
			margin: 0 5px 5px 3px;
			display: inline-block;
			}
		
		#itemPhotos ul a, #itemPhotos ul a:visited {
			width: 88px;
			height: 88px;
			background: #fff;
			border: 1px solid #d5d5d5;
			float: left;
			overflow: hidden;
			position: relative;
			top: 0;
			-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
			   -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
			        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
			-webkit-transition: box-shadow .1s linear;
			   -moz-transition: box-shadow .1s linear;
			     -o-transition: box-shadow .1s linear;
			    -ms-transition: box-shadow .1s linear;
			        transition: box-shadow .1s linear;
			}
			
		#itemPhotos ul a:hover {
			top: -2px;
			-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
			   -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
			        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
			}
			
		#itemPhotos ul a.selected {
			margin: -2px;
			border: 3px solid #5dbde3;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
	    	        border-radius: 3px;
			}
			
		#itemPhotos ul a img { width: 100%; height: auto; }
			
	/* Details
	-------------------------------------------------------------------------- */
	
		#itemDetails {
			width: 380px;
			margin-bottom: 30px;
			float: right;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#itemDetails fieldset { padding: 20px 20px 5px 20px; border-top: 1px solid #e5e5e5; }
		#itemDetails fieldset:first-child { border: 0; }
		
		#itemDetails h3 { font-size: 16px; }
			
		#itemDetails p strong { color: #242424; }
		
		#itemDetails .btnBlue {
			min-width: 225px;
			height: 60px;
			margin: 0 auto 20px auto;
			line-height: 60px;
			font-size: 22px;
			display: block;
			float: none;
			}
			
		/* specs */
		
		#itemDetails .itemDescription ul li {
			padding-left: 20px;
			position: relative;
			}
		
		#itemDetails .itemDescription ul li:before {
			content: "";
			width: 11px;
			height: 8px;
			background: url(../img/sprite-icons.png) -42px -93px no-repeat;
			display: block;
			position: absolute;
			top: 6px;
			left: 0;
			}
			
		/* show more */

		#itemDetails .moreLess a, #itemDetails .moreLess a:visited { text-decoration: underline; }
		#itemDetails .moreLess a:hover { text-decoration: none; }
					
	/* Price
	-------------------------------------------------------------------------- */
		
		#choosePrice { padding: 0 15px; }
		
		#choosePrice ul {
			margin: 0 -15px 20px -15px;
			color: #242424;
			}
			
		#choosePrice li {
			width: 100%;
			padding-bottom: 8px;
			color: #242424;
			float: left;
			}
		
		#choosePrice label {
			font-size: 16px;
			line-height: 42px;
			float: left;
			}
			
		#choosePrice + p {
			width: 100%;
			color: #676767;
			font-size: 12px;
			float: left;
			}
			
		#priceBreak {
			width: 210px;
			float: right;
			}
			
		#priceBreak > span {
			padding-left: 10px;
			color: #5b5b5b;
			font-size: 12px;
			line-height: 42px;
			border-left: 1px solid #f0f0f0;
			position: absolute;
			top: 0;
			left: 45%;
			bottom: 0;
			}

		#priceBreak > span em {
			font-style: normal;			
			}	
					
		#quantity {
			width: 90px;
			padding: 8px;
			font-size: 20px;
			float: right;
			}
			
		#priceTotal {
			width: 120px;
			font-size: 20px;
			font-weight: 400;
			line-height: 42px;
			text-align: center;
			float: right;
			}
			
		#priceTotal em { font-style: normal; }

		/* slider */
		
		#slider {
			width: 100%;
			margin: 0 0 30px 0;
			float: left;
			}

		#slider.ui-widget-content {
			border: none;
			background: url(../img/slider.png) 0 0 repeat-x !important;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
	    	        border-radius: 5px;
			}
		
		#slider .ui-widget-header {
			border: none;
			background: url(../img/slider.png) 0 -6px repeat-x !important;
			font-weight: 700;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
	    	        border-radius: 5px;
			}
		
		#slider.ui-slider .ui-slider-handle {
			position: absolute;
			z-index: 2;
			top: -14px;
			margin-left: -16px;
			width: 32px;
			height: 33px;
			cursor: pointer;
			background: url(../img/slider.png) 0 -13px no-repeat;
			}
			
		#slider.ui-slider .ui-slider-handle:hover {
			background-position: 0 -46px;
			}

		#slider.ui-slider {
			position: relative;
			text-align: left;
			}

		#slider.ui-slider .ui-slider-range {
			position: absolute;
			z-index: 1;
			font-size: .7em;
			display: block;
			border: 0;
			background-position: 0 0;
			}
		
		#slider.ui-slider-horizontal {
			height: 6px;
			}
			
		#slider.ui-slider-horizontal .ui-slider-range {
			top: 0;
			height: 100%;
			}
			
		#slider.ui-slider-horizontal .ui-slider-range-min {
			left: 0;
			}
			
		#slider.ui-slider-horizontal .ui-slider-range-max {
			right: 0;
			}

	/* Related Items
	-------------------------------------------------------------------------- */
	
		#relatedItems {
			padding-top: 30px;
			border-top: 1px solid #e0e0e0;
			clear: both;
			}
	
/* =Checkout
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
		
		#checkout {
			margin: 0 auto;
			background: #fff url(../img/checkout-bg.gif) 50% 0 repeat-y;
			}
		
		#checkout > div {
			padding: 20px;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
		
		#checkout .top {
			width: 100%;
			min-height: 75px;
			border-bottom: 1px solid #e5e5e5;
			background: #fff;
			}
			
		#checkout .left {
			width: 50%;
			}
			
		#checkout .right {
			width: 50%;
			padding: 0 0 0 1px;
			float: right;
			}
			
		#checkout .center {
			width: 100%;
			background: #fff;
			float: left;
			}
			
		#checkout .bottom {
			width: 100%;
			min-height: 75px;
			border-top: 1px solid #e5e5e5;
			background: #fff;
			}
			
		/* steps */
		
		#checkoutSteps h2 {
			margin: 6px 0 0 0;
			font-weight: 700;
			float: left;
			}
		
		#checkoutSteps ul {
			margin: 0;
			float: right;
			}
		
		#checkoutSteps li {
			min-width: 185px;
			height: 40px;
			margin-left: 10px;
			padding: 0 5px;
			color: #9e9e9e;
			font-size: 17px;
			font-size: 700;
			line-height: 41px;
			border: 1px solid #e1e1e1;
			background: #f8f8f8;
			float: left;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
					border-radius: 3px;
			}
			
		#checkoutSteps li.active {
			color: #fff;
			border-color: #0f8ebf;
			background: #2caddf;
			}
			
		#checkoutSteps li em {
			width: 28px;
			height: 28px;
			margin: 5px 10px 0 0;
			font-style: normal;
			line-height: 29px;
			text-align: center;
			background: #fff;
			border: 1px solid #e2e2e2;
			float: left;
			-webkit-border-radius: 100%;
			   -moz-border-radius: 100%;
					border-radius: 100%;
			}
			
		#checkoutSteps li.active em {
			color: #2caddf;
			border-color: #0f8ebf;
			}
			
		/* nav */
		
		#checkoutNav a, #checkoutNav button {
			margin-left: 10px;
			float: right;
			}
		
		#checkoutNav a { min-width: 155px; }
		#checkoutNav a.back { margin: 0 10px 0 0; float: left; }
		#checkoutNav button { min-width: 197px; }
	
	/* Customize
	-------------------------------------------------------------------------- */
		
		/* preview */
		
		#orderPreview { text-align: center; }
		
		#orderPreview h3 {
			margin-bottom: 45px;
			text-align: left;
			}
		
		#orderPreview h3 em {
			padding-top: 3px;
			color: #242424;
			font-size: 14px;
			font-weight: 400;
			font-style: normal;
			font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			display: block;
			}
		
		#orderPreview > span {
			margin-bottom: 40px;
			font-size: 0;
			border: 1px solid #d5d5d5;
			background: #fff;
			display: inline-block;
			-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
			   -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
			        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
			}
			
		#orderPreview > span img { width: 100%; max-width: 100%; height: auto; }
		
		/* customize */
		
		#customizeOrder > h3 { margin: 0; padding: 20px; }
		
		#customizeOrder fieldset {
			padding: 18px 35px 0 20px;
			border-top: 1px solid #d5d5d5;
			position: relative;
			}
			
		#customizeOrder h4 {
			max-width: 135px;
			padding-right: 30px;
			float: left;
			}
			
		#customizeOrder p {
			width: 100%;
			margin-bottom: 20px;
			color: #676767;
			font-size: 11px;
			float: left;
			}
			
		#customizeOrder ul {
			float: left;
			}
			
		#customizeOrder ul li {
			padding-bottom: 5px;
			}
			
		#customizeOrder input[type=checkbox], #customizeOrder input[type=radio] {
			margin-right: 5px;
			position: relative;
			top: -1px;
			}
			
		#customizeOrder ul.sizes input {
			width: 60px;
			margin-right: 5px;
			padding: 7px;
			font-size: 14px;
			top: 0;
			}
			
		#customizeOrder .insetBlock {
			width: 210px;
			padding: 15px;
			border-bottom: 1px solid #e1e1e1;
			float: right;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#customizeOrder .insetBlock p:first-child { margin-bottom: 5px; color: #242424; font-size: 18px; }
		#customizeOrder .insetBlock p:last-child { margin: 0; font-size: 14px; }
			
		#customizeOrder textarea, #customizeOrder .customSelect {
			width: 265px;
			margin: -10px 0 10px 0;
			float: right;
			}
			
		#customizeOrder textarea {
			height: 77px;
			font-size: 14px;
			}

		/* tooltips */
		
		#customizeOrder .tooltip {
			width: 18px;
			height: 18px;
			position: absolute;
			top: 20px;
			right: 9px;
			z-index: 2;
			}
			
		#customizeOrder .tooltip > a, #customizeOrder .tooltip > a:visited {
			width: 18px;
			height: 18px;
			background-position: -76px -92px;
			text-indent: -9999px;
			overflow: hidden;
			opacity: 0.65;
			display: block;
			-webkit-transition: opacity .1s linear;
			   -moz-transition: opacity .1s linear;
			     -o-transition: opacity .1s linear;
			    -ms-transition: opacity .1s linear;
			        transition: opacity .1s linear;
			}
			
		#customizeOrder .tooltip > a:hover { opacity: 1; }
			
		#customizeOrder .tooltip > p {
			width: 200px;
			padding: 10px;
			background: #fff;
			border: 1px solid #dfdfdf;
			position: absolute;
			top: -10px;
			right: 20px;
			visibility: hidden;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
					border-radius: 3px;
			-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			-webkit-transition: right .1s linear;
			   -moz-transition: right .1s linear;
			     -o-transition: right .1s linear;
			    -ms-transition: right .1s linear;
			        transition: right .1s linear;
			}

		#customizeOrder .tooltip > a:hover + p { right: 26px; visibility: visible; }
			
		#customizeOrder .tooltip > p:after, #customizeOrder .tooltip > p:before {
			left: 100%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			}
		
		#customizeOrder .tooltip > p:after {
			border-color: rgba(255, 255, 255, 0);
			border-left-color: #fff;
			border-width: 7px;
			top: 12px;
			}
			
		#customizeOrder .tooltip > p:before {
			border-color: rgba(223, 223, 223, 0);
			border-left-color: #dfdfdf;
			border-width: 8px;
			top: 11px;
			}
	
	/* Review + Finished
	-------------------------------------------------------------------------- */
		
		/* cart */
		
		#cart { padding-top: 5px !important; }
		
		#cart .item {
			width: 100%;
			padding: 15px 0;
			border-bottom: 1px solid #ededed;
			float: left;
			}
		
		#cart .item img {
			width: 40px;
			height: 40px;
			margin: 0 15px 0 0;
			border: 1px solid #e4e4e4;
			float: left;
			}
			
		#cart .item span {
			max-width: 70%;
			color: #242424;
			font-size: 13px;
			float: left;
			}
			
		#cart .item span strong {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			display: block;
			}
			
		#cart .item span em {
			margin: -3px 0 2px 0;
			font-style: normal;
			display: block;
			}
			
		#cart .item a.btnBlue {
			height: 26px;
			padding: 0 15px;
			line-height: 27px;
			font-size: 13px;
			}
			
		#cart .item a.remove, #cart .item a.remove:visited {
			width: 18px;
			height: 18px;
			margin: 5px 0 0 10px;
			background-position: -76px -112px;
			text-indent: -9999px;
			overflow: hidden;
			opacity: 0.65;
			float: left;
			-webkit-transition: opacity .1s linear;
			   -moz-transition: opacity .1s linear;
			     -o-transition: opacity .1s linear;
			    -ms-transition: opacity .1s linear;
			        transition: opacity .1s linear;
			}
			
		#cart .item a.remove:hover { opacity: 1; }
		
		#cart .item h4 {
			margin: 0;
			text-align: right;
			float: right;
			}
			
		#cart .item h4 strong {
			margin-top: -2px;
			font-size: 16px;
			display: block;
			}
			
		#cart .item h4 em {
			color: #a8a8a8;
			font-size: 12px;
			font-weight: 400;
			font-style: normal;
			}
			
		#cart .subtotal {
			width: 100%;
			margin-bottom: 5px;
			padding-top: 20px;
			float: left;
			}
			
		#cart .subtotal strong { font-size: 16px; float: left; }
		#cart .subtotal strong + strong { font-size: 18px; float: right; }
		
		#cart .subtotal + p {
			color: #a9a9a9;
			font-size: 13px; 
			}
			
		/* address */
		
		#address fieldset, #address > div {
			padding: 18px 20px 0 20px;
			border-top: 1px solid #d5d5d5;
			position: relative;
			}
			
		#address fieldset:first-child, #address > div:first-child { border: 0; }
		
		#address h4 { font-size: 16px; }
			
		#address li {
			width: 100%;
			margin: 0;
			padding-bottom: 8px;
			float: left;
			}
		
		#address .twoCol dl { width: 45%; padding-right: 5%; float: left; }
		#address .twoCol dt { margin-bottom: 10px; color: #242424; font-size: 16px; font-weight: 700; }
			
		#address .twoCol li { padding: 0; }
				
		#address input[type=text], #address input[type=password], #signUp input[type=email] {
			width: 295px;
			background: #fff;
			}
		
		#address label { padding-top: 12px; float: left; }
		#address label + input { float: right; }
		#address label + .customSelect { width: 295px; float: right; }

		#address li.cityState input { width: 145px; float: right; }
		#address li.cityState .customSelect { margin-left: 5px; width: 145px; float: right; }
		
		#address #sameAddress { margin: 0 10px 10px 0; position: relative; top: -1px; }
		#address .hideAddress ~ li { display: none; }
		
		/* how it works + thank you */
		
		#howItWorks, #thankYou {
			width: 100%;
			margin-bottom: -1px;
			padding: 15px 0 0 65px !important;
			color: #fff;
			border-bottom: 1px solid;
			position: relative;
			z-index: 2;
			}
			
		#howItWorks { background: #2caddf; border-color: #289bc8; }
		#thankYou { background: #28c87f; border-color: #26bc78; }
			
		#howItWorks:before {
			content: "";
			width: 26px;
			height: 37px;
			margin-top: -18px;
			background: url(../img/sprite-icons.png) -159px -103px no-repeat;
			display: block;
			opacity: 0.65;
			position: absolute;
			top: 50%;
			left: 20px;
			}
			
		#thankYou:before {
			content: "";
			width: 32px;
			height: 32px;
			margin-top: -16px;
			background: url(../img/sprite-icons.png) -124px -103px no-repeat;
			display: block;
			opacity: 0.65;
			position: absolute;
			top: 50%;
			left: 17px;
			}
			
		#howItWorks h2, #thankYou h2 {
			margin-bottom: 5px;
			color: #fff;
			font-weight: 400;
			font-size: 24px;
			}		
			
/* =Categories
============================================================================== */

	/* List
	-------------------------------------------------------------------------- */
		
		#categories ul {
			margin: 0 -15px;
			}
		
		#categories li {
			padding: 0 15px;
			width: 25%;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
		
		#categories dl {
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid #ededed;
			}
			
		#categories a, #categories a:visited {
			line-height: 30px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			display: block;
			position: relative;
			}
			
		/* main category links */
		
		#categories dt a, #categories dt a:visited {
			margin-bottom: 12px;
			color: #231f20;
			font-size: 18px;
			}
			
		#categories dt a:before {
			content: "";
			margin: 0 10px 0 0;
			width: 27px;
			height: 28px;
			background: url(../img/sprite-icons.png) no-repeat;
			float: left;
			}
			
		#categories dt a.iconApparel:before { background-position: -40px 0; }
		#categories dt a.iconAuto:before { background-position: -70px 0; }
		#categories dt a.iconBags:before { background-position: -100px 0; }
		#categories dt a.iconDrinkware:before { background-position: -130px 0; }
		#categories dt a.iconFood:before { background-position: -160px 0; }
		#categories dt a.iconOffice:before { background-position: -40px -30px; }
		#categories dt a.iconOutdoor:before { background-position: -70px -30px; }
		#categories dt a.iconStationary:before { background-position: -100px -30px; }
		#categories dt a.iconTechnology:before { background-position: -130px -30px; }
		#categories dt a.iconToys:before { background-position: -160px -30px; }
		#categories dt a.iconTradeShow:before { background-position: -40px -60px; }
		#categories dt a.iconWellness:before { background-position: -70px -60px; }
		#categories dt a.iconWriting:before { background-position: -100px -60px; }
		#categories dt a.iconHome:before { width: 30px; margin-right: 7px; background-position: -41px -144px; }
		#categories dt a.iconOther:before { background-position: -72px -144px; }
			
		/* blue arrow links */
			
		#categories dd a, #categories dd a:visited {
			padding-right: 15px;
			color: #07a1cb;
			font-size: 13px;
			}
			
		#categories dd a:after {
			content: "";
			width: 7px;
			height: 11px;
			margin-top: -6px;
			background: url(../img/sprite-icons.png) -62px -106px no-repeat;
			display: block;
			position: absolute;
			top: 50%;
			right: 0;
			opacity: 0.3;
			}
			
		#categories dd a:hover { color: #0989ac; text-decoration: none; }
		#categories dd a:hover:after { opacity: 1; }
	
/* =Search Results
============================================================================== */			
	
		#query {
			width: 460px;
			margin: -12px 0 0 0;
			font-size: 46px;
			line-height: 60px;
			font-weight: 700;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			float: left;
			position: relative;
			}
	
		#query:before {
			content: "";
			width: 34px;
			height: 34px;
			margin: 14px 20px 0 0;
			background: url(../img/sprite-icons.png) 0 -72px no-repeat;
			float: left;
			}
		
	/* Filter
	-------------------------------------------------------------------------- */
		
		#filterResults {
			padding-bottom: 20px;
			float: right;
			}
			
		#filterResults h4 {
			margin: 0 10px 0 0;
			color: #a4a4a4;
			font-weight: 400;
			line-height: 40px;
			font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			float: left;
			}
			
		#filterResults .customSelect {
			height: 40px;
			margin-left: 4px;
			background: #fcfcfc;
			}
			
		#filterResults .customSelect:hover { background: #f4f4f6; }

		#filterResults .customSelect:after { top: 17px; }
		#filterResults .customSelect select { height: 40px; }
	
	/* Load More
	-------------------------------------------------------------------------- */
		
		#loadMore {
			width: 100%;
			margin: 0;
			text-align: center;
			float: left;
			}
		
		#loadMore a, #loadMore a:visited {
			min-width: 175px;
			height: 40px;
			margin: 40px auto 0 auto;
			padding: 0 30px;
			color: #242424;
			font-weight: 700;
			line-height: 40px;
			text-align: center;
			border-top: 1px solid #e4e4e4;
			border-left: 1px solid #dadada;
			border-right: 1px solid #dadada;
			border-bottom: 1px solid #cbcbcb;
			background: #fcfcfc;
			display: inline-block;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
	    	        border-radius: 4px;
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#loadMore a:hover { background: #f4f4f6; }
		
		#loadMore a:active {
			border-bottom-color: #fff;
			-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
			   -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
			        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
			}
		
		/* loading */
		
		#loading {
			width: 100% !important;
			padding-top: 20px;
			text-align: center;
			float: left;
			display: none;
			}
			
	/* Looking For More
	-------------------------------------------------------------------------- */
	
		#lookingForMore {
			width: 100%;
			margin: 50px 0 0 0;
			padding: 20px;
			text-align: center;
			border: 1px solid #eae8db;
			background: #f2f0e4;
			float: left;
			clear: both;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
	    	        border-radius: 4px;
	    	-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

/* =Login & Forgot Password
============================================================================== */			
	
	/* Form
	-------------------------------------------------------------------------- */
	
		#login, #forgotPassword {
			width: 495px;
			margin: 0 auto;
			}
			
		/* fieldset */
			
		#login fieldset, #forgotPassword fieldset {
			padding: 10px 20px;
			border-top: 1px solid #e5e5e5;
			}
			
		/* titles */
			
		#login h2, #forgotPassword h2 {
			width: 100%;
			padding: 25px 20px 10px 20px;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#login ul, #forgotPassword ul {
			width: 100%;
			margin: 0;
			padding: 10px 0;
			float: left;
			}
			
		#login li, #forgotPassword li {
			width: 100%;
			margin: 0;
			float: left;
			}
		
		#login li input { width: 49%; float: left; }
		#login li input + input { float: right; }
		
		#forgotPassword li input { width: 100%; float: left; }
		
		#login label {
			margin-top: 12px;
			padding-left: 22px;
			float: left;
			position: relative;
			}
			
		#login label input {
			position: absolute;
			top: 4px;
			left: 0;
			}
			
		#login a, #login a:visited {
			margin: 1px 0 0 22px;
			font-size: 11px;
			float: left;
			clear: left;
			}
			
		#forgotPassword a, #forgotPassword a:visited {
			margin: 23px 0 0 0;
			font-size: 11px;
			float: left;
			clear: left;
			}
		
		#forgotPassword button, #login button { min-width: 160px; margin: 10px 0; float: right; }
			
/* =Sign Up
============================================================================== */			
	
	/* Form
	-------------------------------------------------------------------------- */
	
		#signUp {
			width: 495px;
			margin: 0 auto;
			}
			
		/* fieldset */
			
		#signUp fieldset {
			padding: 10px 20px;
			border-top: 1px solid #e5e5e5;
			}
			
		/* titles */
			
		#signUp h2, #signUp h4 {
			width: 100%;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#signUp h2 { padding: 25px 20px 10px 20px; }
		#signUp h4 { padding: 15px 0 0 0; }

		/* lists */
			
		#signUp ul { margin: 0; }
			
		#signUp li {
			width: 100%;
			margin: 0;
			padding-bottom: 8px;
			float: left;
			}
			
		/* field layouts */
		
		#signUp input[type=text], #signUp input[type=password], #signUp input[type=email] { width: 295px; }
		
		#signUp label { padding-top: 12px; float: left; }
		#signUp label + input { float: right; }
		#signUp label + .customSelect { width: 295px; float: right; }
		
		#signUp li.name input { width: 49%; float: left; }
		#signUp li.name input + input { float: right; }

		#signUp li.cityState input { width: 145px; float: right; }
		#signUp li.cityState .customSelect { margin-left: 5px; width: 145px; float: right; }
		
		#signUp ul.password label { margin-top: -5px; padding: 0; }
		#signUp ul.password label, #signUp ul.password input { width: 49%; float: left; }
		#signUp ul.password input + input, #signUp ul.password label + label { float: right; }
		
		#signUp ul.extras { padding: 15px 0; float: left; }
		#signUp ul.extras label { padding: 0; }
		#signUp ul.extras input[type=checkbox] { margin: 0 10px 0 0; position: relative; top: -1px; }
		#signUp ul.extras h4 { padding-top: 12px; margin-bottom: 0; width: 49%; float: left; }
		#signUp ul.extras .customSelect { width: 49%; float: right; }
		
		#signUp button { min-width: 160px; margin: 10px 0 20px 0; }
		
		/* refresh captcha */
		
		a#captchaRefresh, a#captchaRefresh:visited {
			width: 16px;
			height: 16px;
			background: url(../img/sprite-icons.png) 0 -126px no-repeat;
			display: inline-block;
			opacity: 0.5;
			text-indent: -9999px;
			overflow: hidden;
			position: relative;
			top: 3px;
			left: 10px;
			-webkit-transition: all .1s linear;
			   -moz-transition: all .1s linear;
			     -o-transition: all .1s linear;
			    -ms-transition: all .1s linear;
			        transition: all .1s linear;
			}
			
		a#captchaRefresh:hover {
			opacity: 1;
			}
		
/* =Profile & Order History
============================================================================== */			
	
	/* Layout
	-------------------------------------------------------------------------- */
	
		#profile {
			width: 100%;
			margin: 0 auto;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		/* side nav */
			
		#profile aside {
			width: 155px;
			border-right: 1px solid #e0e0e0;
			background: url(../img/shadow-y.png) 148px 0 repeat-y, #f7f7f7;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			}
			
		#profile aside a, #profile aside a:visited {
			padding: 15px 12px;
			font-size: 15px;
			border-bottom: 1px solid #efefef;
			display: block;
			position: relative;
			-webkit-transition: background-color .1s linear;
			   -moz-transition: background-color .1s linear;
			     -o-transition: background-color .1s linear;
			    -ms-transition: background-color .1s linear;
			        transition: background-color .1s linear;
			}
			
		#profile aside a:hover { background: #efefef; text-decoration: none; }
			
		#profile aside a:after {
			content: "";
			width: 12px;
			height: 20px;
			margin-top: -10px;
			background: url(../img/sprite-icons.png) -17px -51px no-repeat;
			display: block;
			position: absolute;
			top: 50%;
			right: 10px;
			}
			
		#profile aside a.selected {
			color: #242424;
			font-weight: 700;
			background: url(../img/shadow-y.png) 148px 0 repeat-y, #fff;
			}
			
		#profile aside a.selected:after { display: none; }
			
		/* content */
			
		#profile article {
			width: 100%;
			padding-left: 155px;
			min-height: 120px;
			float: right;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#profile h2, #profile h4 {
			width: 100%;
			font-weight: 700;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#profile h2 { margin-bottom: 0; padding: 25px 20px; border-bottom: 1px solid #e5e5e5; }
		#profile h4 { padding: 15px 0 0 0; float: left; }
	
	/* Profile form
	-------------------------------------------------------------------------- */
		
		/* fieldset */
			
		#profile fieldset {
			padding: 10px 20px;
			}

		/* lists */
			
		#profile form ul { margin: 0; }
			
		#profile form li {
			width: 100%;
			margin: 0;
			padding-bottom: 8px;
			float: left;
			}
		
		/* field layouts */
		
		#profile input[type=text], #profile input[type=password], #profile input[type=email] { width: 295px; }
		
		#profile label { width: 215px; padding-top: 12px; float: left; }
		#profile label + input { float: left; }
		#profile label + .customSelect { width: 295px; float: left; }
		
		#profile li.name input { width: 205px; margin-right: 10px; float: left; }
		
		#profile ul.password label { margin-top: -5px; padding: 0; }
		#profile ul.password label, #profile ul.password input { width: 205px; margin-right: 10px; float: left; }

		#profile li.cityState input { width: 145px; margin-right: 5px; float: left; }
		#profile li.cityState .customSelect { width: 145px; float: left; }
		
		#profile button { min-width: 160px; margin: 10px 0 20px 0; }
		
	/* Order History table
	-------------------------------------------------------------------------- */
		
		#orderHistory {
			width: 100%;
			margin-bottom: 30px;
			}
		
		#orderHistory td {
			padding: 10px;
			font-size: 16px;
			border-bottom: 1px solid #e5e5e5;
			}
			
		#orderHistory td:first-child { padding-left: 20px; }
		#orderHistory td:last-child { padding-right: 20px; }
		
		#orderHistory ul { margin: 0; }
		
		#orderHistory li {
			max-width: 300px;
			white-space: nowrap;
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			}
		
		#orderHistory strong { color: #242424; }
		
/* =FAQs
============================================================================== */

	/* Questions & Answers
	-------------------------------------------------------------------------- */
		
		/* questions */
		
		#questions dt a, #questions dt a:visited { font-weight: 700; }
		
		#questions dd {
			padding: 3px 0 3px 38px;
			position: relative;
			}
			
		#questions dd:before {
			content: "";
			width: 7px;
			height: 11px;
			background: url(../img/sprite-icons.png) -62px -106px no-repeat;
			display: block;
			position: absolute;
			top: 7px;
			left: 20px;
			opacity: 0.3;
			}
			
		/* answers */
		
		#answers {
			margin-top: 30px;
			border-top: 1px solid #ececec;
			}
			
		#answers h3 {
			margin-top: 40px;
			position: relative;
			}

	/* Contact
	-------------------------------------------------------------------------- */
		
		.quickContact dl:last-child { margin: 0; }
		
		.quickContact dt {
			color: #242424;
			font-weight: 700;
			}
		
/* =Services
============================================================================== */

	/* Questions & Answers
	-------------------------------------------------------------------------- */
		
		/* questions */
		
		#services > ul {
			padding-bottom: 30px;
			border-bottom: 1px solid #ececec;
			}
		
		#services > ul li {
			padding: 3px 0 3px 18px;
			position: relative;
			}
			
		#services > ul li:before {
			content: "";
			width: 7px;
			height: 11px;
			background: url(../img/sprite-icons.png) -62px -106px no-repeat;
			display: block;
			position: absolute;
			top: 7px;
			left: 0;
			opacity: 0.3;
			}
			
		#services > h3 {
			margin-top: 40px;
			position: relative;
			}
			
/* =About
============================================================================== */

	/* Team
	-------------------------------------------------------------------------- */
		
		/* #team {
			width: 100%;
			margin-bottom: 35px;
			padding: 17px;
			text-align: center;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
		
		#team li {
			margin: 7px 5px;
			width: 153px;
			height: 193px;
			display: inline-block;
			position: relative;
			z-index: 1;
			}
			
		#team li img { width: 100%; height: 100%; }

		#team .person {
			width: 100%;
			height: 100%;
			position: relative;
			cursor: default;
			-webkit-border-radius: 50%;
			   -moz-border-radius: 50%;
					border-radius: 50%;
			-webkit-perspective: 900px;
			   -moz-perspective: 900px;
			     -o-perspective: 900px;
			    -ms-perspective: 900px;
					perspective: 900px;
			}
			
		#team .info {
			position: absolute;
			width: 100%;
			height: 100%;
			-webkit-transform-style: preserve-3d;
			   -moz-transform-style: preserve-3d;
			     -o-transform-style: preserve-3d;
			    -ms-transform-style: preserve-3d;
					transform-style: preserve-3d;
			}
		
		#team .info > div {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			-webkit-transition: all 0.3s linear;
			   -moz-transition: all 0.3s linear;
			     -o-transition: all 0.3s linear;
				-ms-transition: all 0.3s linear;
					transition: all 0.3s linear;
			-webkit-transform-origin: 50% 0%;
			   -moz-transform-origin: 50% 0%;
			     -o-transform-origin: 50% 0%;
				-ms-transform-origin: 50% 0%;
					transform-origin: 50% 0%;
			}
		
		#team .info .desc {
			padding: 10px;
			text-align: center;
			background: #000;
			opacity: 0;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			-webkit-transform: translate3d(0,0,-193px) rotate3d(1,0,0,90deg);
			   -moz-transform: translate3d(0,0,-193px) rotate3d(1,0,0,90deg);
				 -o-transform: translate3d(0,0,-193px) rotate3d(1,0,0,90deg);
				-ms-transform: translate3d(0,0,-193px) rotate3d(1,0,0,90deg);
					transform: translate3d(0,0,-193px) rotate3d(1,0,0,90deg);
			}
			
		#team .info .desc h4 {
			margin-bottom: 13px;
			padding: 5px 0 10px 0;
			color: #fff;
			font-family: Arial, Helvetica, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
			border-bottom: 1px solid #7f7f7f;
			}
			
		#team .info .desc p {
			margin-bottom: 10px;
			color: #ccc;
			font-size: 12px;
			}
			
		#team .info .desc a, #team .info .desc a:visited {
			margin: 0 3px;
			font-weight: 700;
			font-size: 10px;
			text-transform: uppercase;
			letter-spacing: 1px;
			}
		
		#team .person:hover .avatar {
			opacity: 0;
			-webkit-transform: translate3d(0,230px,0) rotate3d(1,0,0,-90deg);
			   -moz-transform: translate3d(0,230px,0) rotate3d(1,0,0,-90deg);
				 -o-transform: translate3d(0,230px,0) rotate3d(1,0,0,-90deg);
				-ms-transform: translate3d(0,230px,0) rotate3d(1,0,0,-90deg);
					transform: translate3d(0,230px,0) rotate3d(1,0,0,-90deg);
			}
		
		#team .person:hover .desc {
			opacity: 1;
			-webkit-transform: rotate3d(1,0,0,0deg);
			   -moz-transform: rotate3d(1,0,0,0deg);
			     -o-transform: rotate3d(1,0,0,0deg);
				-ms-transform: rotate3d(1,0,0,0deg);
					transform: rotate3d(1,0,0,0deg);
			} */
			
		.aboutLogo {
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%;
			max-width: 500px;
			max-height: 500px;
			}
			
		.personalization {
			display: block;
			margin: 40px auto 0;
			width: 100%;
			height: 100%;
			max-width: 599px;
			max-height: 155px;
			}
			
		.purpose {
			display: block;
			margin: 40px auto 0;
			width: 100%;
			height: 100%;
			max-width: 599px;
			max-height: 155px;
			}
			
		.aboutLogoSm {
			display: block;
			margin: 75px auto 15px;
			width: 100%;
			height: 100%;
			max-width: 367px;
			max-height: 53px;
			}
			
		#about h1, #about h5 { text-align: center; }
		#about h5 { padding-bottom: 30px; }
		#about h1 { font-size: 40px; padding-top: 75px; margin-top: 75px; border-top: 1px solid #e5e5e5; }	
		
		#about h1 .sprite-about {
			width: 85px;
	    	height: 85px;
	    	display: block;
	    	margin: 0 auto 15px;
			}
			
		#forPurpose span { background-position: -170px -58px; }
		#personalize span { background-position: -85px -58px; }
		#discover span { background-position: 0 -58px; }
		
		/* .buttons { overflow: hidden; margin: 40px auto 0; width: 450px; }
		.buttons li {
			float: left;
			text-align: center;
			width: 150px;
			}
			
		.buttons li .sprite-about {
			width: 58px;
	    	height: 58px;
	    	display: block;
	    	margin: 0 auto 15px;
			} */
			
		.buttons { overflow: hidden; margin: 40px auto 0; width: 450px; }
		.buttons li { 
			float: left;
			text-align: center;
			width: 150px;
			}
			
		.buttons a { 
			text-decoration: none;
			color: #666666;
	    	display: block;
			}
			
		.buttons a:hover { text-decoration: underline; color: #000; }
			
		.buttons li .sprite-about {	    	
	    	display: block;
	    	margin: 0 auto 15px;
	    	width: 58px;
	    	height: 58px;
			}
			
		#buttonDiscovery span { background-position: 0 0; }
		#buttonPersonalize span { background-position: -58px 0; }
		#buttonPurpose span { background-position: -116px 0; }
		
		.categoryLinks { overflow: hidden; margin: 40px auto -40px; width: 80%; }
		.categoryLinks li { 
			float: left;
			text-align: center;
			width: 25%;
			margin: 20px 0 40px;
			min-height: 150px;
			}
			
		.categoryLinks a { 
			text-decoration: none;
			color: #666666;
	    	display: block;
	    	font-size: 12px;
			}
			
		.categoryLinks a:hover { text-decoration: underline; color: #000; }
			
		.categoryLinks li .sprite-about {	    	
	    	display: block;
	    	margin: 0 auto 15px;
	    	width: 80px;
	    	height: 70px;
			}
			
		#apparel span { background-position: -255px 0; }
		#auto span { background-position: -335px 0; }
		#bags span { background-position: -415px 0; }
		#drinkware span { background-position: -495px 0; }
		#event span { background-position: -575px 0; }
		#food span { background-position: -655px 0; }
		#office span { background-position: -655px -70px; }
		#outdoor span { background-position: -255px -70px; }
		#stationary span { background-position: -335px -70px; }
		#tech span { background-position: -415px -70px; }
		#toys span { background-position: -495px -70px; }
		#wellness span { background-position: -575px -70px; }
			
		#about p {
			text-align: center;
			font-size: 16px;
			line-height: 1.8;
			padding: 0 200px;
			}
			
		/* #about .sprite-about {
			display: block;
			}
			
		.personalization, .purpose {
			text-indent: 100%;
	    	white-space: nowrap;
	    	overflow: hidden;
	    	display: block;
	    	margin: 40px auto 0;
			}
			
		.personalization {
			width: 575px;
	    	height: 155px;
	    	background-position: 0 -145px;
			}
			
		.purpose {
			width: 585px;
	    	height: 136px;
	    	background-position: 0 -300px;
			} */
			
		.border { 
		 	border-bottom: 1px solid #e5e5e5; 
		 	padding-bottom: 75px;
		 	}	
						
/* =Footer
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */
	
		#footer {
			padding: 20px 0;
			border-bottom: none;
			}
			
		/* sticky footer */
			
		html.stickyFooter, html.stickyFooter body { height: 100%; }		
		
		.stickyWrap {
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin-bottom: -176px;
			}

			
		.stickyWrap:after {
			content: "";
			width: 100%;
			height: 176px;
			display: block;
			}

		html.stickyFooter #footer { height: 135px; }
			
		/* divides */
		
		#footer hr {
			height: 24px;
			margin: 0 -10px;
			border: 0;
			border-top: 1px solid #dadada;
			display: block;
			clear: both;
			}
			
		/* to the top */
		
		#footer a.toTheTop {
			margin-left: -13px;
			border: 1px solid #d9d9d9;
			border-bottom: 0;
			display: none;
			position: absolute;
			top: -47px;
			left: 50%;
			z-index: 0;
			}
			
	/* Instagram Feed
	-------------------------------------------------------------------------- */
		
		/* wrapper */
		
		#instafeedWrapper { margin-bottom: 40px; }
		
		#instafeedWrapper p {
			margin: 0;
			padding: 15px;
			text-transform: uppercase;
			letter-spacing: 2px;
			display: block;
			}
		
		/* feed */		
		
		#instafeed {
			margin: 0 30px 30px 30px;
			line-height: 0;
			border-left: 1px solid #c6c6c6;
			-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.15);
			   -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.15);
					box-shadow: 0 5px 10px rgba(0,0,0,0.15);
			}
		
		#instafeed a, #instafeed a:visited {
			width: 25%;
			padding: 0;
			float: left;
			-webkit-transition: opacity .1s linear;
			   -moz-transition: opacity .1s linear;
			     -o-transition: opacity .1s linear;
			    -ms-transition: opacity .1s linear;
			        transition: opacity .1s linear;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#instafeed a:hover {
			opacity: 0.75;
			}
						
		#instafeed img {
			max-width: 100%;
			height: auto;
			border: 1px solid #c6c6c6;
			border-left: 0;
			border-bottom-color: #b1b1b1;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		@media (max-width: 790px) {
			#instafeed { margin: 0 25px 25px 25px; }
			#instafeed a, #instafeed a:visited { width: 33.33%; }
			#instafeed a:nth-child(3) ~ a { display: none; }
		}
		
		@media (max-width: 600px) {
			#instafeed { margin: 0 20px 20px 20px; }
			#instafeed a, #instafeed a:visited { width: 50%; }
			#instafeed a:nth-child(2) ~ a { display: none; }
		}
		
		@media (max-width: 480px) {
			#instafeed { margin: 0 15px 15px 15px; }
			#instafeed a, #instafeed a:visited { width: 100%; }
			#instafeed a:nth-child(1) ~ a { display: none; }
		}
			
	/* Secondary Navigation + Social
	-------------------------------------------------------------------------- */
		
		#secondaryNav {
			width: 100%;
			padding-bottom: 20px;
			float: left;
			}
			
		#secondaryNav ul {
			margin: 10px 0 0 0;
			float: left;
			}
			
		#secondaryNav ul li {
			padding-right: 20px;
			float: left;
			}
			
		#secondaryNav ul li:last-child { padding-right: 0; }
			
		#secondaryNav ul a, #secondaryNav ul a:visited {
			color: #000;
			font-weight: 700;
			}
			
		/* social */
		
		#secondaryNav ul.social {
			margin: 0;
			float: right;
			}
			
		#secondaryNav ul.social li { padding: 0; }
			
		#secondaryNav ul.social a, #secondaryNav ul.social a:visited {
			width: 59px;
			height: 42px;
			border-left: 1px solid #e0e0e0;
			border-right: 1px solid #e0e0e0;
			background-color: transparent;
			text-indent: -9999px;
			overflow: hidden;
			display: block;
			position: relative;
			-webkit-transition: background-color .11s linear;
			   -moz-transition: background-color .11s linear;
			     -o-transition: background-color .11s linear;
			    -ms-transition: background-color .11s linear;
			        transition: background-color .11s linear;
			}
			
		#secondaryNav ul.social a:hover { background-color: #e5e5e5; }
			
		#secondaryNav ul.social a.facebook { border-right: 0; }
			
		#secondaryNav ul.social a:after {
			content: "";
			display: block;
			background: url(../img/sprite-icons.png) no-repeat;
			position: absolute;
			top: 13px;
			}
			
		#secondaryNav ul.social a.facebook:after { width: 9px; height: 17px; background-position: 0 -4px; left: 25px; }
		#secondaryNav ul.social a.twitter:after { width: 18px; height: 16px; background-position: -12px -4px; left: 20px; }
			
	/* Copyright + Telephone
	-------------------------------------------------------------------------- */
			
		#copyright {
			width: 100%;
			padding-bottom: 25px;
			float: left;
			}
		
		#copyright p {
			margin: 0;
			color: #000;
			font-weight: 700;
			float: left;
			}
			
		/* #copyright strong {
			padding-right: 10px;
			color: #ea5424;
			}
			
		#copyright strong:before {
			content: "";
			margin: -2px 8px 0 0;
			width: 16px;
			height: 21px;
			background: url(../img/sprite-icons.png) 0 -37px no-repeat;
			float: left;
			} */ 
			
		#copyright p em { color: #009fdc; font-style: normal; padding-right: 3px; }
		#copyright p em + span em { padding-left: 20px; }
		
		#copyright p a { color: #000; }
			
		#copyright p + p {
			color: #a7a7a7;
			font-weight: 400;
			float: right;
			}
			
	/* Categories Navigation
	-------------------------------------------------------------------------- */
		
		a#toggleCategories, a#toggleCategories:visited {
			width: 100%;
			height: 36px;
			margin: 10px 0;
			padding: 0;
			line-height: 36px;
			display: none;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
		
		#categoriesNav {
			width: 100%;
			padding-top: 20px;
			float: left;
			}
			
			
			
		#categoriesNav ul {
			width: 100%;
			margin: 0;
			float: left;
			}
		
		#categoriesNav li {
			margin: 0;
			width: 100%;
			float: none;
			}
			
		#categoriesNav dl {
			padding-right: 10px;
			width: 20%;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

			
		#categoriesNav li:first-child { margin: 0; }
		
		#categoriesNav dl { margin-bottom: 20px; }
		#categoriesNav dt { font-weight: 700; }
		#categoriesNav dd { padding-left: 10px; }
			
		#categoriesNav a, #categoriesNav a:visited {
			color: #000;
			font-size: 12px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			display: block;
			}

/* //////////////////////////////////////////////////////////////////////////////
Print ///////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////// */

@media print {
	
	* { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; }

	#blueBar,
	#topNav,
	#navBar,
	#instafeedWrapper,
	#footer .toTheTop,
	#secondaryNav,
	#categoriesNav,
	#copyright,
	#checkoutSteps, #checkoutNav { display: none; }
		
	a#logo {
		width: auto;
		height: auto;
		margin: 30px 0;
		font-size: 30px;
    	text-indent: inherit;
    	text-align: center;
    	background: url(../img/logo.svg) 0 0 no-repeat !important;
		}
		
	.main .wrapper { padding: 30px 0; }
	
	#howItWorks, #thankYou { padding-left: 20px !important; border: 0; }
	#howItWorks:before, #thankYou:before { display: none; }
	
	#footer { border: 0; }
	
}

/* //////////////////////////////////////////////////////////////////////////////
Max-width: 480px ////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////// */
	
@media (max-width: 480px) {

/* =Global
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */
	
		html { -webkit-text-size-adjust: none; /* prevent font scaling in landscape view on mobile devices */ }

/* =Header
============================================================================== */
			
	/* Search
	-------------------------------------------------------------------------- */
	
		#search, #search input { width: 100%; }
		
	/* Primary Navigation
	-------------------------------------------------------------------------- */
		
		#primaryNav > a, #primaryNav > a:visited { display: block; }
		
		#primaryNav > ul {
			margin: 3px 0 10px 0;
			width: 100%;
			}
		
		#primaryNav > ul > li {
			width: 100%;
			margin-top: 7px;
			border: 0;
			z-index: 1;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
		
		#primaryNav > ul > li:hover { z-index: 2; }
		#primaryNav > ul > li:first-child { position: relative; }
		
		#primaryNav > ul > li > a, #primaryNav > ul > li > a:visited {
			width: 100%;
			font-size: 15px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		/* drop menu */
		
		#primaryNav .centerMenu {
			left: 0;
			right: 0;
			}
			
		#primaryNav .centerMenu ul {
			width: 100%;
			margin-left: 0;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#primaryNav .centerMenu:after, #primaryNav .centerMenu:before { display: none; }
		
		/* categories menu */
		
		#categoriesFilter {
			width: auto;
			top: 40px;
			left: 0;
			right: 0;
			}
			
		#primaryNav > ul > li:first-child:hover:after, #primaryNav > ul > li:first-child:hover:before { display: none; }
			
		/* sub-categories menu */
		
		#categoriesFilter { margin: 0; }
		#categoriesFilter .subCategories { display: none !important; }
		
		#categoriesFilter > ul {
			width: 100%;
			border-right: 0;
			background: #f7f7f7;
			}
			
		#categoriesFilter > ul > li > a, #categoriesFilter > ul > li > a:visited {
			padding: 7px 50px 6px 12px;
			white-space: nowrap;
			}
			
		#categoriesFilter > ul > li > a:hover, #categoriesFilter > ul > li > a.selected { background: #fff; }
			
		#categoriesFilter > ul > li > a:hover:after, #categoriesFilter > ul > li > a:hover:before, #categoriesFilter > ul > li > a.selected:after, #categoriesFilter > ul > li > a.selected:before { display: none !important; }
		
		/* choose color */
		
		#primaryNav .byColor + .centerMenu { min-width: inherit; }
		#primaryNav .centerMenu ul.chooseColor li { width: 20%; }
		#primaryNav .centerMenu ul.chooseColor a, #primaryNav .centerMenu ul.chooseColor a:visited { width: 100%; }
		
		.categoryLinks { width: 100%; }
		.categoryLinks li { margin-bottom: 0; }
		.categoryLinks li a { font-size: 11px; }
		
		.buttons { width: 300px; }
		.buttons li { width: 100px; }
		
		.categoryLinks li { 
			width: 33%;
			}
			
		#about p {
			padding: 0;
			}
			
	/* Block Category Nav
	-------------------------------------------------------------------------- */
			
		#blockNav .slides > li a, #blockNav .slides > li a:visited { height: 60px; padding: 0 30px; }
		#blockNav .slides > li h3 { margin: 0; }
		#blockNav .slides > li p { display: none; }
		#blockNav .slides > li a .verticalCenter { margin-top: 0; }
		#blockNav .slides > li a .verticalCenter:before { display: none; }
		
/* =Content
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
			
		/* 2 col layout */
		
		.twoCol article {
			padding: 0 0 30px 0;
			width: 100%;
			}
			
		.twoCol aside {
			width: 100%;
			}

	/* Thumbnails
	-------------------------------------------------------------------------- */ 
			
		.thumbnails { padding-top: 0; }
		.thumbnails li { min-width: 100%; width: 100%; margin-top: 20px; }
				
		.thumbnails.medium a strong { padding: 10px; font-size: 14px; }
		.thumbnails.medium a strong em { font-size: 12px; }
		
		.slides.thumbnails.medium li { min-width: 95%; }
		.flex-viewport .slides.thumbnails.medium li { min-width: inherit; }
		.slides.thumbnails.medium li:last-child { display: inherit; }
		.slides.thumbnails.medium a strong { padding: 10px; font-size: 11px; }
		.slides.thumbnails.medium a strong em { font-size: 11px; }
	
	/* Color Chooser
	-------------------------------------------------------------------------- */
		
		#primaryNav .centerMenu ul.chooseColor { width: 100%; }
		
		/* ink color */
		
		#colorType li { width: 100%; }
		
		#inkColor {
			margin: 5px 0 10px 20px;
			clear: left;
			}

		#inkColor ul.chooseColor {
			width: auto;
			left: 0;
			right: 0;
			}
			
		#inkColor ul.chooseColor li {
			width: 100%;
			}
		
		#inkColor ul.chooseColor a, #inkColor ul.chooseColor a:visited {
			width: 100%;
			height: 25px;
			}
		
/* =View Item
============================================================================== */
	
	/* Header
	-------------------------------------------------------------------------- */	

		/* item title */
		
		#item header h2 {
			max-width: inherit;
			margin: 0 0 20px 0;
			font-size: 20px;
			}
			
		#item header h2 strong.new:before, #item header h2 strong.sale:before { margin: 0 0 0 15px;	}
			
		/* "add this" social buttons */
		
		#addThis {
			margin: 0 0 20px 0;
			float: left;
			clear: left;
			}
			
	/* Photos
	-------------------------------------------------------------------------- */
	
		#itemPhotos { width: 100%; }
			
	/* Details
	-------------------------------------------------------------------------- */
	
		#itemDetails { width: 100%; }
		
		#itemDetails .btnBlue {
			min-width: inherit;
			height: 40px;
			line-height: 40px;
			font-size: 18px;
			}
			
	/* Color
	-------------------------------------------------------------------------- */
		
		#itemDetails .chooseColor a#toThePhotos { display: block; }
		
	/* Price
	-------------------------------------------------------------------------- */
		
		#choosePrice label, #priceBreak { width: 100%; }
		#quantity { width: 40%; }
		#priceTotal { width: 60%; }
		
/* =Checkout
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
		
		#checkout {
			background: #fff;
			}
			
		#checkout .left {
			width: 100%;
			}
			
		#checkout .right {
			width: 100%;
			padding: 0;
			border-top: 1px solid #e2e2e2;
			background: #f8f8f8;
			}
			
		#checkout .bottom {
			padding: 10px 20px;
			}
			
		/* steps */
		
		#checkoutSteps h2 {
			margin: 6px 0 15px 0;
			}
		
		#checkoutSteps ul {
			width: 100%;
			}
		
		#checkoutSteps li {
			margin: 10px 0 0 0;
			float: none;
			}
			
		/* nav */
		
		#checkoutNav a, #checkoutNav button {
			margin: 10px 0 !important;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#checkoutNav a, #checkoutNav button { width: 100%; min-width: inherit; float: none !important; display: block; }
			
	/* Customize
	-------------------------------------------------------------------------- */
		
		/* customize */
		
		#customizeOrder ul { clear: left; }
			
		#customizeOrder .insetBlock { width: 100%; margin-bottom: 10px; }
			
		#customizeOrder textarea, #customizeOrder .customSelect { width: 100%; margin-top: 0; }
		
	/* Review + Finished
	-------------------------------------------------------------------------- */
		
		/* cart */
		
		#cart .item img {
			width: 20%;
			height: auto;
			margin: 0;
			}
		
		#cart .item span { width: 75%; max-width: inherit; float: right; }
		
		#cart .item h4 {
			width: 75%;
			padding: 10px 0 0 0;
			text-align: left;
			}
		
		/* address */
		
		#address .twoCol dl { width: 100%; padding-right: 0; }
				
		#address input[type=text], #address input[type=password], #signUp input[type=email] { width: 100%; }
		
		#address label { width: 100%; padding: 6px 0; }
		#address label + .customSelect { width: 100%; }

		#address li.cityState input { width: 49%; float: left; }
		#address li.cityState input + input { margin-right: 5px; }
		#address li.cityState .customSelect { margin-left: 0; width: 49%; }
		
/* =Categories
============================================================================== */

	/* List
	-------------------------------------------------------------------------- */
		
		#categories li { width: 100%; }
		
/* =Search Results
============================================================================== */			
	
		#query { display: none; }
		
	/* Filter
	-------------------------------------------------------------------------- */
		
		#filterResults {
			margin: -30px 0 10px 0;
			padding: 0;
			width: 100%;
			float: left;
			}
			
		#filterResults .customSelect {
			width: 100%;
			margin: 0 0 8px 0;
			}
			
/* =Login & Forgot Password
============================================================================== */			
	
	/* Form
	-------------------------------------------------------------------------- */
	
		#login, #forgotPassword {
			width: 100%;
			}
		
		#login li input { width: 100%; }
		#login li input + input { margin-top: 10px; }
		
		#login label {
			width: 100%;
			margin-bottom: 5px;
			padding: 0;
			text-align: center;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#login label input {
			margin-right: 5px;
			position: relative;
			top: -2px;
			}
			
		#login a, #login a:visited, #forgotPassword a, #forgotPassword a:visited {
			width: 100%;
			margin: 5px 0 0 0;
			text-align: center;
			}
		
		#forgotPassword button, #login button { width: 100%; }
			
/* =Sign Up
============================================================================== */			
	
	/* Form
	-------------------------------------------------------------------------- */
	
		#signUp {
			width: 100%;
			}
			
		/* field layouts */
		
		#signUp input[type=text], #signUp input[type=password], #signUp input[type=email] { width: 100%; }
		
		#signUp label { width: 100%; padding: 15px 0 5px 0; }
		#signUp label + .customSelect { width: 100%; }

		#signUp li.cityState input { width: 100%; }
		#signUp li.cityState input + input { margin-top: 5px; }
		#signUp li.cityState .customSelect { margin: 0 0 5px 0; width: 100%; }
		
		#signUp ul.extras h4 { width: 100%; margin: 0 0 15px 0; }
		#signUp ul.extras .customSelect { width: 100%; }
		
		#signUp button { width: 100%; }
		
/* =Profile & Order History
============================================================================== */			
	
	/* Layout
	-------------------------------------------------------------------------- */
			
		/* side nav */
			
		#profile aside {
			width: 100%;
			border-right: none;
			background: #f7f7f7;
			position: inherit;
			float: left;
			}
		
		#profile aside a, #profile aside a:visited { padding: 15px 12px 15px 20px; }
		#profile aside a.selected { background: #fff; }
			
		/* content */
			
		#profile article { padding-left: 0; }
		
		#profile h2 { display: none; }
	
	/* Profile form
	-------------------------------------------------------------------------- */
		
		/* field layouts */
		
		#profile input[type=text], #profile input[type=password], #profile input[type=email] { width: 100%; }
		
		#profile label { width: 100%; padding: 15px 0 5px 0; }
		#profile label + .customSelect { width: 100%; }
		
		#profile li.name input { width: 49%; margin: 0; float: left; }
		#profile li.name input + input { float: right; }
		
		#profile ul.password { height: 240px; float: left; } /* pretty hacky solution but needed */
		#profile ul.password label, #profile ul.password input { width: 100%; margin: 0; }
		#profile ul.password label { height: 81px; }
		#profile ul.password input { margin-bottom: 40px; position: relative; top: -225px; }
		
		#profile li.cityState input { width: 100%; }
		#profile li.cityState input + input { margin-top: 5px; }
		#profile li.cityState .customSelect { margin: 5px 0 0 0; width: 100%; }
		
		#profile button { width: 100%; margin: 20px 0; }

	/* Order History table
	-------------------------------------------------------------------------- */
		
		/* change the table to act like a regular list. A little hacky but it works */
		
		#orderHistory, #orderHistory thead, #orderHistory tbody, #orderHistory tr, #orderHistory th, #orderHistory td { display: block; }

		#orderHistory thead tr { display: none; }
		
		#orderHistory tbody tr {
			border-top: 4px solid #e5e5e5;
			}
		
		#orderHistory td {
		    border: none;
		    border-bottom: 1px solid #e5e5e5; 
		    position: relative;
		    padding-left: 50%; 
			}
			
		#orderHistory td:first-child { padding-left: 50%; }
		#orderHistory td:last-child { padding-right: 0; }
		
		#orderHistory td:before { 
		    width: 45%; 
		    padding-right: 10px; 
		    color: #242424;
		    white-space: nowrap;
		    position: absolute;
		    top: 10px;
		    left: 20px;
			}
		
		#orderHistory td strong { color: inherit; font-weight: 400; }
		
		/* Label data */
		
		#orderHistory td:nth-child(1):before { content: "Date"; }
		#orderHistory td:nth-child(2):before { content: "Order #"; }
		#orderHistory td:nth-child(3):before { content: "Item"; }
		#orderHistory td:nth-child(4):before { content: "Qty"; }
		#orderHistory td:nth-child(5):before { content: "Price"; }
		
/* =Footer
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
	
		#footer { margin-top: 20px; }
		#footer a.toTheTop { display: block; }
		
		/* sticky footer */
		
		.stickyWrap {
			margin-bottom: -346px;
			}

		.stickyWrap:after {
			height: 346px;
			}

		html.stickyFooter #footer { height: 285px; }
		
	/* Categories Navigation
	-------------------------------------------------------------------------- */
		
		a#toggleCategories, a#toggleCategories:visited { display: block; }
		
		#categoriesNav { display: none; }
		
		#categoriesNav ul {
			width: 100%;
			}
		
		#categoriesNav li {
			width: 100%;
			margin: 0;
			}
			
		#categoriesNav dl {
			width: 50%;
			float: left;
			}
			
		#categoriesNav dd { padding-left: 0; }
		#categoriesNav a, #categoriesNav a:visited { padding: 5px 15px; }
			
	/* Secondary Navigation + Social
	-------------------------------------------------------------------------- */
			
		#secondaryNav ul {
			width: 50%;
			margin: 0;
			padding: 0 15px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#secondaryNav ul li {
			width: 100%;
			padding: 5px 0;
			}
			
		#secondaryNav ul:first-child a, #secondaryNav ul:first-child a:visited {
			display: block;
			}
			
		/* social */
		
		#secondaryNav ul.social { padding-top: 35px; }
		
		#secondaryNav ul.social a, #secondaryNav ul.social a:visited {
			float: right;
			border: 0;
			}

	/* Copyright + Telephone
	-------------------------------------------------------------------------- */
		
		#copyright p {
			width: 100%;
			text-align: center;
			}
			
		#copyright p:first-child { margin-bottom: 15px; }
		
		/* #copyright strong:before {
			margin: 0 8px -4px 0;
			display: inline-block;
			float: none;
			} */
			
		#copyright p em	{ padding: 0; }
		#copyright p span { display: block; }
			
} /* end max-width: 480px */

/* //////////////////////////////////////////////////////////////////////////////
Max-width: 670px ////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////// */
	
@media (max-width: 670px) {

/* =Header
============================================================================== */
			
	/* Logo
	-------------------------------------------------------------------------- */
	
		a#logo, a#logo:visited {
			margin: 22px auto 18px auto;
			float: none;
			display: block;
			}
			
	/* Top Nav
	-------------------------------------------------------------------------- */
			
		#topNav {
			float: none;
			display: block;
			}
			
		#topNav ul {
			margin: 0 0 20px 0;
			text-align: center;
			}
			
		#topNav li {
			padding: 0 10px;
			float: none;
			display: inline-block;
			}
			
} /* end max-width: 670px */

/* //////////////////////////////////////////////////////////////////////////////
Min-width: 481px and Max-width: 730px ///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////// */

@media (min-width: 481px) and (max-width: 730px) {

/* =Global
============================================================================== */

	/* Base
	-------------------------------------------------------------------------- */
	
		html { -webkit-text-size-adjust: none; /* prevent font scaling in landscape view on mobile devices */ }

/* =Header
============================================================================== */
	
	/* Search
	-------------------------------------------------------------------------- */
	
		#search, #search input { width: 100%; }
			
	/* Primary Navigation
	-------------------------------------------------------------------------- */
	
		#primaryNav > ul {
			width: 100%;
			display: block;
			float: none;
			}
		
		#primaryNav > ul > li {
			width: 25%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

		#primaryNav > ul > li:last-child { border: 0; }
		
		#primaryNav > ul > li > a, #primaryNav > ul > li > a:visited {
			width: 100%;
			font-size: 15px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
		
		/* categories menu */
		
		#categoriesFilter {
			width: auto;
			margin: 0;
			top: 97px;
			left: 10px;
			right: 10px;
			}
		
		#categoriesFilter > ul { min-height: 690px; }
		#primaryNav > ul > li:first-child:hover:after { margin-left: 71px; }
		#primaryNav > ul > li:first-child:hover:before { margin-left: 70px; }
			
		/* sub-categories menu */
		
		#categoriesFilter .subCategories { overflow: auto; }
		#categoriesFilter .subCategories ul { width: 100%; margin: 0; }
		#categoriesFilter .subCategories h3 { padding: 10px 20px 7px 20px; }
		#categoriesFilter .subCategories a, #categoriesFilter .subCategories a:visited {
			margin: 0 0 0 9px;
			padding: 6px 20px 6px 10px;
			border: 0;
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
	    	        border-radius: 0;
			}

/* =Content
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
			
		/* 2 col layout */
		
		.twoCol article {
			padding: 0 0 30px 0;
			width: 100%;
			}
			
		.twoCol aside {
			width: 100%;
			}

	/* Thumbnails
	-------------------------------------------------------------------------- */ 
		
		.thumbnails { padding-top: 0; }
		.thumbnails li { min-width: 50%; width: 50%; margin-top: 20px; }
		
		.thumbnails.medium a strong { padding: 10px; font-size: 14px; }
		.thumbnails.medium a strong em { font-size: 12px; }
		.thumbnails.medium li:last-child { display: none; }
		
		.slides.thumbnails.medium li { min-width: inherit; width: 230px; }
		.slides.thumbnails.medium li:last-child { display: inherit; }
		.slides.thumbnails.medium a strong { padding: 10px; font-size: 11px; }
		.slides.thumbnails.medium a strong em { font-size: 11px; }
		
	/* Color Chooser
	-------------------------------------------------------------------------- */
		
		#primaryNav .centerMenu ul.chooseColor { width: 347px; }
		
/* =View Item
============================================================================== */
	
	/* Header
	-------------------------------------------------------------------------- */	

		/* item title */
		
		#item header h2 {
			max-width: inherit;
			margin: 0 0 20px 0;
			}
			
		/* "add this" social buttons */
		
		#addThis {
			margin: 0 0 20px 0;
			float: left;
			clear: left;
			}
		
	/* Photos
	-------------------------------------------------------------------------- */
	
		#itemPhotos { width: 100%; }
			
	/* Details
	-------------------------------------------------------------------------- */
	
		#itemDetails { width: 100%; }
		
	/* Color
	-------------------------------------------------------------------------- */
			
		#itemDetails .chooseColor a#toThePhotos { display: block; }
		
	/* Price
	-------------------------------------------------------------------------- */
		
		#choosePrice label { width: 30%; }
		#priceBreak { width: 70%; }
		#quantity { width: 35%; }
		#priceTotal { width: 35%; }
		
/* =Checkout
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
		
		#checkout {
			background: #fff;
			}
			
		#checkout .left {
			width: 100%;
			}
			
		#checkout .right {
			width: 100%;
			padding: 0;
			border-top: 1px solid #e2e2e2;
			background: #f8f8f8;
			}
			
		#checkout .bottom {
			padding: 10px 20px;
			}
			
		/* steps */
		
		#checkoutSteps h2 {
			margin: 6px 0 15px 0;
			}
		
		#checkoutSteps ul {
			width: 100%;
			}
		
		#checkoutSteps li {
			margin: 10px 0 0 0;
			float: none;
			}
			
		/* nav */
		
		#checkoutNav a, #checkoutNav button {
			margin: 10px 0 !important;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}
			
		#checkoutNav a, #checkoutNav button { width: 100%; min-width: inherit; float: none !important; display: block; }
			
	/* Customize
	-------------------------------------------------------------------------- */
		
		/* customize */
			
		#customizeOrder .insetBlock { width: 45%; }
			
		#customizeOrder textarea, #customizeOrder .customSelect { width: 55%; }
		
	/* Review + Finished
	-------------------------------------------------------------------------- */
		
		/* cart */
		
		#cart .item span { max-width: 65%; }
		
		/* address */
				
		#address input[type=text], #address input[type=password], #signUp input[type=email] { width: 100%; }
		
		#address label { width: 100%; padding: 6px 0; }
		#address label + .customSelect { width: 100%; }

		#address li.cityState input { width: 49%; float: left; }
		#address li.cityState .customSelect { margin-left: 0; width: 49%; }
		
/* =Categories
============================================================================== */

	/* List
	-------------------------------------------------------------------------- */
		
		#categories li { width: 50%; }
		#categories li:nth-child(even) { float: right; }
		
/* =Search Results
============================================================================== */			
	
		#query { display: none; }
		
	/* Filter
	-------------------------------------------------------------------------- */
		
		#filterResults {
			margin: -30px 0 10px 0;
			padding: 0;
			width: 100%;
			float: left;
			}
			
		#filterResults .customSelect {
			width: 100%;
			margin: 0 0 8px 0;
			}
			
/* =Login & Forgot Password
============================================================================== */			
	
	/* Form
	-------------------------------------------------------------------------- */
	
		#login, #forgotPassword {
			width: 100%;
			}
			
/* =Sign Up
============================================================================== */			
	
	/* Form
	-------------------------------------------------------------------------- */
	
		#signUp {
			width: 100%;
			}
			
		/* field layouts */
		
		#signUp input[type=text], #signUp input[type=password], #signUp input[type=email] { width: 65%; }
		
		#signUp label { width: 40%; }
		#signUp label + input { width: 60% !important; }
		#signUp label + .customSelect { width: 60%; }

		#signUp li.cityState input { width: 30%; }
		#signUp li.cityState .customSelect { margin-left: 1%; width: 29%; }
		
		#signUp ul.password label { margin-top: -5px; padding: 0; }
		#signUp ul.password label, #signUp ul.password input { width: 49%; float: left; }
		#signUp ul.password input + input, #signUp ul.password label + label { float: right; }
		
		#signUp ul.extras label { width: 100%; }
		
/* =Profile & Order History
============================================================================== */			
	
	/* Layout
	-------------------------------------------------------------------------- */
		
		#profile h2 { display: none; }
	
	/* Profile form
	-------------------------------------------------------------------------- */
		
		/* field layouts */
		
		#profile input[type=text], #profile input[type=password], #profile input[type=email] { width: 100%; }
		
		#profile label { width: 100%; padding: 15px 0 5px 0; }
		#profile label + .customSelect { width: 100%; }
		
		#profile li.name input { width: 49%; margin: 0; float: left; }
		#profile li.name input + input { float: right; }
		
		#profile ul.password { height: 240px; float: left; } /* pretty hacky solution but needed */
		#profile ul.password label, #profile ul.password input { width: 100%; margin: 0; }
		#profile ul.password label { height: 81px; }
		#profile ul.password input { margin-bottom: 40px; position: relative; top: -225px; }
		
		#profile li.cityState input { width: 100%; }
		#profile li.cityState .customSelect { margin: 5px 0 0 0; width: 100%; }
		
		#profile button { width: 100%; margin: 20px 0; }
		
	/* Order History table
	-------------------------------------------------------------------------- */
		
		/* change the table to act like a regular list. A little hacky but it works */
		
		#orderHistory, #orderHistory thead, #orderHistory tbody, #orderHistory tr, #orderHistory th, #orderHistory td { display: block; }

		#orderHistory thead tr { display: none; }
		
		#orderHistory tbody tr {
			border-top: 4px solid #e5e5e5;
			}
		
		#orderHistory td {
		    border: none;
		    border-bottom: 1px solid #e5e5e5; 
		    position: relative;
		    padding-left: 50%; 
			}
			
		#orderHistory td:first-child { padding-left: 50%; }
		#orderHistory td:last-child { padding-right: 0; }
		
		#orderHistory td:before { 
		    width: 45%; 
		    padding-right: 10px; 
		    color: #242424;
		    white-space: nowrap;
		    position: absolute;
		    top: 10px;
		    left: 20px;
			}
		
		#orderHistory td strong { color: inherit; font-weight: 400; }
		
		/* Label data */
		
		#orderHistory td:nth-child(1):before { content: "Date"; }
		#orderHistory td:nth-child(2):before { content: "Order #"; }
		#orderHistory td:nth-child(3):before { content: "Item"; }
		#orderHistory td:nth-child(4):before { content: "Qty"; }
		#orderHistory td:nth-child(5):before { content: "Price"; }
				
/* =Footer
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
		
		#footer { margin-top: 20px; }
		#footer a.toTheTop { display: block; }
		
		/* sticky footer */
		
		.stickyWrap {
			margin-bottom: -181px;
			}

		.stickyWrap:after {
			height: 181px;
			}

		html.stickyFooter #footer { height: 120px; }
	
	/* Categories Navigation
	-------------------------------------------------------------------------- */
		
		#categoriesNav ul {
			width: 100%;
			}
		
		#categoriesNav li {
			margin: 0;
			width: 100%;
			float: none;
			}
			
		#categoriesNav dl {
			padding-right: 10px;
			width: 33.3%;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

	/* Secondary Navigation + Social
	-------------------------------------------------------------------------- */
		
		#secondaryNav ul a, #secondaryNav ul a:visited { font-size: 13px; }

	/* Copyright + Telephone
	-------------------------------------------------------------------------- */
		
		#copyright p { font-size: 13px; }
		
		#about p { padding: 0 30px; }

} /* end min-width: 481px and max-width: 730px */

/* //////////////////////////////////////////////////////////////////////////////
Min-width: 731px and Max-width: 950px ///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////// */

@media (min-width: 731px) and (max-width: 950px) {

/* =Header
============================================================================== */
		
	/* Search
	-------------------------------------------------------------------------- */
	
		#search, #search input { width: 100%; }
			
	/* Primary Navigation
	-------------------------------------------------------------------------- */
	
		#primaryNav > ul {
			width: 505px;
			margin: 0 auto;
			display: block;
			float: none;
			}
			
		#primaryNav > ul > li:last-child { border: 0; }
		
		/* categories menu */
		
		#categoriesFilter {
			width: auto;
			margin: 0;
			top: 97px;
			left: 10px;
			right: 10px;
			}
			
		/* sub-categories menu */
		
		#categoriesFilter .subCategories ul { width: 33.3%; }
		#categoriesFilter .subCategories a, #categoriesFilter .subCategories a:visited { padding: 10px 20px 10px 10px; }

/* =Content
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
			
		/* 2 col layout */
		
		.twoCol article {
			width: 70%;
			}
			
		.twoCol aside {
			width: 30%;
			}

	/* Thumbnails
	-------------------------------------------------------------------------- */
			
		.thumbnails.medium li { min-width: 25%; width: 25%; }
		.thumbnails.medium li:last-child { display: none; }
		.thumbnails.medium a strong { padding: 10px; font-size: 14px; }
		.thumbnails.medium a strong em { font-size: 12px; }
		
		.slides.thumbnails.medium li { min-width: inherit; width: 230px; }
		.slides.thumbnails.medium li:last-child { display: inherit; }
		.slides.thumbnails.medium a strong { padding: 10px; font-size: 11px; }
		.slides.thumbnails.medium a strong em { font-size: 11px; }
		
/* =View Item
============================================================================== */
	
	/* Photos
	-------------------------------------------------------------------------- */
	
		#itemPhotos { width: 63.5%; }
			
	/* Details
	-------------------------------------------------------------------------- */
	
		#itemDetails { width: 35%; }
		
		#itemDetails .btnBlue {
			min-width: inherit;
			height: 40px;
			line-height: 40px;
			font-size: 18px;
			}

	/* Price
	-------------------------------------------------------------------------- */
		
		#choosePrice label, #choosePrice .customSelect { width: 100%; }
		#quantity { width: 40%; }
		#priceTotal { width: 60%; }
		
/* =Checkout
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
			
		/* steps */
		
		#checkoutSteps h2 {
			margin: 6px 0 15px 0;
			}
		
		#checkoutSteps ul {
			width: 100%;
			}
		
		#checkoutSteps li {
			min-width: 170px;
			margin: 10px 10px 0 0;
			}
			
		/* nav */
		
		#checkoutNav a { min-width: 145px; }
		#checkoutNav button { min-width: 187px; }
			
	/* Customize
	-------------------------------------------------------------------------- */
		
		/* customize */
			
		#customizeOrder .insetBlock { width: 100%; margin-bottom: 10px; }
			
		#customizeOrder textarea, #customizeOrder .customSelect { width: 100%; margin-top: 0; }
		
	/* Review + Finished
	-------------------------------------------------------------------------- */
		
		/* cart */
		
		#cart .item span { max-width: 50%; }
		
		/* address */
		
		#address .twoCol dl { width: 100%; padding-right: 0; }
				
		#address input[type=text], #address input[type=password], #signUp input[type=email] { width: 100%; }
		
		#address label { width: 100%; padding: 6px 0; }
		#address label + .customSelect { width: 100%; }

		#address li.cityState input { width: 49%; float: left; }
		#address li.cityState .customSelect { margin-left: 0; width: 49%; }
		
/* =Categories
============================================================================== */

	/* List
	-------------------------------------------------------------------------- */
		
		#categories li { width: 50%; }
		#categories li:nth-child(even) { float: right; }

/* =Search Results
============================================================================== */			
	
		#query {
			width: 100%;
			margin-bottom: 20px;
			white-space: normal;
			overflow: inherit;
			}
		
	/* Filter
	-------------------------------------------------------------------------- */
		
		#filterResults {
			float: left;
			}
			
/* =Profile & Order History
============================================================================== */			
	
	/* Layout
	-------------------------------------------------------------------------- */
		
		#profile h2 { display: none; }
	
	/* Profile form
	-------------------------------------------------------------------------- */
		
		/* field layouts */
		
		#profile label { width: 165px; }
		
		#profile ul.password label, #profile ul.password input { width: 32%; margin-right: 1%; float: left; }
		
	/* Order History table
	-------------------------------------------------------------------------- */
		
		/* change the table to act like a regular list. A little hacky but it works */
		
		#orderHistory, #orderHistory thead, #orderHistory tbody, #orderHistory tr, #orderHistory th, #orderHistory td { display: block; }

		#orderHistory thead tr { display: none; }
		
		#orderHistory tbody tr {
			border-top: 4px solid #e5e5e5;
			}
		
		#orderHistory td {
		    border: none;
		    border-bottom: 1px solid #e5e5e5; 
		    position: relative;
		    padding-left: 50%; 
			}
			
		#orderHistory td:first-child { padding-left: 50%; }
		#orderHistory td:last-child { padding-right: 0; }
		
		#orderHistory td:before { 
		    width: 45%; 
		    padding-right: 10px; 
		    color: #242424;
		    white-space: nowrap;
		    position: absolute;
		    top: 10px;
		    left: 20px;
			}
		
		#orderHistory td strong { color: inherit; font-weight: 400; }
		
		/* Label data */
		
		#orderHistory td:nth-child(1):before { content: "Date"; }
		#orderHistory td:nth-child(2):before { content: "Order #"; }
		#orderHistory td:nth-child(3):before { content: "Item"; }
		#orderHistory td:nth-child(4):before { content: "Qty"; }
		#orderHistory td:nth-child(5):before { content: "Price"; }
		
		
		#about p { padding: 0 100px; }
		
/* =Footer
============================================================================== */

	/* Categories Navigation
	-------------------------------------------------------------------------- */
		
		#categoriesNav ul {
			width: 100%;
			}
		
		#categoriesNav li {
			margin: 0;
			width: 100%;
			float: none;
			}
			
		#categoriesNav dl {
			padding-right: 10px;
			width: 25%;
			float: left;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				    box-sizing: border-box;
			}

} /* end min-width: 731px and max-width: 950px */

/* //////////////////////////////////////////////////////////////////////////////
Min-width: 951px and Max-width: 1090px ///////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////// */

@media (min-width: 951px) and (max-width: 1090px) {

/* =Header
============================================================================== */
		
	/* Search
	-------------------------------------------------------------------------- */
	
		#search input { width: 335px; }
		
	/* Primary Navigation
	-------------------------------------------------------------------------- */
		
		/* categories menu */
		
		#categoriesFilter {
			width: auto;
			margin: 0;
			left: 10px;
			right: 10px;
			}
			
		/* sub-categories menu */
		
		#categoriesFilter .subCategories ul { width: 33.3%; }
		
/* =View Item
============================================================================== */
	
	/* Photos
	-------------------------------------------------------------------------- */
	
		#itemPhotos { width: 63.5%; }
			
	/* Details
	-------------------------------------------------------------------------- */
	
		#itemDetails { width: 35%; }
		
	/* Price
	-------------------------------------------------------------------------- */
		
		#choosePrice label, #priceBreak { width: 100%; }
		#quantity, #priceTotal { width: 50%; }
		
/* =Checkout
============================================================================== */
	
	/* Base
	-------------------------------------------------------------------------- */
			
		/* steps */
		
		#checkoutSteps li {
			min-width: 170px;
			}
			
	/* Customize
	-------------------------------------------------------------------------- */
		
		/* customize */
			
		#customizeOrder .insetBlock { width: 45%; }
			
		#customizeOrder textarea, #customizeOrder .customSelect { width: 55%; }
		
	/* Review + Finished
	-------------------------------------------------------------------------- */
		
		/* cart */
		
		#cart .item span { max-width: 60%; }
		
		/* address */
				
		#address input[type=text], #address input[type=password], #signUp input[type=email] { width: 100%; }
		
		#address label { width: 100%; padding: 6px 0; }
		#address label + .customSelect { width: 100%; }

		#address li.cityState input { width: 49%; float: left; }
		#address li.cityState .customSelect { margin-left: 0; width: 49%; }
		
/* =Search Results
============================================================================== */			
	
		#query {
			width: 100%;
			margin-bottom: 20px;
			white-space: normal;
			overflow: inherit;
			}
		
	/* Filter
	-------------------------------------------------------------------------- */
		
		#filterResults {
			float: left;
			}
			
/* =Profile & Order History
============================================================================== */			
	
	/* Profile form
	-------------------------------------------------------------------------- */
		
		/* field layouts */
		
		#profile ul.password label, #profile ul.password input { width: 32%; margin-right: 1%; float: left; }

} /* end min-width: 951px and max-width: 1090px */